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. Cet article vous explique comment configurer vos sections, lignes, colonnes et éléments pour créer la meilleure landing page possible !
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
💡 Bon à savoir
Les landing pages sont disponibles avec les forfaits Premium et Entreprise.
Points abordés dans ce tutoriel :
Paramètres communs
Les sections, les lignes et les colonnes (et même les éléments) partagent certains paramètres. Nous allons d’abord décrire ces paramètres communs, puis les paramètres plus spécifiques.
Espacement
 |
Tout d’abord, indiquez si vous souhaitez modifier la marge verticale ou horizontale. La marge extérieure correspond à l’espacement à l’extérieur d’un objet, tandis que la marge intérieure correspond à l’espacement à l’intérieur de l’objet.
Vous pouvez choisir entre différents types d’espacements allant de XS (plus petit) à XL (plus grand). |
Visibilité
Ces paramètres n’ont aucune répercussion visuelle dans l’éditeur. Afin d’éviter toute confusion dans l’éditeur, ils sont uniquement visibles sur les pages publiées.
- Masquer sur mobile : vous pouvez contrôler l’affichage de chaque section de votre landing page selon l’appareil utilisé dans la zone des modifications.
- Masquer sur ordinateur : vous pouvez contrôler l’affichage de chaque section de votre landing page selon l’appareil utilisé dans la zone des modifications.
Couleur et image d’arrière-plan
Cette section vous permet d’ajouter une couleur d’arrière-plan et d’ajuster l’opacité.
Pour ajouter une image d’arrière-plan, vous pouvez l’importer à partir de votre ordinateur ou de notre galerie d’images, ou en indiquant une URL. Notre galerie d’images contient des centaines de photos en réserve (libres de droits) que vous pouvez utiliser pour illustrer votre landing page.
💡 Bon à savoir
La couleur de votre texte change automatiquement en fonction de la couleur d’arrière-plan.
Sections
Propriétés de votre section
Vous pouvez donner un nom à votre section ici. Ce nom s’affiche lorsque vous naviguez dans l’onglet Mise en page, dans le menu de gauche.
💡 Bon à savoir
Nous vous recommandons de donner un nom à vos sections afin de naviguer plus facilement entre les sections.
Style
Cliquez sur Style pour afficher les paramètres de style :
 |
|
Lignes
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, espacement et visibilité
Les premiers paramètres sont les mêmes que ceux décrits dans la section Paramètres communs ci-dessus.
Avancé
 |
|
Colonnes
Style
L’onglet Style vous permet d’ajuster les paramètres suivants :
 |
|
Couleur/Image d’arrière-plan, espacement et visibilité
Les autres paramètres sont les mêmes que ceux décrits dans la section Paramètres communs ci-dessus.
Texte
Vous pouvez modifier le style de votre texte à l’aide de la barre de mise en forme. Il vous suffit de sélectionner le texte que vous souhaitez modifier pour afficher la barre. Cliquez sur les trois points sur la droite pour accéder à des options supplémentaires.
Image et logo
Les images et les logos sont parfaits pour personnaliser vos emails et les rendre plus attrayants.
Pour ajouter une image ou un logo, saisissez l’URL correspondante ou cliquez sur AJOUTER (ou REMPLACER) dans la barre de droite. Une fenêtre contextuelle de gestion des fichiers s’affiche.
- Sélectionnez un fichier sur votre ordinateur.
- Choisissez une image dans la galerie : sur la gauche de l’éditeur, un menu s’affiche vous permettant de chercher des images libres de droits. Vous pouvez parcourir les images par catégorie (business, coaching, consulting, fitness, marketing, bureau, services).
Une fois que vous avez sélectionné votre image, plusieurs options s’offrent à vous :
|
|
|
Modifier le style de vos images et logos
- Ombre portée : ajoutez une ombre à votre image.
- Arrondi des angles : définissez l’arrondi des angles de votre image.
- Alignement : positionnez votre image à gauche, au centre ou à droite.
Bouton
Vous pouvez utiliser notre élément Bouton pour créer un lien vers un site Web ou une autre section. Les boutons vous permettent de mettre en valeur des liens spécifiques sur votre landing page qui incitent vos abonnés à cliquer.
Propriétés
 |
|
Modifier le style de votre bouton
Cliquez sur Style pour modifier le style de votre bouton.
 |
|
Espacement et visibilité
Les autres paramètres sont les mêmes que ceux décrits dans la section Paramètres communs ci-dessus.
Séparateur
Sous l’onglet Style, définissez l’épaisseur du séparateur : fin, épais ou très épais.
💡 Bon à savoir
Vous pouvez uniquement ajouter des séparateurs horizontaux.
Formulaire
Veuillez consulter notre section dédiée dans la prochaine partie : Partie 4 : Ajouter un formulaire et utiliser des options avancées.
Icône
Paramètres de votre icône
 |
|
Espacement
Les autres paramètres sont les mêmes que ceux décrits dans la section Paramètres communs ci-dessus.
Vidéo
Sous l’onglet URL, ajoutez un lien vers votre vidéo. Vous pouvez utiliser une vidéo hébergée sur YouTube, Vimeo, Dailymotion, Canal+, Wista, Twitch, Youku et Coub.
Code
Ajoutez votre propre code HTML. Le code inséré dans l'éditeur peut uniquement être testé sur les pages prévisualisées et publiées.