Utiliser des blocs de contenu de code

Utilisez le bloc de contenu de code pour ajouter du code HTML directement dans votre e-mail. Ce bloc est utile si vous souhaitez avoir plus de contrôle sur votre conception par rapport à ce que nos autres blocs de contenu proposent.

Cet article vous propose de découvrir comment utiliser les blocs de contenu de code dans le créateur classique.

Avant de commencer

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

• Cet article vous explique comment utiliser les blocs de contenu de code pour le créateur classique. Pour en savoir plus sur les blocs de contenu similaires dans le nouveau créateur, consultez notre article sur les blocs de contenu de code.
• Le service d'assistance Mailchimp n'est pas formé pour résoudre les problèmes liés au codage personnalisé. Contactez votre développeur ou faites appel aux services d'un expert Mailchimp si vous avez besoin d'aide avec cette fonctionnalité avancée.
• Nous vous conseillons d'envoyer des e-mails de test, ou d'utiliser notre aperçu Inbox Preview pour avoir une idée de l'apparence qu'aura votre campagne dans différents clients de messagerie.

Ajouter des blocs de contenu de code à votre mise en page

Pour ajouter un bloc de contenu de code, procédez comme suit.

1. Cliquez sur le bloc Code et faites-le glisser dans votre mise en page.
   
2. Dans la fenêtre d'édition, tapez ou collez votre code.
   
3. Cliquez sur Save & Close (Enregistrer et fermer).

Astuces pour le bloc de code

Voici quelques conseils pour utiliser le bloc de contenu de code.

• N'utilisez pas JavaScript.
  La plupart des clients de messagerie bloquent JavaScript pour se protéger contre les virus, nous supprimons donc automatiquement tout JavaScript détectable de votre code.
• N'utilisez pas de programme de traitement de texte pour créer du contenu HTML.
  Des programmes tels que Microsoft Word ou Publisher peuvent ajouter du code de style supplémentaire qui fausse votre campagne. Nous vous recommandons d'écrire le code HTML dans un simple éditeur de texte et de le coller ensuite dans le bloc de code.
• Utilisez du CSS intégré ou en ligne.
  Dans la plupart des cas, les fichiers CSS externes ne fonctionneront pas dans un e-mail en HTML. Vous pouvez ajouter un code CSS intégré ou en ligne à un bloc de code, de préférence au-dessus de la section du corps de votre mise en page. Pour de meilleurs résultats, nous vous recommandons d'utiliser les CSS en ligne.
• Utilisez des requêtes média pour assurer une conception adaptative.
  Si vous souhaitez que votre code soit adapté aux téléphones portables, vous devez inclure des requêtes média. Une requête média est un élément CSS qui permet à votre contenu de s'adapter à différents appareils. Pour en savoir plus, consultez les recommandations de W3C concernant les media queries et le guide Litmus sur le codage des e-mails adaptatifs en partant de zéro.
• Utilisez le producteur de contenu ou les chemins d'accès absolus pour les images et les fichiers.
  Utilisez notre producteur de contenu pour héberger des fichiers et des images pour votre campagne. Saisissez l'URL du fichier dans le producteur de contenu et collez-la dans votre code dans le bloc de code. Si vous hébergez vos images sur votre propre serveur, utilisez des chemins absolus.

Activer le contenu dynamique

Lorsque vous concevez un e-mail, vous pouvez transformer n’importe quel bloc de contenu en contenu dynamique. Cela permet d'afficher des contenus différents pour les destinataires en fonction des conditions que vous définissez. Cette fonctionnalité vous permet de cibler différents types de contacts en même temps avec un seul e-mail.

Pour en savoir plus sur le contenu dynamique et son activation dans votre bloc de contenu, consultez À propos du contenu dynamique.