Cet article explique comment structurer votre landing page. Vous pouvez structurer votre landing page en ajoutant, déplaçant, dupliquant et supprimant des pages, des sections et des éléments.
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 – VOUS ÊTES ICI
- Partie 3 : Modifier les paramètres de tous les éléments de votre landing page
- Partie 4 : Ajouter un formulaire et utiliser des options avancées
- Partie 5 : Publier votre landing page
Bon à savoir
Le nouvel éditeur de landing page n'est pas présenté de la même manière que l'éditeur de landing page classique. Assurez-vous de consulter la bonne rubrique de cet article selon l'éditeur que vous utilisez :
Nouvel éditeur de landing page |
Nouvel éditeur de landing page
Une landing page se compose de pages, de sections et d'éléments.
Pages
Vous pouvez ajouter des pages supplémentaires à votre landing page, comme une page de remerciement, que vous pouvez lier à votre landing page principale. Pour ajouter une page, cliquez sur + Créer une nouvelle page sous l'onglet Pages.
Pour en savoir plus sur les sous-pages, consultez notre article dédié Gérer les pages de votre landing page.
Sections
Vous pouvez ajouter des sections à une page afin d'organiser vos contenus, par exemple avec une section Entête, une section Corps et une section Pied de page. Vous pouvez ajouter une section à votre page à partir des menus Sections ou Mise en page.
Vous pouvez ajouter différents types de sections à votre design :
- Vous pouvez ajouter une section vide pour la personnaliser de A à Z.
- Nous proposons également des sections préconçues que vous pouvez intégrer à votre landing page :
- Entête
- Couverture
- Avantages
- Fonctionnalités
- Vidéo
- Social proof
- Call-to-action
- Équipe
- Pied de page
- Témoignages
- Formulaires
- FAQ
- Comment ça marche
Renommer une section
Pour renommer une section de votre landing page, cliquez sur une section et entrez un nom dans le champ Nommer cette section. Il est utile de renommer vos sections afin d'avoir une vue d'ensemble claire de la structure de votre landing page.
Déplacer une section
Pour réorganiser votre design, vous pouvez déplacer les sections de votre landing page. Dans le menu Mise en page, faites glisser la section selon l'ordre souhaité.
Dupliquer une section
Pour dupliquer et réutiliser une section dans votre landing page :
- Dans le menu Mise en page, survolez une section et cliquez sur l'icône ❏ Dupliquer.
- Dans votre design, cliquez sur Section et puis que l'icône ❏ Copier la section.
Échanger deux sections
Pour remplacer toute une section de votre design par une section vide ou préconçue de votre choix :
- À partir de votre design, cliquez sur Section, puis sur l'icône 🔁 Échanger la section.
- Sélectionnez une section vide ou préconçue pour la remplacer.
Échanger une section supprime tout son contenu. Ce changement peut uniquement être annulée à l'aide du bouton ⟲ Annuler.
Supprimer une section
Pour supprimer une section de votre landing page :
- Directement à partir de votre design, sélectionnez un élément et cliquez sur l'icône 🗑️ Supprimer.
- À partir de votre design, cliquez Section et sélectionnez l'icône 🗑️ Supprimer la section.
Éléments
Vous pouvez ajouter des éléments dans une section, tels qu'un contenant, du texte, un bouton, une image, une vidéo, un séparateur, un logo, une icône, un code et un formulaire. Pour en savoir plus sur les types d'éléments disponibles avec une landing page et comment en modifier les paramètres, consultez l'article Partie 3 : Modifier les paramètres de tous les éléments de votre landing page.
Pour ajouter un élément à une section, cliquez sur + Éléments et faites glisser l'élément de votre choix dans la section.
Déplacer un élément
Pour réorganiser votre design, vous pouvez déplacer les éléments de votre landing page. Pour déplacer un élément, faites-le glisser à l'endroit souhaité sur votre landing page.
Redimensionner un élément
Pour redimensionner un élément dans votre landing page :
- Survolez l'élément que vous souhaitez redimensionner.
- Cliquez sur l'angle bleu en bas à droite de l'élément et faites-le glisser jusqu'à la taille souhaitée.
Dupliquer un élément
Pour dupliquer et réutiliser un élément dans votre landing page, sélectionnez-le et cliquez sur l'icône ❏ Dupliquer.
Supprimer un élément
Pour supprimer un élément de votre landing page, sélectionnez-le et cliquez sur l'icône 🗑️ Supprimer.
Éditeur de landing page classique
Mise en page de votre landing page
Découvrons la structure des landing pages créées à l’aide de notre éditeur. Une landing page est composée des éléments suivants :
Section > Lignes > Colonnes > Éléments |
Sections
Chaque page comprend des sections, ce qui permet une plus grande souplesse et facilité d’utilisation. Par exemple, votre landing page peut contenir une section Entête, une section Corps et une section Pied-de-page.
Vous pouvez ajouter deux types de sections à votre page :
- Cliquez sur Add a Blank Section pour une personnalisation complète à partir de zéro.
- Nous vous proposons également des sections préconçues que vous pouvez ajouter à votre landing page.
Vous pouvez renommer chaque section pour encore plus de clarté lorsque vous créez votre landing page. Pour ce faire, il vous suffit de cliquer sur la section et de remplir le champ Nommer cette section dans le panneau de droite.
Vous pouvez également nommer une section sous Sections > Section X > ⚙️. La section à modifier s’affiche sur la droite.
Lignes et colonnes
Chaque section contient des lignes qui peuvent être divisées en plusieurs colonnes.
À l’intérieur des colonnes, vous pouvez ajouter des Éléments tels que du texte, une image, un bouton, un séparateur, une forme, une icône, une vidéo, un logo et un code HTML. Pour en savoir plus, consultez notre guide détaillé consacré à l’éditeur de pages et aux éléments.
Ajouter une section, une colonne ou une ligne
Plusieurs possibilités s’offrent à vous pour ajouter des lignes ou des sections. Vous pouvez les ajouter directement dans votre design ou via le panneau de gauche (sous Sections ou Mise en page).
Ajouter une section ou une ligne directement dans le design
- Passez la souris sur une section.
- En bas de la section figure un bouton AJOUTER UNE LIGNE OU UNE SECTION.
- Cliquez sur ce bouton, puis sur AJOUTER UNE LIGNE ou AJOUTER UNE SECTION.
- Pour les lignes : choisissez une disposition pour votre nouvelle ligne (jusqu’à quatre colonnes).
- Pour les sections : le panneau de gauche s’ouvre, vous permettant d’ajouter une section vierge ou une section préconçue dans la liste.
Les sections peuvent également être directement ajoutées à partir du panneau Sections sur la gauche. Elles seront alors ajoutées juste au-dessus du pied-de-page ou à la fin de votre design si vous l’avez conçu de zéro. - C’est tout !
Cette méthode ne vous permet pas d’ajouter des colonnes. Veuillez consulter la section suivante pour savoir comment ajouter des colonnes.
Ajouter une section, une colonne ou une ligne à partir du panneau de mise en page
Vous pouvez également ajouter des sections ou des lignes directement à partir du panneau Mise en page lorsque vous naviguez dans la structure. À chaque étape s’affiche à un bouton + Ajouter une section, + Ajouter une colonne ou + Ajouter une ligne.
Déplacer des sections, des lignes, des colonnes et des éléments
Maintenant que vous savez ajouter des sections, des lignes et des colonnes, vous souhaitez peut-être les réorganiser dans votre design. Pour déplacer des éléments, accédez au panneau de mise en page.
Vous pouvez alors simplement faire glisser les différents éléments. Voici un exemple avec les éléments d’une colonne :
Dupliquer ou supprimer des sections, des lignes, des colonnes et des éléments
Chaque élément de votre landing page peut être dupliqué.
- Vous pouvez dupliquer des sections, des lignes, des colonnes et des éléments à partir du panneau Mise en page. Pour ce faire, cliquez sur l’icône Dupliquer lorsque vous passez la souris sur l’élément.
- Vous pouvez aussi dupliquer une section ou un élément à partir du panneau d’édition sur la droite lorsque vous cliquez sur la section ou l’élément. L’option Dupliquer se trouve dans l’angle inférieur droit.
Ajouter une page
Pour ajouter une nouvelle page, cliquez sur l’onglet Pages dans le menu de gauche, puis sur le bouton + Create a blank page. Cliquez ici pour en savoir plus sur les pages.
⏩ Et après ?
- Partie 3 : Modifier les paramètres de tous les éléments de votre landing page
- 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é.