Nouveautés Produits

TiphaineCuisset
by: Community Manager
Community Manager

[Live] Les icônes peuvent désormais être insérées dans les zones de texte enrichi.

Qu'est-ce que c'est ?
Les zones de texte enrichi dans les modules personnalisés permettent désormais d'insérer des icônes.

 

En quoi cela est-il important ?
Traditionnellement, l'insertion d'une icône dans un contenu nécessitait une CSS du début à la fin. Il fallait d'abord télécharger une bibliothèque de polices à partir d'un site, la joindre à un fichier CSS et, dans ce même fichier CSS, créer un sélecteur suffisamment spécifique pour placer l'icône exactement à l'endroit où elle devait être rendue dans le contenu, tout en sachant à l'avance quel est l'unicode associé à l'icône souhaitée. La modification des éléments de style, tels que la couleur et la taille de l'icône, nécessitait également des ajustements des règles de style CSS. La plupart des spécialistes du marketing ne pouvaient donc pas ajouter et styliser une icône, à moins de demander l'aide d'un développeur.

 

Pour les spécialistes du marketing qui ne sont pas familiers avec le CSS ou l'unicode, la nouvelle option d'insertion d'icônes facilite l'ajout d'icônes directement dans le texte enrichi à partir de la barre d'outils, sans connaissance du CSS.

 

Comment cela fonctionne-t-il ?
Pour insérer une icône, placez le curseur dans le module de texte enrichi où l'icône doit être placée. Accédez à la liste déroulante Insérer de la barre d'outils, puis sélectionnez l'option Icône pour rechercher et sélectionner l'icône souhaitée. Toute modification de style peut être effectuée dans la barre d'outils.

 

Capture d’écran 2021-03-25 170913.jpg

Capture d’écran 2021-03-25 170933.jpg


La barre d'outils utilise actuellement la version 5.14 de la bibliothèque d'icônes Font Awesome, que vous pouvez trouver ici.

 

Qui en bénéficie ?
Cette fonctionnalité est désormais accessible à tous les utilisateurs de HubSpot dans les champs de texte enrichi et les modules de texte enrichi des pages Web, des pages de destination et des articles de blog.