Passer au contenu principal

Emails : personnaliser la couleur de fond

Changez la couleur de fond du mail (fond, corp du mail..)

Mis à jour il y a plus de 2 semaines

Pour changer la couleur de fond d'un email vous devez accédez à son code source et modifier l'élément "backgound-color" en indiquant le code "hexadécimal" de la couleur en question.

Emails -> Statistiques -> Emails personnalisés -> +

Pour changer la couleur de fond d'une zone de l'email :

1 - Une fois dans le menu "Emails" localiser le bloc "Emails personnalisés" puis cliquer sur le "+" en haut à droite

2 - L'interface de création d'un nouveau mail personnalisé s'affiche, cliquer sur la la mention "Source" à droite du menu présent au-dessus de l'email

3 - Une fois le code source affiché vous avez plusieurs possibilités de modification, il faudra changer l'élément "background-color : #f4f8fa;" (ou background pour le corps du mail), en remplaçant "#f4f8fa;", le code hexadécimal de la couleur par le code de la couleur souhaitée

Comment trouver la nuance de couleur / le code hexadécimal?

Vous pouvez utiliser des outils de "color picking" en ligne par exemple :

BODY & CONTAINER -> ".body" :

  • Permet de modifier la couleur du fond présente sur les contours externes du mail

Dans l'exemple si je remplace "background-color : #f4f8fa;" -> par "background-color : #4059A3;" je passe le fond blanc cassé en bleu

BODY & CONTAINER -> ".container" :

  • Permet de modifier la couleur du fond présente sur les contours internes du mail

Dans l'exemple si je remplace "background-color : #f4f8fa;" -> par "background-color : #26826E;" je passe le fond blanc cassé en vert

HEADER, FOOTER, MAIN -> ".main" :

  • Permet de modifier la couleur du fond présente dans le corps du mail

Dans l'exemple si je remplace "background : #fffff;" -> par "background : #4059A3;" je passe le fond blanc cassé en vert

Avez-vous trouvé la réponse à votre question ?