Limitations des emails HTML

La majorité des clients de messagerie ne prennent pas en charge tous les types de contenu HTML que vous voyez sur le web. Les navigateurs web sont en mesure d'afficher des scripts, des animations et des menus de navigation complexes, alors qu'une boîte de réception typique n'est pas conçue pour gérer ce type de contenu.

Dans cet article, vous en apprendrez davantage sur les types de contenu à éviter dans vos emails et avec quoi les remplacer.

À faire et à ne pas faire pour les e-mails HTML

Les clients de messagerie ont généralement leurs propres contraintes de conception par rapport à un navigateur Web. Les éléments interactifs comme Flash, JavaScript ou les formulaires HTML ne fonctionneront pas dans la plupart des boîtes de réception de courrier électronique.

Reportez-vous à ce tableau pour en savoir plus.

Utiliser avec précaution

Vous pouvez inclure certains éléments, dont les images d'arrière-plan et les polices personnalisées, dans vos modèles Mailchimp. Certains clients de messagerie ne prenant pas en charge ces éléments, il est conseillé de prévisualiser et tester soigneusement vos campagnes avant de les envoyer à l'ensemble de votre audience.

Images GIF animées

Certains clients de messagerie ne prennent pas en charge les images GIF animées, mais si vous souhaitez inclure un fichier GIF dans votre campagne, vous pouvez en insérer un directement à partir de Giphy.

Si vous téléchargez un fichier GIF directement dans Mailchimp, il est généralement préférable de modifier tout d'abord votre contenu animé. Notre éditeur de photo intégré modifie les fichiers d'image pour les éditer. Ce processus n'étant pas conçu pour les contenus animés, les GIF peuvent être brisés.

Consultez le guide Litmus pour en savoir plus au sujet des GIFs animés et des clients de messagerie qui les prennent en charge.

Images d'arrière-plan

Mailchimp prend en charge les images d'arrière-plan dans les sections preheader (texte d'aperçu), en-tête, corps, colonne et bas de page de nos modèles à glisser-déposer. Si vous utilisez un modèle HTML personnalisé, vous pouvez ajouter une image d'arrière-plan avec notre créateur de modèle. Les images d'arrière-plan ne s'affichent pas dans tous les clients de messagerie et peuvent apparaître différemment dans les clients mobiles. Il est donc important de prévisualiser et tester soigneusement vos campagnes avant de les envoyer à votre audience.

Ajouter une image d'arrière-plan à une landing page ou à un e-mail
Ajouter une image d'arrière-plan à un modèle HTML personnalisé
Prévisualiser et tester votre campagne par e-mail

Polices web

La barre d'outils de l'éditeur Mailchimp vous permet d'utiliser des polices standard et un certain nombre de polices web personnalisées. Si un client de messagerie ne prend pas en charge une police web utilisée dans votre campagne, nous la remplacerons par une police standard.

Consultez ce tableau pour savoir quels clients de messagerie prennent ou non en charge les polices web.

Modèles larges

Vos contacts ouvrent souvent les campagnes sur leurs appareils mobiles ou dans le volet de prévisualisation des clients de messagerie d'appareils de bureau. Les panneaux de visualisation de messagerie étant étroits, ils n'afficheront pas l'intégralité de votre message s'il est plus large que 600-800 pixels.

Ne pas utiliser

Les éléments ci-dessous sont bloqués par presque tous les principaux clients de messagerie.

JavaScript

JavaScript est un langage de programmation qui élabore du contenu web interactif. Il est commun dans les sites web, mais la grande majorité des clients de messagerie bloque les scripts car ils peuvent cacher du contenu malveillant. Évitez tout JavaScript.

Essayez les gifs pour rendre votre contenu plus attrayant.

Éléments iframe

Un <iframe>(inline frame) est un élément HTML qui intègre le contenu d'un site web dans un autre. Les inline frames sont souvent utilisés pour insérer des publicités, du contenu vidéo ou audio ou des formulaires dans un site web. Les Iframes contenant souvent des scripts, la plupart des clients de messagerie les bloquent.

Créez plutôt un lien vers le contenu que vous souhaitez afficher dans votre campagne.

Flash

Flash affiche des animations et des graphiques sur les sites web, mais la plupart des clients de messagerie le bloquent.

Essayez plutôt les gifs pour rendre votre contenu plus attrayant.

Formulaires HTML

Les champs de texte, les entrées de texte, les boutons radio et les cases à cocher sont des éléments de formulaire HTML simples, mais le bouton d'envoi nécessite souvent du Javascript. Certains clients de messagerie afficheront les formulaires, mais les contacts ne seront malheureusement pas en mesure de les envoyer. Évitez les formulaires HTML et envisagez une alternative.

Essayez plutôt un sondage simple ou l'intégration d'enquête Mailchimp pour recueillir les réponses des contacts, ou insérez un lien vers un formulaire web.

Médias intégrés

Les médias en lecture automatique et à cliquer ne s'afficheront pas dans la boîte de réception, à moins que le client de messagerie de votre contact prenne en charge le HTML5 <video> et les balises <audio>. Puisqu'un seul client de messagerie répandu, Apple Mail, prend en charge ces balises, il est préférable d'éviter les médias intégrés et d'envisager une alternative.

Partagez plutôt un lien vers un lecteur vidéo avec des balises de fusionnement (merge tags) ou des blocs de contenu vidéo de Mailchimp. Pour envoyer des fichiers audio, partagez un lien vers un fichier audio.

Ressources pour la conception d’e-mails en HTML destinées aux codeurs

Que vous soyez novice ou non en matière d’e-mails au format HTML, ces ressources peuvent vous aider à concevoir des modèles attrayants pour divers clients de messagerie.

• Référence pour la conception d'e-mails
  Fournit des ressources sur la conception, des méthodes de développement, des exemples de code et des structures d’e-mails à télécharger pour vous aider à concevoir et élaborer des e-mails.
• Guide pour la conception d’e-mails
  Fournit des conseils de style, conception et mise en page de campagne sous forme d'articles.