Comment intégrer un email HTML personnalisé dans Mailchimp

Mailchimp est la plateforme d'email marketing la plus connue au monde, avec plus de 13 millions d'utilisateurs actifs. Son éditeur glisser-déposer est populaire, mais il impose des contraintes de design que contournent facilement de nombreux marketeurs.

La bonne nouvelle : Mailchimp permet d'importer du HTML personnalisé, soit dans un template réutilisable, soit directement dans une campagne. Ce guide vous explique les deux méthodes, ainsi que les particularités Mailchimp à connaître.

1. Workflow : MailBuildr → Mailchimp

Le workflow recommandé pour créer des emails Mailchimp professionnels en un minimum de temps :

1. Concevez votre email dans MailBuildr — en partant d'un prompt IA ou du builder visuel par blocs
2. Ajoutez les Merge Tags Mailchimp — notamment *|UNSUB|* dans le pied de page
3. Exportez le HTML — bouton "Exporter HTML" depuis l'éditeur MailBuildr
4. Importez dans Mailchimp — comme template ou dans une campagne (voir ci-dessous)
5. Envoyez après validation

Pour voir le code que vous importerez avant même de créer un compte, essayez le HTML email builder de MailBuildr : assemblez quelques blocs, puis copiez le HTML généré dans un template Mailchimp.

2. Méthode 1 : Créer un Template HTML réutilisable

Les Templates Mailchimp sont réutilisables dans plusieurs campagnes. Si vous envoyez régulièrement des newsletters ou des promotions avec le même design, c'est la méthode recommandée.

Étapes :

1. Dans Mailchimp, allez dans Content → Templates
2. Cliquez sur "Create Template"
3. Sélectionnez "Code your own"
4. Choisissez "Paste in code" pour coller votre HTML, ou "Import html" pour uploader un fichier
5. Collez votre code HTML exporté depuis MailBuildr
6. Cliquez sur "Save and continue"
7. Donnez un nom au template et sauvegardez

3. Méthode 2 : HTML directement dans une campagne

Si vous créez un email one-shot (lancement produit, newsletter unique), vous pouvez intégrer le HTML directement lors de la création d'une campagne, sans passer par les Templates.

Étapes :

1. Créez une nouvelle campagne Email
2. À l'étape Design, cliquez sur "Template"
3. Faites défiler jusqu'à "Code your own" et cliquez dessus
4. Copiez-collez votre HTML ou importez un fichier
5. Continuez vers l'étape Destinataires

4. Merge Tags Mailchimp indispensables

Les Merge Tags sont des variables que Mailchimp remplace par des données personnalisées lors de l'envoi. Voici les plus importants à inclure dans votre HTML :

• *|FNAME|* — Prénom du contact (ex : "Bonjour Paul,")
• *|LNAME|* — Nom de famille
• *|EMAIL|* — Adresse email du destinataire
• *|UNSUB|* — Obligatoire — Lien de désabonnement (lien texte)
• *|UNSUBSCRIBE_URL|* — URL brute de désabonnement (pour intégration dans un bouton)
• *|LIST:COMPANY|* — Nom de votre entreprise depuis les paramètres de liste
• *|LIST:ADDRESS|* — Adresse postale (aussi obligatoire légalement)
• *|CURRENT_YEAR|* — Année en cours (pratique pour les mentions légales en pied)

5. Prévisualisation et test d'envoi

Avant d'envoyer votre campagne, testez impérativement :

1. Aperçu Mailchimp — cliquez sur "Preview and Test" → "Enter preview mode" pour voir le rendu desktop/mobile
2. Envoi test — "Send a test email" vers votre propre adresse (et idéalement vers une adresse Outlook et une Gmail)
3. Spam test — dans l'aperçu, Mailchimp affiche un score de spam. Visez en dessous de 3.
4. Vérifiez les merge tags — dans l'aperçu, Mailchimp peut simuler les valeurs pour un contact donné

6. Bonnes pratiques spécifiques à Mailchimp

• Ajoutez l'attribut mc:edit sur les zones que vous souhaitez rendre éditables dans l'éditeur Mailchimp (pour les templates collaboratifs)
• Hébergement d'images : Mailchimp dispose d'un hébergement intégré. Uploadez vos images et remplacez les URLs dans votre HTML.
• Évitez les poids lourds : Mailchimp recommande moins de 100 Ko de HTML. MailBuildr optimise automatiquement la taille du code généré.
• Balise <title> : Mailchimp la remplace automatiquement par le nom de la campagne — inutile de la personnaliser.
• Tracking de liens : Mailchimp wrappera automatiquement tous vos liens pour les tracker. Assurez-vous que vos URLs de départ sont correctes.

7. FAQ

Mailchimp modifie-t-il mon HTML lors de l'import ?

Oui, légèrement. Mailchimp peut ajouter un pied de page légal s'il manque, wrapper vos liens pour le tracking, et modifier certains attributs. Le HTML exporté par MailBuildr est conçu pour minimiser ces modifications involontaires.

Peut-on tester la compatibilité Outlook dans Mailchimp ?

Mailchimp propose des aperçus dans différents clients email via son outil "Inbox Preview" (payant, basé sur Litmus). Pour un test gratuit, envoyez-vous le mail de test et ouvrez-le dans Outlook Desktop.

Mon HTML Mailchimp s'affiche bien dans l'aperçu mais pas après l'envoi. Pourquoi ?

Mailchimp peut modifier le HTML lors de l'envoi réel (tracking de clics, ajout d'un footer). Assurez-vous que votre HTML contient tous les merge tags requis, que vos images sont hébergées sur des URLs absolues HTTPS, et que votre CSS est entièrement inline.

Combien d'emails peut-on envoyer avec Mailchimp gratuitement ?

Le plan gratuit Mailchimp inclut 1 000 envois par mois à 500 contacts maximum. Les plans payants commencent à environ 13$/mois. Comparativement, Brevo offre 9 000 emails/mois gratuitement avec des contacts illimités — à considérer si votre budget est serré.