Introduction au langage de modèle de courrier électronique Mailchimp

Lorsque vous créez des modèles d'e-mail personnalisés avec le langage de modèle Mailchimp, plusieurs consignes de base sont à respecter. Ces consignes constituent de bonnes pratiques à suivre lorsque vous utilisez le langage de modèle Mailchimp.

Cet article vous propose de découvrir comment démarrer avec le langage de modèle de Mailchimp.

Remarques

• Selon votre plan, il se peut que vous n'ayez pas accès aux modèles à code personnalisé. Pour découvrir les fonctionnalités comprises dans chaque plan, consultez notre page de tarification. Pour modifier votre type de plan, consultez la page des plans dans votre compte.
• Il s'agit d'une fonctionnalité avancée qui est recommandée pour les utilisateurs ayant une certaine connaissance du codage personnalisé. Contactez votre développeur ou faites appel aux services d'un expert Mailchimp si vous avez besoin d'aide.

Style CSS

Nous recommandons que vos mises en page d'e-mail fassent 600 pixels ou 640 pixels de large pour permettre une visualisation correcte dans les différents clients de messagerie. La page d' assistance pour le CSS de client de messagerie dans notre référence de modèle d'e-mail fournit une liste approfondie des styles CSS pris en charge pour les différents types de clients de messagerie.

En règle générale, évitez d'utiliser les CSS suivants dans vos modèles :

• CSS flottant
• CSS de position
• Les images d'arrière-plan (elles ne fonctionnent ni dans Microsoft Outlook ni dans Gmail)

N'oubliez pas de configurer la déclaration @theme dans votre CSS pour l'arrière-plan, l'en-tête, le bas de page et l'espace du contenu pour pouvoir personnaliser rapidement les modèles avec les thèmes de Mailchimp. Consultez l'article Styles de modèle pour déterminer la syntaxe correcte des noms qui peuvent être utilisés.

Sections modifiables

Limitez le nombre d'espaces modifiables dans le modèle pour vous simplifier la tâche et nommez tous les espaces modifiables de façon homogène. Le nom que vous attribuez via mc:edit="unnom" permet de créer un champ dans la base de données afin de stocker un contenu unique. Si vous changez de modèle après avoir rédigé votre contenu et que les noms d'espace modifiables ne sont pas homogènes, vous pourriez perdre votre copie. Utilisez les conventions suivantes pour les zones de contenu courantes. Voir plus d'exemples.

• mc:edit="header" utilisé pour nommer l'en-tête de votre e-mail.
• mc:edit="header_image" utilisé pour nommer une image d'en-tête modifiable.
• mc:edit="sidecolumn" utilisé pour nommer une colonne gauche ou droite modifiable.
• mc:edit="body" utilisé pour nommer l'espace destiné au contenu principal de l'e-mail.
• mc:edit="footer" utilisé pour nommer le pied de page de votre e-mail.

Évitez de placer des images modifiables dans un conteneur de contenu modifiable.

Si vous utilisez l'éditeur de campagne et le bouton de suppression de votre modèle pour modifier des sections pouvant être masquées, veuillez noter que la section ne disparaîtra pas sur l'écran de l'éditeur. En effet, cette dernière apparaîtra grisée comme un espace réservé que vous pourrez utiliser, le cas échéant. Cette section ne sera pas visible dans votre campagne, une fois envoyée. Pour prévisualiser votre campagne, cliquez sur Preview (Aperçu), puis sur Enter Preview Mode (Passer en mode Aperçu).

Les boutons pour supprimer et masquer cette section ne proposent pas la même fonctionnalité dans l'éditeur de modèle. En fait, vous ne pouvez rien supprimer lorsque vous utilisez l'éditeur de modèle. Si vous souhaitez apporter ce type de modifications, il est conseillé de travailler plutôt dans l'éditeur de campagne.

Balises de fusion

Nous vous encourageons à faire preuve de créativité lors de l'utilisation de balises de fusion.

• Utilisez les balises de fusion pour réseaux sociaux afin de proposer à vos abonnés de nouvelles façons de rester en contact sur Facebook et X (anciennement Twitter) et de partager facilement votre contenu.
• Utilisez la balise de fusion de table des matières (*|MC:TOC|*) pour créer une liste automatique de liens vers <h1> and <h2> les en-têtes dans un e-mail.
• Vous pouvez consulter l'article Personnaliser votre contenu de bas de page pour obtenir un aperçu rapide des balises de fusion que vous pouvez inclure.

Veillez à toujours compléter votre bas de page avec les informations obligatoires de la loi CAN-SPAM. Sinon, votre campagne par e-mail pourrait être rejetée. Ces balises requises sont également notées dans l'article Personnaliser votre contenu de bas de page.

• *|UNSUB|*
• *|LIST:DESCRIPTION|*
• *|LIST:ADDRESS|*

Liens externes

Lorsque vous utilisez des liens au sein de votre e-mail, incluez l'attribut target="_ blank" à vos éléments d'ancrage pour vous assurer qu'ils ouvriront une nouvelle fenêtre ou un onglet lorsque les e-mails sont affichés dans les clients de messagerie basés sur navigateur. Faites un effort pour inclure ces liens pratiques dans votre e-mail :

• Un lien pour que les utilisateurs mettent à jour leurs préférences d'abonnement :
  <a href="*|UPDATE_PROFILE|*" target="_blank">change subscription preferences</a>
• Un lien pour permettre aux utilisateurs de consulter l'e-mail dans un navigateur :
  <a href="*|ARCHIVE|*" target="_blank">view this email in a browser</a>
• Un lien vers votre site Web :
  <a href="*|LIST:URL|*" target="_blank">visit our website</a>
• Un lien pour permettre aux utilisateurs de transférer l'e-mail à un ami, à placer en général dans un endroit bien visible :
  <a href="*|FORWARD|*" target="_blank">forward to a friend</a>

(Il est conseillé, si possible, d'ajouter un bouton spécialement créé dans ce but, afin d'encourager le partage !)

Test

Testez vos modèles en créant une campagne par e-mail, puis en personnalisant le modèle. Ce test vous aide à vous assurer que le modèle fonctionnera bien pour les autres, susceptibles de l'utiliser dans différentes situations.

Liens rapides

• Langage de modèle : créer des styles de modèle modifiables
• Langage de modèle : créer des zones de contenu modifiables
• Langage de modèle : utiliser les sélecteurs de variantes
• Types de modèles