Dans cet article, nous allons vous expliquer comment configurer les sections et éléments sur votre landing page. Maintenant que vous avez organisé vos sections sur votre landing page, il est temps de les remplir avec des éléments tels que du texte, des images ou des boutons.
Nous avons créé une série d’articles pour vous aider à créer des landing pages :
- Préface : Qu’est-ce qu’une landing page ?
- Partie 1 : Configurer votre landing page
- Partie 2 : Définir la structure de votre landing page
- Partie 3 : Modifier les paramètres de tous les éléments de votre landing page - VOUS ÊTES ICI
- Partie 4 : Ajouter un formulaire et utiliser des options avancées
- Partie 5 : Publier votre landing page
Paramètres communs
Certains paramètres sont communs entre les sections et les éléments. Nous allons d’abord décrire les paramètres communs, puis ceux qui sont propres aux sections et aux éléments.
Alignement
|
Le paramètre Alignement vous permet de choisir comment vous souhaitez aligner un élément (horizontalement et verticalement). |
Espacement
|
Le paramètre Espacement vous permet de définir l’espace vertical et horizontal autour et à l’intérieur des sections et des éléments :
Vous pouvez choisir entre différentes tailles d'espacement, du XS (plus petit) au XL (plus grand). |
Visibilité
|
Pour les sections :
|
|
|
Pour les éléments :
|
Couleur d'arrière-plan
| Le paramètre Couleur d'arrière-plan vous permet d’ajouter une couleur d’arrière-plan à une section ou à un élément et de gérer sa transparence. |
Image d’arrière-plan
|
Le paramètre Image d’arrière-plan vous permet d’ajouter une image depuis notre bibliothèque d’images, une URL ou votre ordinateur comme arrière-plan d’une section ou d’un élément :
|
Section
Propriétés
|
|
Le paramètre Propriétés vous permet de renommer la section. Le nom de vos sections apparaît lorsque vous naviguez dans le panneau Disposition. |
Couleur d'arrière-plan, Image d’arrière-plan et Espacement
Les paramètres Couleur d'arrière-plan, Image d’arrière-plan et Espacement sont décrits dans la section Paramètres communs de cet article.
Style
|
Le paramètre Style vous permet de personnaliser l’apparence de la section :
|
Signet
|
Le bouton Signet vous permet d’enregistrer une section pour la réutiliser dans vos autres landing pages. Cela peut être utile pour les en-têtes et les pieds de page que vous utilisez tout le temps dans vos landing pages. Vous trouverez les sections que vous avez enregistrées dans Sections > Signet, dans le panneau de gauche de l'éditeur. |
Ligne
Vous pouvez modifier les paramètres d’une ligne en naviguant vers l’onglet Mise en page depuis le panneau de gauche, comme nous l’avons vu dans Landing pages - Partie 2 : Définir la structure de votre landing page. Vous pouvez également utiliser le fil d’Ariane qui apparaît en haut de votre écran lorsque vous cliquez sur un élément.
Couleur d'arrière-plan, Image d’arrière-plan, Espacement et Visibilité
Les paramètres Couleur d’arrière-plan, Image d’arrière-plan, Espacement et Visibilité sont décrits dans la section Paramètres communs de cet article.
Avancé
|
Colonne
Vous pouvez modifier les paramètres d’une colonne en naviguant vers l’onglet Mise en page depuis le panneau de gauche, comme nous l’avons vu dans Landing pages - Partie 2 : Définir la structure de votre landing page. Vous pouvez également utiliser le fil d’Ariane qui apparaît en haut de votre écran lorsque vous cliquez sur un élément.
Style
|
Couleur d'arrière-plan, Image d’arrière-plan, Espacement et Visibilité
Les paramètres Couleur d’arrière-plan, Image d’arrière-plan, Espacement et Visibilité sont décrits dans la section Paramètres communs de cet article.
Texte
| Nouvel éditeur de landing page |
| Éditeur de landing page classique |
Vous pouvez utiliser un élément Texte pour ajouter et mettre en forme du texte sur votre landing page.
Barre de mise en forme
La barre de mise en forme vous permet de modifier le style de votre texte. Sélectionnez le texte que vous souhaitez modifier pour afficher la barre de mise en forme et cliquez sur les 3 points à l’extrémité droite pour accéder à davantage d’options.
Alignement et Espacement
Les paramètres Alignement et Espacement sont décrits dans la section Paramètres communs de cet article.
Image
| Nouvel éditeur de landing page |
| Éditeur de landing page classique |
Les images sont un moyen idéal de personnaliser le design de votre landing page et de le rendre plus attrayant. Vous pouvez sélectionner une image dans notre bibliothèque d'images, depuis une URL ou depuis votre ordinateur.
Alignement et Espacement
Les paramètres Alignement et Espacement sont décrits dans la section Paramètres communs de cet article.
Image
|
|
Les paramètres Image vous permettent de sélectionner une image et d’en modifier la taille :
|
Style
|
|
Le paramètre Style vous permet de définir l’apparence de l’image :
|
Logo
| Nouvel éditeur de landing page |
| Éditeur de landing page classique |
Les logos sont un moyen idéal d’afficher votre marque sur votre landing page.
Alignement et Espacement
Les paramètres Alignement et Espacement sont décrits dans la section Paramètres communs de cet article.
Image
|
|
Le paramètre Image vous permet de sélectionner un logo et d’en modifier la taille :
|
Style
|
|
Le paramètre Style vous permet de définir l’apparence du logo :
|
Bouton
| Nouvel éditeur de landing page |
|
|
| Éditeur de landing page classique |
Vous pouvez utiliser un élément Bouton pour créer un lien vers un site web ou une autre sous-page de votre landing page. L’ajout de boutons à votre landing page est idéal pour mettre en évidence des liens spécifiques sur lesquels vous souhaitez que les personnes cliquent.
Alignement, Espacement et Visibilité
Les paramètres Alignement, Espacement et Visibilité sont décrits dans la section Paramètres communs de cet article.
Propriétés
|
Le paramètre Propriétés vous permet de définir avec quoi doit être associé le bouton :
|
Style
|
Le paramètre Style vous permet de personnaliser l’apparence du bouton :
|
Séparateur
| Nouvel éditeur de landing page |
|
|
| Éditeur de landing page classique |
Vous pouvez utiliser un élément Séparateur pour ajouter une séparation visuelle entre les différents éléments et sections de votre landing page.
Espacement
Le paramètre Espacement est décrit dans la section Paramètres communs de cet article.
Style
|
Choisissez le niveau d'épaisseur du séparateur : Fin, Épais ou Le plus épais. |
Couleur
|
Choisissez la couleur du séparateur. |
Formulaire
| Nouvel éditeur de landing page |
|
|
| Éditeur de landing page classique |
Vous pouvez utiliser un élément Formulaire pour créer une landing page génératrice de lead. Pour en savoir plus sur les formulaires dans une landing page, consultez notre article dédié Partie 4 : Ajouter un formulaire et utiliser des options avancées.
Icône
| Nouvel éditeur de landing page |
|
|
| Éditeur de landing page classique |
Vous pouvez utiliser un élément Icône pour ajouter du contenu visuel et illustrer votre landing page.
Alignement et Espacement
Les paramètres Alignement et Espacement sont décrits dans la section Paramètres communs de cet article.
Paramètres
|
Les Paramètres d’une icône vous permettent de sélectionner une icône et de personnaliser son apparence :
|
Vidéo
| Nouvel éditeur de landing page |
|
|
| Éditeur de landing page classique |
Vous pouvez utiliser un élément Vidéo dans votre landing page pour présenter votre marque ou vos produits sans utiliser trop de texte.
Espacement
Le paramètre Espacement est décrit dans la section Paramètres communs de cet article.
URL
| Le paramètre URL vous permet d’ajouter le lien vers la vidéo. Vous pouvez utiliser une vidéo hébergée sur YouTube, Vimeo, Dailymotion, Canal+, Wista, Twitch, Youku ou Coub. |
Style
|
Le paramètre Style vous permet de gérer l’apparence de la vidéo :
|
Conteneur
Vous pouvez utiliser un élément Conteneur pour regrouper plusieurs éléments et les déplacer ou les redimensionner tous en même temps.
Image d'arrière-plan, Espacement et Visibilité
Les paramètres Image d'arrière-plan, Espacement et Visibilité sont décrits dans la section Paramètres communs de cet article.
Style
|
Le paramètre Style vous permet de personnaliser l’apparence du conteneur :
|
Code
| Nouvel éditeur de landing page |
|
|
| Éditeur de landing page classique |
Vous pouvez utiliser un élément Code pour ajouter des extraits de code à votre landing page, comme une section de commentaires Facebook.
⏩ Et après ?
- Partie 4 : Ajouter un formulaire et utiliser des options avancées
- Partie 5 : Publier votre landing page
- Les landing pages sont-elles adaptées au SEO ?
- Dupliquer une landing page existante
- Gérer les pages de votre landing page
🤔 Vous avez des questions ?
Pour toute question, n’hésitez pas à contacter notre service client en créant un ticket à partir de votre compte. Si vous n’avez pas encore de compte, vous pouvez nous contacter ici.
Si vous avez besoin d'aide pour un projet impliquant Brevo, nous pouvons vous mettre en relation avec une agence partenaire Brevo.