Modifier la couleur des liens dans un e-mail marketing
Dernière mise à jour: janvier 29, 2024
Disponible avec le ou les abonnements suivants, sauf mention contraire :
|
Ancienne version Marketing Hub Basique |
Pour mettre à jour la couleur d'un lien dans votre e-mail, mettez le texte en surbrillance et utilisez le sélecteur de couleur de police dans la barre d'outils de texte enrichi. Vous pouvez mettre à jour la couleur par défaut de tous les liens de votre e-mail en ajoutant une feuille de style CSS personnalisée au modèle d'e-mail.
Remarque : l'ajout d'un style personnalisé à votre modèle nécessite des connaissances de base en matière de CSS.
Modifier la couleur d'un lien dans l'éditeur d'e-mail
- Dans votre compte HubSpot, accédez à Marketing > E-mail s marketing.
- Survolez l'e-mail que vous souhaitez modifier et cliquez sur Editer.
- Cliquez sur le module avec le lien que vous souhaitez modifier.
- Mettez le lien en surbrillance, puis cliquez sur l'icône de couleur texte dans la barre d'outils de texte enrichi et sélectionnez une couleur. Pour accéder à des options de couleur supplémentaires, cliquez sur l'onglet Avancé et utilisez le sélecteur de couleurs.
Modifier la couleur de tous les liens sur le modèle d'e-mail
- Dans votre compte HubSpot, accédez à Contenu > Gestionnaire de conception.
- Dans l'outil de recherche à gauche, cliquez sur le nom du modèle d'e-mail que vous souhaitez modifier.
Remarque : Ne cliquez sur aucun module spécifique sur le modèle pour vous assurer que les modifications sont appliquées à l'ensemble du modèle d'e-mail, au lieu d'un module spécifique. Le nom du composant sélectionné apparaît en haut de l'inspecteur .
- Dans l'inspecteur à droite, ajoutez le bloc de code suivant dans le champ Additional <head> markup, en remplaçant #FF6600 par la valeur hexadécimale de la couleur souhaitée pour vos liens :
<style type="text/css" id="hs-inline-css"> a { color: #FF6600; } </style>
![](https://knowledge.hubspot.com/hubfs/Knowledge_Base_Images/Content/Design_Manager/Design_manager_re-design/additional-markup-template.png)
- Cliquez sur Publier les modifications pour appliquer vos modifications au modèle.