Restrictions relatives à l'e-mail HTML

La plupart des clients qui utilisent une adresse e-mail ne prennent pas en charge le type de contenu HTML que vous voyez sur le Web. Les navigateurs Web peuvent afficher des scripts, des animations et des menus de navigation complexes, alors que votre boîte de messagerie électronique habituelle n'est pas conçue pour traiter ce type de contenu.

Dans cet article, vous découvrirez les types de contenu à éviter dans vos e-mails, ainsi que ce que vous devez utiliser à la place.

Les points à faire avec l'e-mail en HTML

Les clients qui utilisent un e-mail ont généralement leurs propres contraintes en matière de conception, par rapport à un navigateur Web. Les éléments interactifs tels que les formulaires Flash, Javascript ou HTML ne seront pas compatibles avec la plupart des boîtes de messagerie.

Consultez ce tableau pour en savoir plus.

Utiliser avec averti

Vous pouvez inclure certains éléments, comme des images de fond et des polices personnalisées, dans vos modèles Mailchimp. Tous les e-mails clients ne prennent pas tous en charge ces éléments. Nous vous recommandons donc de visualiser et de tester vos campagnes avant de les envoyer à votre public.

GIFS animés

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

Si vous téléchargez un fichier GIF directement dans Mailchimp, nous vous conseillons de commencer par modifier votre contenu animé. L' application qui permet de modifier les fichiers d'image afin de les modifier, est un processus qui n'est pas compatible avec le contenu animé, et cela peut entraîner la rupture des fichiers GIF.

Consultez le guide de Litmus pour de plus amples informations sur les fichiers GIF animés et sur les e-mails clients qui les prennent en charge.

Image de fond

Mailchimp prend en charge les images de fond dans le pré-en-tête, l'en-tête, le corps, la colonne et le pied de page de nos modèles à glisser-déposer. Si vous utilisez un modèle HTML personnalisé, vous pouvez ajouter une image de fond à l'aide de l'outil de création de modèle. Les images de fond ne s'affichent pas tous les e-mails clients et peuvent apparaître de façon différente dans les clients mobiles. Il est donc important de visualiser et de tester en détail vos campagnes avant de les envoyer à votre public.

Ajouter une image de fond à une page de destination ou à un e-mail
Ajouter une image de fond à un modèle HTML personnalisé
Visualiser et tester votre campagne par e-mail

Polices du Web

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

Jetez un coup d'œil à ce tableau pour savoir quels e-mails clients prennent en charge et non les polices Web.

Modèles larges

Vos contacts affichent généralement les campagnes sur les appareils mobiles ou dans la fenêtre de prévisualisation des clients utilisant la messagerie Desktop. Les panneaux de visualisation des e-mails sont étroits. Ils tailleront votre message s'il dépasse 600-800px.

Ne pas utiliser

Les éléments suivants sont bloqués par la plupart des principaux clients de messagerie.

Javascript.

Javascript est un langage de programmation qui rend le contenu Web interactif. Ce problème est courant sur les sites Web, mais la très grande majorité des clients par e-mail bloquent les scripts, car ces derniers peuvent masquer le contenu suspect. Évitez tout Javascript.

Utilisez des fichiers GIF pour rendre votre contenu plus intéressant.

Éléments I Prenez une photo

Un <image> (cadre en ligne) est un élément HTML qui permet l'intégration du contenu d'un site Web dans un autre. Les cadres en ligne sont souvent utilisés pour insérer des publicités, des vidéos, audio ou formulaires sur d'autres sites Web. Les cadres contiennent souvent des scripts. La plupart des clients paiement par e-mail les bloquent donc.

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

Flash

Le logiciel affiche des animations et des graphiques sur les sites Web, mais la plupart des clients par e-mail le bloquent.

Essayez plutôt de créer des fichiers GIF pour rendre votre contenu plus intéressant.

Formulaires HTML

Les champs de texte, la saisie de texte, les cases d’option et les cases à cocher sont de simples éléments de formulaire HTML, mais le bouton Envoyer requiert Javascript. Certains e-mails clients afficheront leurs formulaires, mais malheureusement, les contacts ne pourront pas les envoyer. Évitez les formulaires HTML et choisissez une autre solution.

Essayez plutôt un sondage simple ou une intégration d'enquêtes Mailchimp pour obtenir les réponses de vos contacts ou insérez un lien dans un formulaire Web.

Média intégré

Les fichiers multimédias en lecture automatique et en un clic ne seront pas lus dans une boîte de réception tant que le client de messagerie de votre contact ne prend pas en charge HTML5. <vidéo> et <audio> tags. Apple Mail ne prend en charge ces tags qu'une seule fois. Il est donc préférable d'éviter les supports intégrés et de choisir une autre solution.

Partagez plutôt un lien vers le lecteur vidéo avec les tags de fusion ou les bloques de contenu vidéode Mailchimp. Pour envoyer des fichiers audio, partagez un lien vers le fichier audio .

Si vous êtes à l'aise avec le codage ou si vous avez accès à un développeur, vous pouvez créer des modèles avec code personnalisé contenant des éléments HTML et bénéficier d'une prise en charge limitée dans les e-mails, mais nous ne vous le recommandons pas toujours. N'oubliez pas que les agents du soutien technique Mailchimp ne pourront pas vous aider à résoudre vos problèmes avec votre code personnalisé.

Si vous utilisez un élément généralement non pris en charge, vous devez subdiviser votre clientèle par e-mail client et créer pour un client spécifique. Par exemple, vous pouvez utiliser une image de fond pour les contacts AOL Mail, étant donné qu'AOL prend en charge l'image de fond CSS.

Consultez la page de soutien technique CSS pour les clients par e-mail et le tableau des fonctionnalités des clients par e -mail de Recherchez-le ou non.

Envoyer par e-mail des ressources de conception HTML pour les codeurs

Que vous découvriez HTML par e-mail ou que vous ayez déjà programmé de nombreux e-mails auparavant, ces ressources peuvent vous aider à concevoir des modèles qui conviennent parfaitement à divers e-mails clients.

• Référence de conception de l'e-mail
  Fournit des ressources sur la conception, les méthodes de développement, des modèles de code et des plans d'e-mails téléchargeables pour vous aider à concevoir vos e-mails.
• Guide de conception de l'e-mail
  Fournit des conseils sur le style, la conception et la mise en page de la campagne sous forme d'articles.