Ajouter une liste à puces à votre page d'atterrissage

Les listes à puces sont un excellent moyen d’organiser vos informations de manière claire et visuelle. Grâce aux options de personnalisation avancée de nos listes à puces, vous pouvez parfaitement adapter leur apparence à votre page d'atterrissage.

Comment ajouter une liste à puces à ma page d'atterrissage ?

  1. Créez une nouvelle page d’atterrissage ou modifiez une page existante. Accédez à l’éditeur de votre page d’atterrissage.
  2. Dans le panneau latéral à votre droite, allez dans l’onglet Contenu > Éléments
  3. Sélectionnez l'élément Liste à puces, puis glissez et déposez-le à l’endroit approprié dans votre page.

    Sélectionner l'élément liste à puces
  4. Cliquez sur Éditer le contenu sur chaque élément de la liste pour modifier son texte. Vous pouvez également y définir un nom (composé de 1 à 40 caractères). Celui-ci ne sera visible que par vous et vous permettra de distinguer rapidement les différents éléments de votre liste.

    Éditer le contenu de votre liste à puces
  5. Cliquez sur le + pour ajouter d'autres éléments à la liste. Vous pouvez réordonner les puces en utilisant les flèches entrecroisées et en glissant les éléments. Cliquez sur l’icône de la poubelle pour supprimer une puce.

    Boutons pour chaque puces
  6. Vous pouvez formater chaque point de la liste avec des styles comme le gras, italique, etc., pour rendre le texte plus lisible. Pour personnaliser davantage votre liste à puces, consultez la section Personnalisation avancée des listes à puces pour modifier des éléments comme la largeur, l'alignement, l'icône des puces, et plus encore.
  7. Pour voir les résultats en temps réel, cliquez sur Aperçu ou Publier pour mettre à jour votre page d'atterrissage.

    cliquez sur Aperçu ou Publier pour mettre à jour votre page d'atterrissage
  8. Une fois la liste ajoutée et mise en forme à votre goût, n'oubliez pas de sauvegarder vos modifications.
     

Rédigez des puces courtes, claires et concises. Veillez à uniformiser les points, par exemple, en commençant toujours par un verbe au même temps, afin d’assurer la cohérence et la lisibilité de la liste.

Personnalisation avancée des listes à puces

Dans cette section, apprenez comment : 

Modifier la mise en forme de la liste

Dans le panneau latéral à votre droite, allez dans l’onglet Mise en forme puis sélectionnez votre liste à puces.

Cliquez sur Mise en forme pour modifier votre liste à puces

  1. Ajustez la largeur de votre liste en glissant le curseur à gauche ou à droite.
  2. Ajustez l'espace au-dessus et au-dessous de la liste pour personnaliser son placement.
  3. Modifiez l'alignement de la liste dans la colonne.
  4. Activer l’interrupteur puis ajoutez des séparateurs entre les puces pour mieux délimiter, au besoin, chaque élément.

    Activez l'interrupteur pour ajouter des séparateurs
  5. Personnalisez l'icône des puces en choisissant parmi une sélection d'options disponibles, pour correspondre au style de votre page.
  6. Définissez la taille et la couleur de l'icône ainsi que l'espace à droite de celle-ci (entre la puce et le début du texte) afin d’obtenir un rendu soigné et cohérent avec votre design.
  7. Personnalisez la police, la taille et la couleur du texte de votre liste pour qu’elle s’intègre parfaitement à votre charte graphique. Vous pouvez également définir une couleur spécifique pour les liens dans votre liste, afin de les mettre en évidence. Pour plus de détails sur la gestion du thème des pages, consultez cet article qui vous guidera dans les étapes à suivre

Modifier les styles mobiles de la liste

  1. Cliquez sur Mobile puis sélectionnez votre élément de liste à puces pour modifier les styles.

    Cliquez sur Mobile puis sélectionnez votre élément de liste à puces

    Mise en forme de la liste à puces version mobile
  2. Ajustez la largeur de votre liste en glissant le curseur à gauche ou à droite.
  3. Ajustez l'espace au-dessus et au-dessous de la liste pour personnaliser son placement.
  4. Modifiez l'alignement de la liste dans la colonne.
  5. Personnalisez l'icône des puces en choisissant parmi une sélection d'options disponibles, pour correspondre au style de votre page.
  6. Personnalisez la police, la taille et la couleur du texte de votre liste pour qu’elle s’intègre parfaitement à votre charte graphique.

Si vous ajustez la taille du texte pour une version mobile et souhaitez revenir à la configuration initiale, il vous suffit de cliquer sur le bouton Rétablir.

bouton rétablir pour  revenir à la configuration initiale

 

Haut