Ajouter une image d'arrière-plan à une campagne

Faites passer votre marketing à la vitesse supérieure et ajoutez une image d'arrière-plan à vos e-mails marketing ou pages de destination.

Cet article vous propose de découvrir comment ajouter des images d'arrière-plan aux e-mails et aux pages de destination.

Avant de commencer

Voici ce qu’il faut savoir avant de commencer ce processus.

• Cet article vous explique comment ajouter une image d'arrière-plan à la fois dans notre nouveau créateur et dans notre ancien créateur. Le nouveau créateur fonctionne pour des e-mails entiers, tandis que l'ancien créateur fonctionne pour les sections d'e-mail et les pages de destination.
• Les modèles d'e-mail Mailchimp mesurent entre 600 et 660 pixels de large, il est donc préférable d'utiliser des images d'une plage de 660-1320 pixels. Consultez nos recommandations d'images pour obtenir des conseils sur la conception d'images.
• Étant donné que nos modèles en glisser-déposer sont adaptés aux appareils mobiles, nous vous recommandons d'ajouter une image d'arrière-plan à une section de contenu avec une seule colonne. Les images d'arrière-plan dans les sections de contenu multicolonne peuvent apparaître déformées sur les appareils mobiles.

À propos des images d'arrière-plan

Les images d'arrière-plan peuvent être utilisées pour créer un modèle d'arrière-plan répétitif ou pour afficher une image complète derrière votre contenu. Voici vos options pour les images d'arrière-plan.

• Dans le nouveau créateur, ajoutez une image d'arrière-plan à l'ensemble de l'e-mail.
• Dans le créateur hérité, ajoutez une image d'arrière-plan aux sections d'en-tête, de corps et de bas de page d'un e-mail. Pour ajouter une image d'arrière-plan à l'ensemble de l'e-mail dans l'ancien créateur, utilisez un modèle d'e-mail HTML personnalisé.
• Dans le créateur hérité, ajoutez une image d'arrière-plan à l'ensemble de la page de destination ou aux sections d'en-tête, de corps, de détails et de bas de page.

Images d'arrière-plan dans les e-mails

Les clients Outlook ont une prise en charge limitée des images d’arrière-plan dans les e-mails. Les e-mails conçus dans le nouveau créateur sont plus susceptibles d'afficher des images d'arrière-plan dans les clients Outlook que les e-mails conçus dans l'ancien créateur. Si vous souhaitez qu'une image d'arrière-plan s'affiche dans Outlook, nous vous recommandons d'utiliser un modèle HTML personnalisé.

Images d'arrière-plan sur les pages de destination

Les images d'arrière-plan plus grandes seront plus nettes sur les grands écrans, mais nous vous recommandons de conserver les images entre 1500-2500 pixels de large. La hauteur recommandée des images dépend du volume de contenu présent sur votre page de destination. Il est à noter, cependant, que les images de taille supérieure peuvent ralentir votre page.

Ajouter une image d'arrière-plan à un e-mail entier dans le nouveau créateur

Choisissez une image à afficher en arrière-plan de l’intégralité de votre e-mail. Si un client de messagerie ne prend pas en charge les images d’arrière-plan, nous afficherons une couleur d’arrière-plan à la place.

Pour ajouter une image d’arrière-plan à un e-mail dans le nouveau créateur, procédez comme suit.

1. Cliquez sur l' onglet Styles dans le nouveau créateur.
   
2. Cliquez sur le menu déroulant Email (E-mail) .
3. Dans la section Image d' arrière-plan, faites glisser et déposez votre image d'arrière-plan ou cliquez sur Parcourir pour choisir une image dans le producteur de contenu.
4. Après avoir ajouté votre image d’arrière-plan, utilisez le menu pour choisir sa taille, sa position_ et _si vous souhaitez qu’elle se répète__.

Votre image sera ajoutée à l'arrière-plan de l'e-mail entier.

Ajouter une image d'arrière-plan aux sections d'e-mail ou aux landing pages dans le créateur existant

