Faites le boulot avec un pro
De la formation aux services marketing complets, notre communauté de partenaires peut vous aider à faire avancer les choses.
Utiliser les blocs de contenu de code dans le nouveau créateur
Utilisez des blocs de code pour ajouter du code HTML personnalisé 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 le bloc de contenu de code dans le nouveau créateur d'e-mail.
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 nouveau créateur. Pour obtenir plus d’informations sur les blocs de contenu de code dans le créateur classique, consultez l’article Utiliser les blocs de contenu de code dans le créateur classique.
- 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.
- Nous vous conseillons de prévisualiser et tester votre e-mail pour avoir un aperçu de votre campagne sur les appareils de bureau et les appareils mobiles.
- Les blocs de contenu Heading (Titre) et Paragraph (Paragraphe) ont également un éditeur de code. Pour en savoir plus, consultez les articles Use Heading Content Blocks in the New Builder (Utiliser les blocs de contenu de titre dans le nouveau créateur) et Use Paragraph Content Blocks in the New Builder (Utiliser les blocs de contenu de paragraphe dans le nouveau créateur).
Remarque
Pour obtenir plus d'informations sur chaque créateur d'e-mail et leurs blocs de contenu, consultez l'article À propos des créateurs d'e-mails de Mailchimp.
Utiliser les blocs de contenu de code dans votre e-mail
Pour utiliser un bloc de contenu Code, procédez comme suit.
- Cliquez sur un bloc Code , ou cliquez sur un bloc Code et faites-le glisser dans votre mise en page depuis le panneau latéral.
- Dans le menu Code , saisissez ou collez votre code.
Astuces pour le bloc de code
Voici quelques conseils pour utiliser le bloc 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 la recommandation 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.
Éléments et attributs HTML pris en charge
Nous nettoierons automatiquement tous les éléments qui ne sont pas pris en charge dans l’éditeur de code.
| Élément | Attribut accepté |
|---|---|
<span> | `span` |
<code> | |
<sub> | `id` , `class` et `style` |
<sup> | `id` , `class` et `style` |
<del> | `id` , `class` , `title` et `style` |
<ins> | |
<small> | `id` , `class` et `style` |
<font> convertit en <span> | `class` , `id` , `color` , `size` , `face` et `style` |
<a> | `href` , `title` , `target` et `style` |
<em> ou <i> | |
<strong> ou <b> | |
<p> | `id` , `class` et `style` |
<img /> | `class` , `id` , `src` , `alt` , `title` , `style` , `width` et `height` |
<table> | `class` , `id` , `src` , `alt` , `title` , `style` , `width` et `height` |
<tr> | `class` , `id` , `align` , `valignetstyle`` |
<th> | `class` , `id` , `colspan` , `rowspan` , `style` , `width` et `height` |
<td> | `class` , `id` , `colspan` , `rowspan` , `valign` , `style` , `width` et `height` |
<h1> | `id` , `class` et `style` |
<h2> | `id` , `class` et `style` |
<h3> | `id` , `class` et `style` |
<h4> | `id` , `class` et `style` |
<br> | |
<ol> | |
<ul> | |
<li> | |
<dl> | `id` , `class` et `style` |
<dt> | `id` , `class` et `style` |
<dd> | `id` , `class` et `style` |
<pre> | |
<link /> | `href` , `rel` , `type` et `media` |
<style> | `media` et `type` |
<u> convertit en <span> | |
<s> convertit en <span> |
Activer le contenu dynamique
Vous pouvez transformer n’importe quel bloc de contenu en contenu dynamique, qui affiche 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.
Assistance technique
Vous avez une question?
Les utilisateurs payants peuvent se connecter pour accéder à l'assistance par e-mail et chat.