Comment ajouter une icône avant ou après un titre ou un texte ?

Vous pouvez désormais ajouter une icône directement avant ou après un titre ou un texte sur vos pages, sans passer par un élément image distinct. Pratique pour mettre en avant des bénéfices, créer des listes à puces visuelles ou ajouter une touche graphique en un clic.

Comment accéder à cette fonctionnalité

Dans l'éditeur de page, cliquez sur un élément Titre ou Texte pour le sélectionner, puis ouvrez le panneau de réglages à droite. Vous y trouverez deux nouveaux blocs : Icon Before (icône avant le texte) et Icon After (icône après le texte).

Étapes

  1. Sélectionnez un élément Titre ou Texte sur votre page.
  2. Dans le panneau de droite, activez le bouton Icone avant ou Icone après selon l'emplacement souhaité.

  3. Cliquez sur le sélecteur d'icône qui apparaît : une fenêtre s'ouvre avec l'ensemble du catalogue Font Awesome 5 Pro (plus de 2 000 icônes).
  4. Utilisez la barre de recherche pour trouver une icône par son nom (ex. check, star, arrow) ou parcourez les styles disponibles : Solid, Regular, Light, Duotone, Brands.
  5. Cliquez sur l'icône souhaitée — elle apparaît immédiatement dans votre titre ou texte.
  6. Ajustez ensuite la taille, la couleur, la marge gauche et la marge droite de l'icône pour bien la positionner par rapport au texte.
  7. Cliquez sur Enregistrer en haut à droite pour conserver vos modifications.

Réglages disponibles pour chaque icône

  • Icône : choisie dans le sélecteur Font Awesome 5 Pro avec recherche et 5 styles (Solid, Regular, Light, Duotone, Brands).
  • Taille : ajustable indépendamment de la taille du texte.
  • Couleur : libre, indépendante de la couleur du texte (utile pour faire ressortir une icône colorée sur un titre noir, par exemple).
  • Marge gauche / droite : pour gérer finement l'espacement entre l'icône et le texte.

Exemples d'usage

  • Titre de section avec une petite icône thématique pour le rendre plus visuel.
  • Bouton-texte avec une flèche après pour inviter au clic (ex. « En savoir plus →»).
  • Mise en avant d'un élément clé avec une étoile ou un cœur dans la couleur de votre marque.

Bon à savoir

  • La fonctionnalité est disponible sur tous les types de pages : tunnels, site internet, blog et formations.
  • Vous pouvez activer Icone avant ou Icone après en même temps sur le même élément.
  • Sur mobile (écrans inférieurs à 600px), la taille de l'icône est automatiquement plafonnée pour rester proportionnée au texte et éviter les icônes géantes.
  • L'icône suit votre texte : elle reste sur la même ligne, même si le titre se met à passer sur deux lignes.
  • Le rendu est identique dans l'éditeur et sur la page publiée — ce que vous voyez en édition est ce que vos visiteurs verront.
Ce document a-t-il répondu à vos questions ? Nous vous remercions de vos commentaires ! Une erreur survenue lors de la soumission de votre notation.