Modifier le contenu des modules de texte enrichi

Dans les modules de texte enrichi, vous pouvez ajouter plusieurs types de contenu , notamment du texte, des images et des liens. Les développeurs peuvent ajouter des modules de texte enrichi aux modèles à code personnalisé, puis personnaliser leurs options d’édition.

Remarque : certaines fonctions d'édition de texte enrichi ne sont pas disponibles dans l'éditeur d'articles de la base de connaissances .

Formater le texte dans les modules de texte enrichi

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.
   • Base de connaissances : Depuis votre compte HubSpot, accédez à Service client > Base de connaissances.
2. Cliquez sur le nom de votre contenu.
3. Dans l’éditeur de contenu, cliquez sur unmodule de texte enrichi pour activer la barre d’outils de texte enrichi en haut de l’éditeur. Vous pouvez également cliquer sur un module de texte enrichi, puis dans l’éditeur de barre latérale, cliquez sur Modifier en vue étendue.

Remarque : En fonction de la taille de l’écran de votre appareil, certaines options de formatage peuvent se trouver dans le menu déroulant Plus .

4. Dans le module de texte enrichi, mettez en évidence le texte .
5. Pour définir la taille et l’importance comparatives du texte dans le contenu, cliquez sur le menu déroulant Style et sélectionnez une option (par exemple, Paragraphe ou Titre 1).
6. Pour définir la police du texte, cliquez sur le menu déroulant Police et sélectionnez une police. Découvrez-en davantage sur l’utilisation de polices dans HubSpot.

7. Pour définir la taille du texte, cliquez sur le menu déroulant Taille de police et sélectionnez une taille de police en pixels. 

8. Pour rendre le texte en gras, italique ou souligné, cliquez sur une icône de style (par exemple, boldIcon gras, italicIcon italique ou underlineIcon souligné).
9. Pour modifier la couleur du texte, cliquez sur l’icône de couleur du textColorIcon texte, puis sélectionnez une couleur. Pour utiliser un code de couleur hexadécimal ou RVB ou pour sélectionner une couleur personnalisée, cliquez sur l’onglet Avancé .

10. Pour définir une couleur d’arrière-plan pour le texte, cliquez sur l’icône de la couleur d’arrière-plan highlight , puis sélectionnez une couleur. Pour utiliser un code de couleur hexadécimal ou RVB ou pour sélectionner une couleur personnalisée, cliquez sur l’onglet Avancé .
11. Pour modifier l’alignement du texte, cliquez sur le alignLeft menu déroulant Aligner et sélectionnez une icône d’alignement alignCenter .

12. Pour ajouter le texte à une liste à puces, cliquez sur le menu déroulant Plus . Cliquez ensuite sur l’icône Liste bulletList à puces . Pour modifier le format de la liste, cliquez sur le menu déroulant Liste à puces et sélectionnez un bulletDiamond format.

13. Pour ajouter le texte à une liste numérotée, cliquez sur le menu déroulant Plus . Cliquez ensuite sur l’icône Liste numberList numérotée . Pour modifier le format de la liste, cliquez sur le menu déroulant Liste numérotée et sélectionnez un bulletLowerAlpha format.
14. Pour définir la hauteur de ligne du texte, cliquez sur le menu déroulant Hauteur lineHeight de ligne et sélectionnez une hauteur.
15. Pour augmenter ou diminuer le retrait du texte, cliquez sur les indent icônes augmenter le retrait ou outdentIcon diminuer le retrait .
16. Pour supprimer le style appliqué au texte, cliquez sur l’icône Effacer les removeTextStyle styles .
17. Pour ajouter une mise en forme supplémentaire, cliquez sur le menu déroulant Plus et sélectionnez l’icône de texte barré, superscript d’exposant ou subscript d’indice strike .
18. Pour formater le texte en tant que code, cliquez sur le menu déroulant Plus et sélectionnez l’icône Format de code code .
19. Lorsque vous avez terminé, cliquez sur Mettre à jour ou Publier pour appliquer vos modifications.

Ajouter des éléments aux modules de texte enrichi

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.
   4. Base de connaissances : Depuis votre compte HubSpot, accédez à Service client > Base de connaissances.
