Afficher et modifier la mise en forme des sections d'e-mail et de page de renvoi

Les modèles d'e-mails et de pages de renvoi Mailchimp sont divisés en sections pour vous aider à organiser votre contenu et faciliter sa mise en forme. Les polices, les couleurs et autres styles appliqués à une section sont également appliqués à tous les blocs de contenu de cette section.

Cet article vous propose de découvrir comment accéder aux paramètres de design de chaque section de vos pages de renvoi et e-mails marketing et comment les modifier.

Accéder à l'onglet Style

Pour accéder à l'onglet Style dans le créateur de campagne, procédez comme suit.

1. Dans la section Content (Contenu) du créateur, cliquez sur Edit Design (Modifier la conception).
   
2. À l'étape de la conception, cliquez sur l'onglet Style dans la fenêtre de l'éditeur.
   
3. Cliquez sur la section que vous souhaitez modifier.
   
4. Définissez vos préférences pour la section, et cliquez sur Save (Enregistrer).
   

Options de mise en forme des sections

Lorsque vous accédez aux options de mise en forme d'une section, vous verrez différents éléments que vous pourrez personnaliser. Il s'agit généralement des couleurs d'arrière-plan, des tailles de police et du style des liens, mais certaines sections disposent d'options supplémentaires comme les bordures et le remplissage.

Les sections et les options de design disponibles varient selon le modèle. Pour en savoir plus, consultez l'article Types de modèles d'e-mail et Types de modèles de page de renvoi.

Dans cette section, nous allons aborder les éléments les plus courants disponibles dans chaque type de section.

Page

La zone derrière le contenu de votre e-mail ou de votre page de destination.

