Ajouter une image de fond à un e-mail ou à une page de destination

Élévation de votre marketing en ajoutant une image de fond à votre e-mail ou à votre page de destination.

Dans cet article, vous apprendrez comment ajouter des images de fond dans les e-mails et les pages de destination.

Avant de commencer

Voici quelques choses à savoir avant de passer à cette étape.

• Cet article vous indique comment ajouter une image de fond dans la nouvelle version et dans la version classique. La nouvelle version inclut les e-mails en entier, alors que l'ancienne version inclut les sections d'e-mail et les pages de destination.
• Les modèles d'e-mails de Mailchimp ont une largeur de 600 à 660 pIX. Il est donc préférable d'utiliser des images avec une gamme de 660-1320 pIX. Consultez nos recommandations en matière d'image pour obtenir des conseils en la matière.
• Comme nos modèles glisser-déposer sont compatibles avec les appareils mobiles, nous vous recommandons d'ajouter une image de fond à la section du contenu d'une seule colonne. Les images de fond dans les sections de contenu à plusieurs colonnes peuvent sembler déformées sur les appareils mobiles.

À propos des images de fond

Les images de fond peuvent être utilisées pour créer un motif d'arrière-plan récurrent ou pour afficher une image complète au dos de votre contenu. Voici le choix d'images de fond.

• Dans le nouvel élément, ajoutez une image de fond à la totalité de l'e-mail.
• Dans l'outil de création classique, ajoutez une image de fond dans l'en-tête, le corps et le pied de page d'un e-mail. Pour ajouter une image de fond à tout l'e-mail dans l'outil de création classique, utilisez un modèle d'e-mail HTML personnalisé.
• Dans l'outil de création classique, ajoutez une image de fond à toute la page de destination, ou dans l'en-tête, le corps de l'application, les détails et le pied de page.

Image de fond dans les e-mails

Les clients Outlook ne prennent pas en charge que les images de fond dans les e-mails. Les e-mails conçus pour la nouvelle version sont plus susceptibles d'afficher des images de fond dans les clients Outlook que les e-mails conçus dans la version classique. Si vous voulez qu’une image de fond s’affiche dans Outlook, nous vous recommandons d’utiliser un modèle HTML personnalisé.

Image de fond sur les pages de destination

Les images de fond plus larges seront plus nettes sur les écrans plus grands, mais nous vous recommandons de conserver les images dont la largeur est comprise entre 1 500 et 2500 pIX. La hauteur d'image recommandée dépend du contenu de votre page de destination, mais il est important de garder à l'esprit que l'affichage de la photo est plus gros.

Ajouter une image de fond à tout e-mail dans la nouvelle fenêtre

Choisissez une image à afficher en arrière-plan de votre e-mail. Si une adresse e-mail client ne prend pas en charge les images de fond, nous afficherons plutôt une couleur de fond.

Pour ajouter une image de fond à un e-mail dans la nouvelle version, suivez les étapes ci-dessous.

1. Cliquez sur l'onglet Styles dans la nouvelle fenêtre.
   
2. Cliquez sur le menu déroulant E-mail .
3. Dans la section Image de fond , faites glisser votre image de fond ou cliquez sur Parcourir pour choisir une image provenant du studio de contenu.
4. Après avoir ajouté votre image de fond, utilisez le menu pour choisir la tailleet la positionde la ou non.

Votre photo sera ajoutée en arrière-plan de tout l'e-mail.

Ajouter une image de fond aux sections d'e-mail ou aux pages de destination dans l'outil de création classique

Vous pouvez ajouter des images de fond aux sections de l'e-mail dans l'outil de création classique. Utilisez le nouvel outil ou un modèle d'e-mail HTML personnalisé pour appliquer une image de fond à la totalité de l'e-mail.

Pour ajouter une image de fond aux sections de l'e-mail ou à la page de destination dans l'outil de création classique, suivez ces étapes.

1. Cliquez sur l'onglet Style dans l'aperçu classique.
   
2. Cliquez sur la section à laquelle vous voulez ajouter une image de fond.
3. Sous Historique, cliquez sur Ajouter une image pour ouvrir le studio de contenu. Importez une image à partir de votre ordinateur, choisissez une image existante à partir du studio de contenu ou importez une image à partir d'une adresse Web.
   
4. Cliquez sur Modifier pour afficher un style et modifier l'image dans l' éditeur de photos.
   
5. Une fois que vous avez terminé d'apporter vos modifications dans l'éditeur de photos, cliquez sur Enregistrer pour revenir à l'outil de création classique.
6. Cliquez sur la liste déroulante Taille et sélectionnez la taille de votre photo.
   
   
   • Sélectionnez Auto pour afficher l'image dans sa taille réelle.
   • Sélectionnez Couverture pour remplir toute la largeur de la section. Choisissez les images plus grandes avec un contenu central. L'image peut être rognée lorsqu'elle est affichée sur différents appareils.
   • Sélectionnez Contenir pour redimensionner l'image à une taille correspondant à la hauteur de son contenant, de sorte que l'image de fond entière soit visible sur n'importe quel appareil.
7. Cliquez sur la liste déroulante Position et choisissez d'aligner votre image sur la partie supérieure, centraleou inférieure de la section.
8. Cliquez sur la liste déroulante Répéter et sélectionnez le motif de récurrence de votre image.
   
   
   • Sélectionnez Aucun pour ne voir votre image 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 placer l'image dans les deux sens.
9. Choisissez une couleur de secours pour l'afficher dans les clients qui ne prennent pas en charge les images de fond. Assurez-vous de choisir une couleur qui s'affichera correctement.
10. Cliquez sur Enregistrer.

Après avoir stylisé votre image de fond, vous pouvez ajouter n'importe quel bloc de contenu à glisser-déposer en haut de l'image de fond dans votre mise en page. Il est préférable d'utiliser des messages clairs et courts dans les sections avec des images de fond, comme un bloc d'images contenant votre logo, un bloc de texte pour promouvoir votre marque ou un bouton pointant vers votre boutique en ligne ou votre site Web.

Conseils de style

• En cas de doute, utilisez une image simple et centrée dans un bloc de données.
• Ajoutez un champ en haut et en bas de chaque section pour contrôler la position du bloc de contenu.
• Par défaut, la valeur du menu déroulant Répéter est Aucune, ce qui convient le mieux aux images plus grandes. Si vous avez une image plus petite et que vous souhaitez créer un effet de motif, sélectionnez Horizontal, Verticalou Les deux.

Pour en savoir plus sur les options de style pour les différentes sections d'un e-mail, consultez l'article Afficher ou modifier la conception de la section .

Image de fond de l'e-mail test

Nous vous recommandons toujours de visualiser vos e-mails créés dans Mailchimp et de les tester. Les images de fond ne sont pas prises en charge par tous les clients par e-mail. Il est donc important de vous envoyer quelques e-mails test. Pour voir comment un large choix d’e-mails clients affichera votre image de fond, utilisez notre outil de prévisualisation en boîte de réception .