Insérer et modifier des icônes dans des modules de texte enrichi

Les icônes permettent d’attirer l’attention sur les informations et les actions importantes dans le contenu de texte enrichi. Insérez n’importe quelle icône de la bibliothèque Font Awesome aux modules de texte enrichi sur les articles de blog et les pages. Une fois l'icône ajoutée, vous pouvez personnaliser sa couleur, sa position et sa taille.

Remarque : les icônes ne peuvent pas être ajoutées directement aux e-mails marketing. Pour utiliser une icône dans un e-mail, enregistrez l'icône en tant qu'image, puis insérez l'image dans l'éditeur d'e-mail.

Insérer une icône

1. Accédez à votre contenu :
   • Pages de site web : Dans votre compte HubSpot, accédez à Contenu web > Pages de site web.
   • Pages de destination : Dans votre compte HubSpot, accédez à Contenu > Pages de destination.
   • Blog : Dans votre compte HubSpot, accédez à Contenu > Blog.
2. Cliquez sur le nom de votre contenu.
3. Cliquez sur le module de texte enrichi dans lequel vous souhaitez que l'icône apparaisse.
4. Dans l’angle supérieur droit de la barre d’outils de texte enrichi, cliquez sur le menu déroulant Insérer et sélectionnez icône.

5. Dans la fenêtre contextuelle, recherchez l'icône dans la barre de recherche.
6. Cliquez sur l'icône pour l'insérer dans votre module de texte enrichi.
7. Lorsque vous avez terminé, cliquez sur Publier ou Mettre à jour dans l’angle supérieur droit.

Modifier une icône

Modifiez le style ou l’alignement d’une icône, ou créez un lien vers d’autres contenus. Vous pouvez également remplacer une icône ou la supprimer.

1. Accédez à votre contenu :
   1. Pages de site web : Dans votre compte HubSpot, accédez à Contenu web > Pages de site web.
   2. Pages de destination : Dans votre compte HubSpot, accédez à Contenu > Pages de destination.
   3. Blog : Dans votre compte HubSpot, accédez à Contenu > Blog.
2. Cliquez sur le nom de votre contenu.
3. Dans l'éditeur de contenu, cliquez sur votre icône pour ouvrir l'éditeur d'icônes.
   • Pour modifier la couleur de l'icône, cliquez sur le menu déroulant backgroundColor icon color et sélectionnez une couleur . Pour saisir une valeur hexadécimale ou une valeur de couleur RVB , cliquez sur l’onglet Avancé.
   • Utilisez les icônes de retrait pour déplacer l’icône vers la droite ou la indent gauche.
   • Utilisez les blockAlignmentBottom icônes d’alignement pour ajuster la position de l’icône dans un bloc de texte.
   • Pour ajouter un lien à votre icône, cliquez sur l’icône de link lien, puis insérez un lien.
   • Pour redimensionner votre icône, cliquez et faites glisser les coins de l'icône dans l'éditeur ou entrez des valeurs en pixels pour la largeur et la hauteur dans la barre d'outils.
4. Pour supprimer une icône d’un module de texte enrichi, cliquez sur l’icône. Cliquez ensuite sur l’icône Supprimer delete.
5. Pour remplacer l’icône, cliquez sur l’icône. Cliquez ensuite sur l’icône replace Remplacer et sélectionnez une nouvelle icône.
6. Lorsque vous avez terminé, cliquez sur Publier ou Mettre à jour dans l’angle supérieur droit.

Modifier les options d'icône avancées

Modifiez les options avancées de votre icône pour ajouter du texte d’accessibilité ou personnaliser le lien de l’icône. 

1. Accédez à votre contenu :
   • Pages de site web : Dans votre compte HubSpot, accédez à Contenu web > Pages de site web.
   • Pages de destination : Dans votre compte HubSpot, accédez à Contenu > Pages de destination.
   • Blog : Dans votre compte HubSpot, accédez à Contenu > Blog.
2. Cliquez sur le nom de votre contenu.
3. Dans l’éditeur de contenu, cliquez sur l’icône.
4. Cliquez sur l’icône edit Modifier.
5. Dans la fenêtre contextuelle, cliquez sur Advanced.
6. Si votre icône comporte un lien, vous pouvez sélectionner un ou plusieurs types de lien. Cela indique aux moteurs de recherche la relation de ce lien avec votre site web. En savoir plus sur les différents types de liens.
7. Sélectionnez l'objectif de votre image.
   • Si votre icône est destinée à transmettre des informations, sélectionnez Read by screen readers et ajoutez un titre qui décrit son objectif.
   • Si votre icône ne transmet pas d’informations, sélectionnez Ignoré par les lecteurs d’écran.

8. Cliquez sur Appliquer.
9. Lorsque vous avez terminé, cliquez sur Publier ou Mettre à jour dans l’angle supérieur droit.