• Background Style (Style de l'arrière-plan)
  Choisissez une image ou une couleur d'arrière-plan, puis définissez sa bordure et sa marge intérieure. Si vous sélectionnez une image, vous pouvez également modifier sa taille, sa position, son motif de répétition et sa couleur de secours.
• Email Border (Bordure de l'e-mail)
  Ajoutez une bordure autour du contenu central.
• Heading 1-4 (Titre 1-4)
  Définissez le style de police pour les titres. Les titres peuvent être appliqués au texte dans des blocs de contenu en sélectionnant le texte et en choisissant le style de titre dans le menu déroulant Styles de la barre d'outils d'édition du bloc de contenu.
  

Preheader (Aperçu du message)

La zone située tout en haut de votre e-mail, qui comprend habituellement une introduction au contenu, ainsi qu'un lien vers la page de la campagne. Beaucoup de clients de messagerie, comme Gmail et Yahoo, montrent le texte de l'aperçu du message après le texte de l'aperçu de la campagne et la ligne objet dans leur boîte de réception.

• Preheader Style (Style de l'aperçu du message)
  Choisissez une image ou une couleur d'arrière-plan, puis définissez sa bordure et sa marge intérieure. Si vous sélectionnez une image, vous pouvez également modifier sa taille, sa position, son motif de répétition et sa couleur de secours.
• Preheader Text (Texte de l'aperçu du message)
  Définissez la couleur du texte, la police, la taille de la police, la hauteur de la ligne et l'alignement.
• Preheader Link (Lien de l'aperçu du message)
  Modifiez la couleur et le style du lien.

En-tête

L'image principale et le texte tout en haut de l'e-mail ou de la page de destination. Il s'agit, en général, de la première chose que verront les destinataires ou les visiteurs de la page.

• Header Style (Style de l'en-tête)
  Choisissez une image ou une couleur d'arrière-plan, puis définissez sa bordure et sa marge intérieure. Si vous sélectionnez une image, vous pouvez également modifier sa taille, sa position, son motif de répétition et sa couleur de secours.
• Header Text (Texte de l'en-tête)
  Définissez la couleur du texte, la police, la taille de la police, la hauteur de la ligne et l'alignement.
• Header Link (Lien de l'en-tête)
  Modifiez la couleur et le style du lien.

Body (Corps)

Il s'agit du contenu principal de votre e-mail ou de votre page de destination. Maintenez un bon équilibre entre le texte et les images pour engager vos destinataires ou vos visiteurs.

• Body Style (Style du corps)
  Choisissez une image ou une couleur d'arrière-plan, puis définissez sa bordure et sa marge intérieure. Si vous sélectionnez une image, vous pouvez également modifier sa taille, sa position, son motif de répétition et sa couleur de secours.
• Body Text (Texte du corps)
  Définissez la couleur du texte, la police, la taille de la police, la hauteur de la ligne, et l'alignement.
• Body Link (Lien du corps)
  Modifiez la couleur et le style du lien.

Columns (Colonnes)

Du contenu qui apparaît sur deux ou trois colonnes plutôt qu'une. Si votre modèle contient également une section Corps, les informations moins importantes sont généralement placées dans les colonnes. Cette option est disponible uniquement pour les modèles avec plus d'une colonne.

• Column Style (Style de colonne)
  Choisissez une image ou une couleur d'arrière-plan, puis définissez sa bordure et sa marge intérieure. Si vous sélectionnez une image, vous pouvez également modifier sa taille, sa position, son motif de répétition et sa couleur de secours.
• Column Text (Texte des colonnes)
  Modifiez la couleur du texte, la police, la taille de la police, la hauteur de la ligne et l'alignement d'une ou plusieurs colonnes.
• Column Link (Lien des colonnes)
  Modifiez la couleur et le style du lien d'une ou plusieurs colonnes.

Footer (Bas de page)

Le contenu situé en bas de votre e-mail ou de votre page de destination. Cette section contient souvent des informations liées aux marques et autres mentions en petits caractères.

• Footer Style (Style du bas de page)
  Choisissez une image ou une couleur d'arrière-plan, puis définissez sa bordure et sa marge intérieure. Si vous sélectionnez une image, vous pouvez également modifier sa taille, sa position, son motif de répétition et sa couleur de secours.
• Footer Text (Texte du bas de page)
  Modifiez la couleur du texte, la police, la taille de la police, la hauteur de la ligne et l'alignement.
• Footer Link (Lien du bas de page)
  Modifiez la couleur et le style du lien

Mobile Styles (Styles pour mobile)

Modifiez l'affichage de votre e-mail ou de votre page de destination sur les appareils mobiles. Utilisez la fonctionnalité Preview (Aperçu) pour vérifier la lisibilité de vos conceptions sur les appareils mobiles.

• Heading 1-4 (Titre 1-4)
  Modifiez la taille de police et la hauteur de ligne définies pour les titres sur un appareil mobile.
• Boxed Text (Encadré)
  Modifiez la taille de police et la hauteur de ligne des blocs de contenu Boxed Text (Encadré) et Image Card (Carte-image) sur un appareil mobile.
• Preheader Visibility (Visibilité de l'aperçu du message)
  Si votre contenu contient un aperçu du message, choisissez d'afficher ou de masquer l'aperçu du message sur les appareils mobiles. Sur les appareils mobiles, l'aperçu du message s'entasse, de sorte que le texte sur le côté gauche de l'en-tête apparaît au-dessus du texte de droite.

Vous avez également la possibilité de modifier la taille de police et la hauteur de ligne pour chaque section. Ces styles sont appliqués uniquement pour un affichage sur les appareils mobiles.

Programme de parrainage

Si vous disposez du plan gratuit ou que vous êtes utilisateur payant souhaitant inclure notre badge Referral (Parrainage) dans votre emailing, vous pouvez choisir la couleur et le style du logo ici. Les utilisateurs payants peuvent choisir d'afficher ou de masquer le badge dans le menu déroulant Rewards Badge (Badge de récompenses).

Notification Bar (Barre de notification)

Lorsqu'elle est activée, la section Notification Bar (Barre de notification) s'affiche si quelqu'un visite votre page de destination pour la première fois. Ici, vous pouvez informer vos utilisateurs que vous utilisez des outils de suivi comme Track With Mailchimp (Suivre avec Mailchimp), le pixel Meta (anciennement le pixel Facebook) ou Google Analytics.

• Enable Notification Toggle (Activer/désactiver la barre de notification)
  Activez la barre de notification qui apparaît en haut de votre page de destination.

Le badge Mailchimp

Le badge Mailchimp est situé en bas de votre page de destination. Il comprend le logo Mailchimp et un lien pour signaler les abus. Obligatoire pour les plans gratuits, le badge peut être supprimé par les utilisateurs ayant opté pour un plan payant.

• Enable Mailchimp Badge Toggle (Activer/désactiver le badge Mailchimp)
  Désactivez le badge qui s'affiche en bas de votre page de destination.
• Style
  Modifiez l'apparence du badge de confidentialité.