Landing pages - Partie 2 : Définir la structure de votre landing page

💡 Bon à savoir
Les landing pages sont disponibles avec les offres Business et Entreprise.

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. 

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 :

mceclip6.png

mceclip5.png

Nouvel éditeur de landing page

Éditeur de landing page classique

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.

mceclip0.png

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 :

mceclip1.png

  1. Vous pouvez ajouter une section vide pour la personnaliser de A à Z.
  2. 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
💡 Bon à savoir
Toutes les nouvelles sections s'afficheront en bas de votre design.

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.

mceclip2.png

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é.

move_section.gif

💡 Bon à savoir
Si vous ne savez pas précisément quelle section déplacer, veuillez noter que la section que vous survolez dans la liste s'anime dans votre design.

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.
    mceclip3.png
  • Dans votre design, cliquez sur Section et puis que l'icône ❏ Copier la section.
    mceclip4.png
💡 Bon à savoir
La section dupliquée s'affiche en bas de votre design.

Échanger deux sections

Pour remplacer toute une section de votre design par une section vide ou préconçue de votre choix :

  1. À partir de votre design, cliquez sur Section, puis sur l'icône 🔁 Échanger la section.
    mceclip5.png
  2. Sélectionnez une section vide ou préconçue pour la remplacer.
💡 Bon à savoir

É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.
    mceclip7.png
  • À partir de votre design, cliquez Section et sélectionnez l'icône 🗑️ Supprimer la section.
    mceclip6.png

É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.

add_elements.gif

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.

move_element.gif

Redimensionner un élément

Pour redimensionner un élément dans votre landing page :

  1. Survolez l'élément que vous souhaitez redimensionner.
  2. Cliquez sur l'angle bleu en bas à droite de l'élément et faites-le glisser jusqu'à la taille souhaitée.
    resize_element.gif

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.

mceclip8.png

Supprimer un élément

Pour supprimer un élément de votre landing page, sélectionnez-le et cliquez sur l'icône 🗑️ Supprimer.

mceclip9.png

É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 :

  1. Cliquez sur Add a Blank Section pour une personnalisation complète à partir de zéro.
  2. Nous vous proposons également des sections préconçues que vous pouvez ajouter à votre landing page.
    mceclip10.png

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

  1. Passez la souris sur une section.
  2. En bas de la section figure un bouton AJOUTER UNE LIGNE OU UNE SECTION.
  3. Cliquez sur ce bouton, puis sur AJOUTER UNE LIGNE ou AJOUTER UNE SECTION.
    mceclip11.png
  4. Pour les lignes : choisissez une disposition pour votre nouvelle ligne (jusqu’à quatre colonnes).
  5. 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.
  6. 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

mceclip12.png mceclip13.png mceclip14.png

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 :

move_section_classic.gif

💡 Bon à savoir
Si vous n’êtes pas certain de la section, de la ligne, de la colonne ou de l’élément que vous déplacez, gardez à l’esprit que le bloc correspondant s’anime dans votre design à chaque fois que vous passez la souris sur l’élément dans la liste.

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.
mceclip15.png mceclip16.png

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 ?

🤔 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é.

💬 Cet article vous a-t-il été utile ?

Utilisateurs qui ont trouvé cela utile : 2 sur 5