---
title: Modifier la couleur d’arrière-plan d’un e-mail marketing spécifique
description: Pour modifier la couleur d’arrière-plan d’un e-mail marketing spécifique uniquement, créez une version HTML de votre modèle pour mettre à jour la couleur par défaut de l’arrière-plan
---

<https://knowledgeqa.hs-sites.com/fr>

# [Modifier la couleur d’arrière-plan d’un e-mail marketing spécifique](https://knowledgeqa.hs-sites.com/fr/email/how-do-i-change-the-background-color-for-a-particular-email)

 Rédigé par [HubSpot Support](https://knowledgeqa.hs-sites.com/fr/author/hubspot-support) | 7 Jul 2020 à 4:00:00

Si vous souhaitez modifier la couleur de l’arrière-plan pour tous vos modèles d’e-mails, vous pouvez [modifier les couleurs par défaut dans vos paramètres](https://knowledge.hubspot.com/fr/articles/KCS_Article/Email/How-do-I-change-the-background-color-for-all-emails). Pour modifier la couleur d’arrière-plan d’un e-mail marketing spécifique uniquement, créez une version HTML de votre modèle pour mettre à jour la couleur par défaut de l’arrière-plan.

**Remarque :** cette méthode nécessite une connaissance de base de l'écriture et de la modification de code HTML. 

Si vous modifiez un e-mail dans l'éditeur glisser-déposer, vous pouvez [modifier la *couleur du corps* dans l'onglet *Conception.*](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/email/create-emails-with-the-drag-and-drop-email-editor)

Pour utiliser le code HTML pour modifier la couleur d'arrière-plan d'un modèle d'e-mail spécifique :

- Depuis votre compte HubSpot, accédez à **Marketing** > **Fichiers et modèles** > **Outils de conception**.
- Dans le menu latéral de gauche, cliquez sur le **nom** du modèle à actualiser.
- Dans le coin supérieur gauche, cliquez sur le menu déroulant **Actions** et sélectionnez **Cloner en HTML** pour créer un fichier d'e-mail codé depuis ce modèle. 

- Dans le fichier de messagerie codé, appuyez sur **Ctrl** + **F** ou **Cmd** + **F** et saisissez ** ** dans la barre de recherche.
- Saisissez **Entrée** ou **Retour** pour mettre en évidence toutes les instances de ce jeton.
- Remplacez toutes les instances de * * avec la valeur de couleur #hexadécimale** souhaitée**. Il peut être nécessaire de passer à l’onglet *[Aperçu](https://knowledge.hubspot.com/fr/articles/kcs_article/cos-general/how-can-i-preview-my-template-in-the-design-manager)* de votre fichier codé pour afficher les modifications afin de vous assurer que les bons jetons ont été mis à jour. 
- Cliquez sur **Publier les modifications**.

Vous pouvez désormais créer un nouvel e-mail marketing avec ce modèle.

 

## Lecture approfondie

Si vous connaissez HubL, vous pouvez définir la variable dans votre fichier codé avant la balise d'ouverture. Pour en savoir plus sur cette méthode avancée, consultez la [Documentation du concepteur](https://designers.hubspot.com/docs/hubl/hubl-variables-and-macros-syntax) de HubSpot.

**Remarque :** Le support HubSpot ne peut fournir un support technique pour un modèle codé personnalisé. Si vous avez des questions sur le code de votre e-mail HTML, vous pouvez contacter des designers web et les spécialistes de HubSpot sur le [Forum de conception de HubSpot.](https://community.hubspot.com/fr/t5/Content-Design-Questions/bd-p/designers_support)

[Voir l'article complet](https://knowledgeqa.hs-sites.com/fr/email/how-do-i-change-the-background-color-for-a-particular-email)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "HubSpot Support"
  },
  "dateModified" : "2020-07-08T13:43:58.968Z",
  "datePublished" : "2020-07-07T04:00:00Z",
  "headline" : "Modifier la couleur d’arrière-plan d’un e-mail marketing spécifique",
  "image" : {
    "@type" : "ImageObject",
    "height" : 60,
    "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
    "width" : 60
  },
  "mainEntityOfPage" : "https://knowledgeqa.hs-sites.com/fr/email/how-do-i-change-the-background-color-for-a-particular-email",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "FR | Knowledge Quick Answers"
  }
}
```