Coller un code HTML pour créer un e-mail

Si vous avez déjà conçu et codé un e-mail HTML dans un autre programme ou reçu un HTML de la part d'un concepteur, vous pouvez utiliser la fonction Paste in Code (Coller le code) pour créer votre e-mail.

Cet article vous propose de découvrir comment coller un code HTML pour créer un e-mail.

Avant de commencer

Voici ce qu'il faut savoir avant de commencer ce processus.

• Cette fonctionnalité est disponible pour les utilisateurs ayant souscrit un plan Standard ou supérieur. Pour en savoir plus sur les fonctionnalités comprises dans chaque plan, consultez la page de tarification.
• Les modèles à code personnalisé ne sont disponibles que dans le créateur classique. Si vous utilisez le nouveau créateur, vous serez invité à continuer avec le créateur classique.
• Dans votre code HTML, toutes les images doivent être hébergées sur un serveur public et tous les liens doivent être définis comme des chemins absolus qui pointent directement vers ce serveur public. Vous pouvez également utiliser le producteur de contenu de votre compte Mailchimp pour héberger vos images et insérer des URL d'image dans votre code HTML.
• 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.

Coller le code

Pour créer un e-mail en collant du code HTML, procédez comme suit.

1. Cliquez sur le bouton Create (Créer) .
2. Cliquez sur le menu déroulant Email (E-mail) , puis sur Regular (Standard).
3. Saisissez le nom de votre e-mail, puis cliquez sur Begin (Commencer).
4. Dans la section Content (Contenu) du créateur, cliquez sur Design Email (Concevoir l'e-mail).
5. À l'étape Select a template (Sélectionner un modèle), cliquez sur l'onglet Code Your Own (Code personnalisé).
6. Sélectionnez Paste in code (Coller le code).
   
7. Si vous utilisez le nouveau créateur, cliquez sur Apply (Appliquer), puis sur Yes, continue to Classic (Oui, continuer avec le créateur classique) dans la fenêtre contextuelle modale.
8. Collez votre code HTML dans l'éditeur, puis cliquez sur Save (Enregistrer).

Vérifier les paramètres

Voici quelques options CSS et extraits de code importants que vous trouverez dans l'onglet Settings (Paramètres) du volet d'édition.

• Automatic CSS Inliner (Insertion auto du CSS à même le code)
  Cochez la case Automatic CSS Inliner (Insertion auto du CSS à même le code) : cela contribuera à mieux intégrer les styles dans vos e-mails pour qu'ils soient correctement interprétés par les différents clients de messagerie.
• Unsubscribe link (Lien de désabonnement)
  Copiez le lien de désabonnement et collez-le dans votre code. La balise de fusion *|UNSUB|* est obligatoire dans tous les e-mails.
• Badge de parrainage
  Copiez la balise de fusion du badge de parrainage et insérez-la dans le code, à l'endroit où vous souhaitez que le badge figure. Le balise de fusion *|REWARDS|* est obligatoire pour les comptes gratuits. Cliquez sur Change Image (Modifier l'image) pour choisir entre un arrière-plan clair ou sombre.
• Editor Theme (Thème de l'éditeur de code)
  Cliquez sur le menu déroulant Editor theme (Thème de l'éditeur) pour modifier l'apparence de l'éditeur de code.

Comments (Commentaires)

Utilisez l'onglet Comments (Commentaires) pour envoyer un e-mail de test, demander des retours à des collaborateurs et ajouter votre propre commentaire. Pour plus d'informations, consultez l'article Collaborate on Campaigns (Collaborer sur des campagnes).