Cet article explique comment configurer les sections et les éléments de votre landing page. Maintenant que vous avez organisé les sections de 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 à concevoir vos 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
Les sections et les éléments partagent certains paramètres. Nous allons d’abord décrire ces paramètres communs, puis les paramètres spécifiques à chacun.
Alignement
Le paramètre Alignement vous permet de définir la façon dont vous souhaitez aligner un élément (horizontalement ou 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 allant de XS (plus petit) à 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 modifier son opacité. |
Image d’arrière-plan
Le paramètre Image d’arrière-plan vous permet d’ajouter une image à partir de notre galerie, d’une URL ou de votre ordinateur afin de l’utiliser comme arrière-plan pour une section ou un élément :
|
Section
Propriétés
Le paramètre Propriétés vous permet de renommer la section. Le nom de vos sections s’affiche lorsque vous parcourez le menu Mise en page. |
Style
Le paramètre Style vous permet de personnaliser l'apparence de la section :
|
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.
Ligne
Vous pouvez modifier les paramètres d’une ligne en navigant dans l’onglet Mise en page dans le menu de gauche, comme décrit dans l’article Landing pages – Partie 2 : Définir la structure de votre landing page. Vous pouvez également utiliser le fil d’Ariane qui s’affiche en haut de l’é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 navigant dans l’onglet Mise en page dans le menu de gauche, comme décrit dans l’article Landing pages – Partie 2 : Définir la structure de votre landing page. Vous pouvez également utiliser le fil d’Ariane qui s’affiche en haut de l’é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 du texte à votre landing page et le mettre en forme.
Barre de formatage
La barre de formatage vous permet de modifier le style de votre texte. Sélectionnez le texte que vous souhaitez modifier pour afficher la barre de formatage et cliquez sur les 3 points sur la droite pour accéder à des options supplémentaires.
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 idéales pour personnaliser votre landing page et la rendre plus attrayante. Vous pouvez sélectionner une image à partir de notre galerie, d’une URL ou de 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 de la redimensionner :
|
Style
Le paramètre Style vous permet de personnaliser l'apparence de l’image :
|
Logo
Nouvel éditeur de landing page |
Éditeur de landing page classique |
Les logos sont un excellent moyen de mettre votre marque en valeur 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
Les paramètres Image vous permettent de sélectionner un logo et de le redimensionner :
|
Style
Le paramètre Style vous permet de personnaliser l'apparence du logo :
|
Bouton
Nouvel éditeur de landing page |
Éditeur de landing page classique |
Vous pouvez utiliser un élément Bouton afin de rediriger vos utilisateurs vers un site Web ou une autre page de votre landing page. Les boutons vous permettent de mettre en valeur des liens spécifiques sur votre landing page qui incitent vos abonnés à cliquer.
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
Les paramètres Propriétés vous permettent de définir la cible du 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 rubrique Paramètres communs de cet article.
Style
Définissez l’épaisseur du séparateur : mince, épais ou très épais. |
Couleur
Définissez 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 de génération de leads. 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 illustrer votre landing page et y ajouter du contenu visuel.
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 d’en personnaliser l’apparence :
|
Vidéo
Nouvel éditeur de landing page |
Éditeur de landing page classique |
Vous pouvez utiliser un élément Vidéo à votre landing page afin de mettre en valeur votre marque ou vos produits en limitant le texte.
Espacement
Le paramètre Espacement est décrit dans la rubrique Paramètres communs de cet article.
URL
Le paramètre URL vous permet de personnaliser l'apparence de 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 personnaliser l'apparence de la vidéo :
|
Contenant
Vous pouvez utiliser un élément Contenant afin de regrouper plusieurs éléments et de tous les déplacer ou les redimensionner simultanément.
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 contenant :
|
Code
Nouvel éditeur de landing page |
Éditeur de landing page classique |
Vous pouvez utiliser un élément Code pour ajouter des snippets de code à votre landing page, par exemple 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 un Partenaire Brevo certifié.