Dans cet article, nous vous expliquons comment configurer 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 offre une structure différente de l’éditeur classique. Assurez-vous de vérifier la bonne section de cet article en fonction de l’éditeur de landing page que vous utilisez :

Nouvel éditeur de landing page	Éditeur de landing page classique

Nouvel éditeur de landing page

Une landing page est composée 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 nouvelle page, cliquez sur + Créer une nouvelle page dans le panneau Pages.

Pour en savoir plus sur les sous-pages, consultez notre article dédié Gérer les pages de votre landing page.

Sections

À l’intérieur d’une page, vous pouvez ajouter des sections pour organiser votre contenu, telles que En-tête, Corps et Pied de page. Vous pouvez ajouter une section à votre page depuis les panneaux Sections ou Mise en page. 

Vous pouvez ajouter différents types de sections à votre design :

1. Vous pouvez ajouter une section vide pour la personnaliser entièrement à partir de zéro.
2. Nous proposons également des sections préconçues que vous pouvez ajouter pour créer votre landing page :
   

   En-tête Couverture Avantages Fonctionnalités Vidéo Preuve sociale Call-to-action

   Équipe Pied de page Témoignages Formulaires FAQ Comment cela fonctionne

Renommer une section

Pour renommer une section de votre landing page, cliquez sur une section et entrez un nom dans le champ Donner un nom à cette section. Il est utile de renommer vos sections pour avoir une vue d’ensemble claire de la structure de votre landing page.

Déplacer une section

Pour réorganiser votre design, vous pouvez vous déplacer dans les sections de votre landing page. Dans le panneau Mise en page, faites glisser et déposez la section dans l’ordre souhaité.

Dupliquer une section

Pour dupliquer et réutiliser une section dans votre landing page :

• Dans le panneau Mise en page, passez la souris sur une section et cliquez sur l’icône ❏ Dupliquer.
  

• À partir de votre design, cliquez sur Section et sélectionnez l’icône ❏ Copier la section.
  

Permuter une section

Pour remplacer une section entière de votre design par une section vierge ou préconçue de votre choix :

1. Directement à partir de votre design, cliquez sur Section et sélectionnez l’icône 🔁 Permuter la section.
   
2. Sélectionnez une section vierge ou préconçue pour la remplacer.

Supprimer une section

Pour supprimer une section de votre landing page :

• Directement depuis votre design, sélectionnez un élément et cliquez sur l’icône 🗑️ Supprimer.
  
• À partir de votre design, cliquez sur Section et sélectionnez l’icône 🗑️ Supprimer la section.
  

Éléments

À l’intérieur d’une section, vous pouvez ajouter des éléments tels qu’un conteneur, 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 dans une landing page et la manière de modifier leurs paramètres, consultez la partie 3 : Modifier les paramètres de tous les éléments de votre landing page.

Pour ajouter un élément dans une section, cliquez sur + Éléments et faites glisser et déposez 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 et déposez-le à l’endroit où vous souhaitez qu’il se trouve sur votre landing page.

Redimensionner un élément

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

1. Survolez l’élément que vous souhaitez redimensionner.
2. Saisissez le coin inférieur droit bleu 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 de 🗑️ Supprimer.

Éditeur de landing page classique

Mise en page de votre landing page

Apprenons à structurer une landing page créée avec notre éditeur. Voici la structure de la landing page :

Sections

Chaque page est composée de sections, ce qui rend l’éditeur de landing page facile à utiliser et souple. Par exemple, vous aurez une section En-tête, une section Corps et une section Pied de page.

Vous pouvez choisir deux types de sections à ajouter à votre design :

1. Vous pouvez ajouter une section vide pour la personnaliser entièrement à partir de zéro
2. Nous proposons également des sections préconçues que vous pouvez ajouter pour créer votre landing page.
   

Vous pouvez renommer chaque section pour la rendre encore plus claire lors de la création de votre landing page. Pour ce faire, il suffit de cliquer sur la section et de remplir le champ Donner un nom à cette section dans le panneau de droite.

Vous pouvez également nommer une section dans Sections > Section X > ⚙️. La section d’édition apparaîtra sur la droite.

Lignes et colonnes

À l’intérieur d’une section se trouvent 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 CTA, un séparateur, un formulaire, une icône, une vidéo, un logo et du code HTML. Pour plus d’informations, consultez notre article dédié Partie 3 : Modifier les paramètres de tous les éléments de votre landing page.

Ajouter une section, une colonne ou une ligne

Il existe différentes façons d’ajouter des lignes ou des sections. Vous pouvez le faire directement sur le design ou via le panneau de gauche (Sections ou Mise en page).

Ajouter une section ou une ligne directement à partir du design

1. Survolez une section à l’aide de votre souris.
2. En bas de la section, vous verrez un bouton AJOUTER UNE LIGNE OU UNE SECTION.
3. Cliquez dessus, puis sur AJOUTER UNE LIGNE ou AJOUTER UNE SECTION
   
   
4. Pour les lignes : choisissez le template que votre nouvelle ligne doit avoir (jusqu’à 4 colonnes).
5. Pour les sections : le panneau de gauche s’ouvre et vous pouvez choisir Ajouter une section vierge ou une section prédéfinie à partir de la liste. Vous pouvez également ajouter des sections directement à partir du panneau Sections sur la gauche. Elles seront alors ajoutées juste au-dessus de la section de pied de page ou à la fin de votre design si vous êtes parti de zéro.

Vous ne pouvez pas ajouter de colonnes ici, consultez la section suivante pour savoir comment procéder.

Ajouter une section, une colonne ou une ligne à partir du panneau 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, vous verrez 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 comment ajouter des sections, des lignes et des colonnes, vous pouvez les réorganiser lors de la création de votre design. Pour déplacer des éléments, vous devez vous rendre dans le panneau Mise en page.

Ici, vous pouvez simplement faire glisser et déposer les différents éléments. Consultez l'exemple ci-dessous avec les éléments d’une colonne :

Dupliquer ou supprimer des sections, des lignes, des colonnes et des éléments

Tous les éléments de votre landing page peuvent être dupliqués :

• Vous pouvez dupliquer des sections, des lignes, des colonnes et des éléments à partir du panneau Mise en page en cliquant sur l’icône Dupliquer lorsque vous survolez l’élément.
• Vous pouvez également dupliquer une section ou un élément à partir du panneau Édition situé à droite lorsque vous avez cliqué sur la section ou l’élément. Dans le coin inférieur droit, vous trouverez l’option Dupliquer.

Ajouter une page

Pour ajouter une nouvelle page, dans la barre latérale gauche, cliquez sur l’onglet Pages, puis sur le bouton + Créer une nouvelle page. Vous trouverez davantage d'informations sur les sous-pages ici.

⏩ 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 une agence partenaire Brevo.