2. Cliquez sur le nom de votre contenu.
3. Dans l’éditeur de contenu, cliquez sur unmodule de texte enrichi pour activer la barre d’outils de texte enrichi en haut de l’éditeur. Vous pouvez également cliquer sur un module de texte enrichi, puis dans l’éditeur de barre latérale, cliquez sur Modifier en vue étendue.
4. Pour insérer un lien, surlignez le texte, puis cliquez sur l’icône Insérer un link lien . Découvrez-en davantage sur l'utilisation de liens dans HubSpot.
5. Pour insérer une image, cliquez sur l’icône Insérer insertImage une image . Apprenez-en plus sur en travaillant avec des images dans HubSpot.
6. Pour insérer un emoji, cliquez sur l’icône Insérer un emoji emoji .
7. Pour insérer un CTA, cliquez sur le menu déroulant Insérer , puis sélectionnez cta Cta . En savoir plus sur travailler avec des CTA dans HubSpot.
8. Pour insérer un code d’intégration, cliquez sur le menu déroulant Insérer , puis sélectionnez Intégrer. Découvrez-en davantage sur l’intégration de contenu dans HubSpot.
9. Pour insérer une vidéo, cliquez sur le menu déroulant Insérer , puis passez le curseur de la souris sur Vidéo et sélectionnez Vidéo HubSpot ou Vidéo externe. Découvrez-en davantage sur l’utilisation de vidéos dans HubSpot.
10. Pour insérer un tableau, cliquez sur le menu déroulant Insérer , puis passez le curseur de la souris sur Tableau et sélectionnez les dimensions de votre tableau. Découvrez-en davantage sur l’utilisation de tableaux dans HubSpot.
11. Pour insérer un caractère spécial, cliquez sur le menu déroulant Insérer , puis sélectionnez Caractère spécial. Dans la fenêtre contextuelle, cliquez sur un caractère spécial.
12. Pour insérer une icône, cliquez sur le menu déroulant Insérer , puis sélectionnez Icône. Dans la fenêtre contextuelle, cliquez sur une icône . En savoir plus sur travailler avec des icônes dans HubSpot.
13. Pour insérer un lien d’ancrage, cliquez sur le menu déroulant Insérer , puis sélectionnez Ancre. Découvrez-en davantage sur l’utilisation de liens d’ancrage dans HubSpot.
14. Pour insérer une ligne horizontale, cliquez sur le menu déroulant Insérer et sélectionnez Ligne horizontale.
15. Pour insérer un espace insécable, cliquez sur le menu déroulant Insérer et sélectionnez Espace insécable.

16. Pour insérer un jeton de personnalisation, cliquez sur Personnaliser.
    • Dans la boîte contextuelle, cliquez sur le menu déroulant Type et sélectionnez un type de jeton.
    • Cliquez sur le menu déroulant jeton et sélectionnez un jeton . Découvrez-en davantage sur l’utilisation de jetons de personnalisation dans HubSpot.
17. Lorsque vous avez terminé, cliquez sur Mettre à jour ou Publier pour appliquer vos modifications.

Utiliser des fonctions d'édition avancées dans les modules de texte enrichi

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.
   • Base de connaissances : Depuis votre compte HubSpot, accédez à Service client > Base de connaissances.
2. Cliquez sur le nom de votre contenu.
3. Dans l’éditeur de contenu, cliquez sur unmodule de texte enrichi pour activer la barre d’outils de texte enrichi en haut de l’éditeur. Vous pouvez également cliquer sur un module de texte enrichi, puis dans l’éditeur de barre latérale, cliquez sur Modifier en vue étendue.
4. Pour accéder au code source du module, cliquez sur le menu déroulant Avancé et sélectionnez Code source. Dans la boîte de dialogue, modifiez le code source, puis cliquez sur Enregistrer les modifications.
5. Pour afficher votre contenu séparé en blocs de contenu, cliquez sur le menu déroulant Avancé et sélectionnez Afficher les blocs. Pour afficher à nouveau le contenu sans blocs, cliquez sur le menu déroulant Avancé et sélectionnez Masquer les blocs. Aucune de ces deux options n'aura d'incidence sur la manière dont votre contenu apparaît aux visiteurs.
6. Lorsque vous avez terminé, cliquez sur Mettre à jour ou Publier pour appliquer vos modifications.