Ignorer et passer au contenu principal
Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.
Email

Modifier la couleur des liens dans un e-mail marketing

Dernière mise à jour: février 25, 2021

Disponible avec :

Marketing Hub Pro, Entreprise
Ancienne version Marketing Hub Basique

Pour mettre à jour la couleur d'un lien dans votre e-mail, lisez le texte et utilisez le sélecteur de couleur de police dans la barre d'outils de texte enrichi. Vous pouvez mettre à jour le lien de couleur par défaut pour tous les liens dans votre e-mail en ajoutant CSS personnalisé au modèle d'e-mail. 

Remarque : L'ajout de style personnalisé à votre modèle nécessite une compréhension de base du CSS.

Modifier la couleur d'un lien dans l'éditeur d'e-mails

  • Depuis votre compte HubSpot, accédez à Marketing > E-mails.
  • Placez le curseur sur l'e-mail que vous souhaitez modifier et cliquez sur Modifier.
  • 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.

change-link-color-in-editor

Modifier la couleur de tous les liens sur le modèle d'e-mail

  • Depuis votre compte HubSpot, accédez à Marketing > Fichiers et modèles > Outils 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îtra en haut de l'inspecteur.

  • Dans l'inspecteur de droite, ajoutez le code suivant dans le champ Balisage <head> supplémentaire, en remplaçant #FF6600 par la valeur de couleur hexadécimale souhaitée pour vos liens :
    <style type="text/css" id="hs-inline-css">
       a { color: #FF6600; }
    </style>
  • Cliquez sur Publier les modifications pour appliquer vos modifications au modèle.