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 landing pages.

Dans cet article, vous apprendrez à ajouter une image d'arrière-plan.

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 dans le nouveau créateur et dans le créateur classique. Le nouveau créateur fonctionne pour les e-mails, tandis que le créateur classique fonctionne pour les e-mails et les pages de destination. Pour en savoir plus sur les créateurs d’e-mails, consultez l’article About Mailchimp’s Email Builders (À propos des créateurs d’emails de Mailchimp).
• Les modèles d'e-mail Mailchimp comportent une largeur de 600 pixels, qui est donc la largeur maximale recommandée pour vos images. 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.
• Cet article utilise une campagne par e-mail standard pour vous montrer comment ajouter une image d'arrière-plan. Certaines options peuvent apparaître un peu différemment selon le type de campagne avec lequel vous travaillez.

À propos des images d'arrière-plan

Les images d'arrière-plan peuvent être utilisées pour créer un motif de fond répétitif ou afficher une image complète derrière le contenu de votre campagne. Le nouveau créateur de Mailchimp prend en charge les images d’arrière-plan pour l’ensemble de l’e-mail. Le créateur classique prend en charge les images d’arrière-plan des sections de texte d’aperçu, d’en-tête, de corps, de colonne et de bas de page des campagnes par e-mail, ainsi que dans les sections de page, d’en-tête, de corps et de bas de page des campagnes de landing page.

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 le créateur classique. Si vous voulez que l’image d’arrière-plan s’affiche dans Outlook pour vos campagnes par e-mail, nous vous recommandons d’utiliser un modèle HTML personnalisé.

Images d'arrière-plan sur les landing pages

Les images d'arrière-plan de taille supérieure auront une apparence plus nette sur les grands écrans. Il est conseillé toutefois d'utiliser des images d'une largeur comprise entre 1 500 et 2 500 pixels. La hauteur recommandée des images dépend du volume de contenu présent sur votre landing page. Il est à noter, cependant, que les images de taille supérieure peuvent ralentir votre page.

Si vous utilisez une campagne par e-mail ou une automatisation, consultez ce tableau pour connaître les clients de messagerie qui prennent en charge les images d'arrière-plan.

Ajouter et mettre en style une image d’arrière-plan à un e-mail 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. Dans le nouveau créateur, cliquez sur l’onglet Styles .
   
2. Cliquez sur le menu déroulant Email (E-mail) .
3. Dans la section Background Image (Image d’arrière-plan) , faites glisser-déposer votre image d’arrière-plan, ou cliquez sur Browse (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 insérée en arrière-plan de l’e-mail entier.

Ajouter une image d’arrière-plan à un e-mail ou à une landing page dans le créateur classique

Les images d’arrière-plan peuvent être ajoutées à la section Page des campagnes de landing page, mais pas à la section Page des campagnes par e-mail dans le créateur classique. Pour ajouter une image d'arrière-plan à une campagne par e-mail, vous devez utiliser un modèle d'e-mail HTML personnalisé.

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

1. Dans le créateur classique, cliquez sur l’onglet Style.
   
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.
   

Votre image sera insérée dans la section que vous avez choisie. Poursuivez votre lecture pour savoir comment mettre en forme une image d'arrière-plan.

Mettre en style une image d’arrière-plan dans le créateur classique

Personnalisez le style et le positionnement de votre image d'arrière-plan pour donner un aspect attractif à votre campagne.

Pour mettre en style une image d’arrière-plan dans le créateur classique, procédez comme suit.

1. Dans l'éditeur d'e-mail ou de landing page, cliquez sur l'onglet Style.
   
2. Sélectionnez la section qui contient votre image d'arrière-plan.
3. Sous Background (Arrière-plan), cliquez sur Edit (Modifier) pour modifier l'image dans l'éditeur de photo.
   
4. Après avoir apporté les modifications souhaitées dans l'éditeur de photo, cliquez sur Save (Enregistrer) pour revenir à votre campagne.
5. Cliquez sur le menu déroulant Size (Taille) et choisissez la taille de votre image.
   
   • Choisissez Auto pour afficher l'image à sa taille réelle.
   • Sélectionnez Cover (Couvrir) 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.
   • Sélectionnez Contain (Contenir) pour adapter la taille de l'image d'arrière-plan au type de contenu, quel que soit l'appareil.
6. Cliquez sur le menu déroulant Position et choisissez d'aligner votre image avec les éléments Top (Haut), Center (Centre) ou Bottom (Bas) de la section.
   
7. Cliquez sur le menu déroulant Repeat (Répéter) et sélectionnez le motif répétitif de votre image.
   
   • Sélectionnez None (Aucun) pour que votre image s'affiche une seule fois.
   • Sélectionnez Horizontal pour répéter l'image de haut en bas.
   • Sélectionnez Vertical pour répéter l'image de gauche à droite.
   • Sélectionnez Both (Les deux) pour former une mosaïque dans les deux sens.
8. Sélectionnez une Fallback color (Couleur de secours) qui s'affichera dans les clients de messagerie 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.
   
9. Après avoir défini vos préférences de style, cliquez sur Save (Enregistrer).

Après avoir mis en forme votre image d'arrière-plan, vous pouvez lui ajouter un bloc de contenu par glisser-déposer dans la mise en page de votre campagne. Il est préférable d'utiliser des messages clairs et courts dans les sections comportant des images d'arrière-plan, comme un bloc d'image qui contient votre logo, un bloc de texte qui fait la promotion de votre marque ou le bouton qui redirige vers votre boutique en ligne ou votre site Web.

Conseils de mise en forme

• En cas de doute, utilisez une image simple et centrée si vous avez l'intention de superposer un bloc de contenu.
• Le remplissage peut être ajouté sur les parties supérieures et inférieures de chaque section de la campagne. Cela vous permet de contrôler le positionnement de votre bloc de contenu au sein de la section.
• Par défaut, le menu déroulant Repeat (Répéter) est réglé sur None (Aucun). Ce paramètre est mieux adapté aux grandes images. Si votre image est plutôt petite et que vous souhaitez créer un effet à motifs, sélectionnez Horizontal, Vertical ou Both (Les deux).

Tester les images d'arrière-plan

Nous vous recommandons toujours d'avoir un aperçu de toutes les campagnes que vous créez dans Mailchimp.

Dans le cadre d'une campagne par e-mail, nous vous recommandons également de tester votre conception minutieusement. 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. Sinon, pour voir comment les principaux clients de messagerie afficheront votre image d'arrière-plan, utilisez notre outil aperçu Inbox Preview.