Les images d'arrière-plan peuvent être ajoutées aux sections d'e-mail dans l'ancien créateur. Utilisez le nouveau créateur ou un modèle](/help/add-a-background-image-to-a-custom-html-template/) d'e-mail HTML [personnalisé pour appliquer une image d'arrière-plan à l'ensemble de l'e-mail.

Pour ajouter une image d'arrière-plan aux sections d'e-mail ou à une page de destination dans le créateur hérité, procédez comme suit.

1. Cliquez sur l'onglet Style dans le créateur existant.
   
2. Cliquez sur la section à laquelle vous souhaitez ajouter une image d'arrière-plan.
3. Sous Background (Arrière-plan), cliquez sur Add an image instead (Ajouter une image à la place) pour ouvrir le producteur de contenu. Téléchargez une nouvelle image depuis votre ordinateur, choisissez une image existante dans le producteur de contenu ou importez une image à partir d'une adresse Web.
   
4. Cliquez sur Modifier pour créer un style et apporter des modifications à l'image dans l'éditeur de photo.
   
5. Lorsque vous avez terminé d'apporter des modifications dans l'éditeur de photo, cliquez sur Enregistrer pour revenir au créateur existant.
6. Cliquez sur le menu déroulant Taille et choisissez la taille de votre image.
   
   
   • Sélectionnez Auto pour afficher l'image à sa taille réelle.
   • Choisissez Couverture pour remplir la largeur de la section entière. Cela fonctionne mieux pour les images plus grandes avec un contenu centré. L'image peut être recadrée lorsqu'elle est affichée sur différents appareils.
   • Choisissez Contenir pour mettre à l'échelle l'image à une taille qui correspond à la hauteur à l'intérieur de son conteneur, afin que l'image d'arrière-plan entière puisse être visualisée sur n'importe quel appareil.
7. Cliquez sur le menu déroulant Position et choisissez d'aligner votre image avec le haut, le centre ou le bas de la section.
8. Cliquez sur le menu déroulant Répéter et choisissez le modèle répétitif de votre image.
   
   
   • Choisissez Aucun pour que votre image ne s'affiche qu'une seule fois.
   • Choisissez Horizontal pour répéter l'image de haut en bas.
   • Choisissez Vertical pour répéter l'image de gauche à droite.
   • Choisissez les deux pour faire scruter l'image dans les deux sens.
9. Choisissez une couleur de secours à afficher dans les clients qui ne prennent pas en charge les images d'arrière-plan. Veillez à choisir une couleur capable d'assurer un affichage correct de votre texte.
10. Cliquez sur Enregistrer.

Après avoir stylisé votre image d'arrière-plan, vous pouvez ajouter n'importe quel bloc de contenu par glisser-déposer au-dessus de l'image d'arrière-plan dans votre mise en page. Il est préférable d'utiliser des messages clairs et courts dans les sections contenant des images d'arrière-plan, comme un bloc d'image qui contient votre logo, un bloc](/help/use-text-content-blocks/) de [texte qui fait la promotion de votre marque ou un bouton qui renvoie à votre boutique en ligne ou à votre site Web.

Conseils de mise en forme

• En cas de doute, utilisez une image simple et centrée dans un bloc de contenu.
• Ajoutez un remplissage en haut et en bas de chaque section pour contrôler la position du bloc de contenu.
• Par défaut, le menu déroulant Répéter est défini sur Aucun, ce qui est préférable pour les images plus grandes. Si vous avez une image plus petite et souhaitez créer un effet de motif, choisissez Horizontal, Vertical ou Les deux.

Tester les images d'arrière-plan des e-mails

Nous vous recommandons toujours de prévisualiser les e-mails que vous créez dans Mailchimp et de tester votre conception. Les images d'arrière-plan ne sont pas prises en charge par tous les clients de messagerie ; il est donc très important de vous envoyer quelques e-mails de test. Pour découvrir comment un large éventail de clients de messagerie affichera votre image d'arrière-plan, utilisez notre outil d'aperçu de boîte de réception.