Faites le boulot avec un pro
De la formation aux services marketing complets, notre communauté de partenaires peut vous aider à faire avancer les choses.
Si vous souhaitez créer un code personnalisé pour un modèle d'e-mail HTML plutôt qu'utiliser l'une de nos options de modèles prédéfinis, quelques points sont à prendre en compte lorsque vous créez votre contenu.
Dans cet article, vous découvrirez quelques erreurs de codage HTML courantes et apprendrez à les éviter.
Étant donné que la plupart des programmes de messagerie bloquent les téléchargements automatiques d'images par défaut, vos destinataires peuvent parfois supprimer votre e-mail ou même le marquer comme spam. En règle générale, nous recommandons pour les e-mails un rapport de 80 % de texte contre 20 % d'images. Cependant, tous les filtres antispam utilisent des critères différents dans leur définition d'un équilibre raisonnable entre images et texte.
Si votre campagne par e-mail se résume à un seul graphique, ajoutez du texte dans la zone de bas de page, comme votre lien de désabonnement, votre adresse postale et le rappel d'autorisation, afin d'équilibrer le rapport texte-image.
Si vous utilisez un serveur intermédiaire ou un lecteur réseau, le grand public n'y aura pas accès et l'affichage des images sera incomplet.
Pour éviter ce type de problème, téléchargez et hébergez toutes les images sur un serveur public pour assurer un affichage correct dans votre e-mail. Vous pouvez également utiliser le producteur de contenu pour télécharger vos images et les héberger dans Mailchimp.
Les chemins d'accès absolus des images ou des fichiers comportent les informations de votre serveur, en plus des noms de fichier. Les applications externes peuvent ainsi trouver les fichiers et y accéder. Hébergez systématiquement toutes vos images sur votre serveur et utilisez des chemins d'accès absolus qui pointent vers ce dernier.
Ainsi, au lieu de coder une image comme ceci :
<img src="/images/photo.gif">
Vous la coderiez comme cela :
<img src="http://www.mysite.com/email/images/photo.gif ">
Il en va de même pour les liens hypertexte. Au lieu d'un lien comme ceci :
<a href="index.html" shape="rect">Cliquez ici</a>
Vous coderiez le lien comme suit :
<a href="http://www.mysite.com/index.html" shape="rect">Cliquez ici</a>
Si vous codez vos e-mails localement à l'aide d'un éditeur WYSIWYG, vérifiez que toutes les balises <img/> utilisent des chemins d'accès absolus. Une bonne astuce consiste à télécharger toutes les images de vos e-mails sur votre serveur dès le début du projet afin de vous obliger à utiliser des chemins d'accès absolus.
Avant d'envoyer votre e-mail, testez-la de manière approfondie. Il est conseillé d'envoyer des e-mails de test à tous les services de messagerie courants, comme Yahoo, Hotmail et Gmail. Si vos contacts utilisent un client de messagerie moins courant, procédez également à des tests liés à ce programme. Utilisez notre outil Inbox Preview (Aperçu de boîte de réception) pour obtenir un aperçu de votre e-mail dans plusieurs clients de messagerie ou consultez nos conseils relatifs aux tests de campagnes.
Si vous avez demandé à quelqu'un d'autre de créer votre e-mail et de coller le code fourni, envoyez tout de même des e-mails de test et vérifiez la qualité de leur affichage. Vérifiez si la largeur est adaptée au volet d'aperçu proposé par la plupart des programmes de messagerie courants. Testez les images et les liens pour vérifier s'ils fonctionnent correctement et qu'ils ont bien été définis comme chemins d'accès absolus.
Utiliser Word, Publisher ou FrontPage pour générer du contenu HTML peut entraîner l’ajout de code supplémentaire à votre e-mail. Ceci peut briser la conception de votre e-mail ou même entraîner le filtrage de votre e-mail en tant que spam. Utilisez plutôt un éditeur de texte de base, puis importez le modèle ou collez le code dans Mailchimp.
La plupart des clients de messagerie bloquent JavaScript par mesure de sécurité. Assurez-vous que votre code ne contienne pas de JavaScript, comme par exemple des boutons d'envoi de formulaires, des liens de fenêtre contextuelle, des pré-chargeurs d'images, des widgets, etc. Si vous copiez du code HTML à partir d’une page Web existante, assurez-vous de supprimer toutes traces de JavaScript dans le code. Notre créateur de campagne supprimera tout Javascript que nous sommes en mesure de détecter, mais nous vous recommandons fortement de tester votre campagne avant de l'envoyer pour vous assurer qu'elle s'affiche correctement.
La plupart des applications d'e-mail examinent attentivement les balises HEAD (en-tête) et BODY (corps) des e-mails entrants pour empêcher le CSS intégré d'interférer avec le CSS de leur page. Nous vous recommandons d'utiliser le CSS en ligne ou d'intégrer votre CSS juste avant votre contenu après la balise <BODY>.
La majorité d'entre nous reçoit des spams. Ces e-mails comportent une ligne d'objet généralement rédigée en majuscules, des lettres surlignées en rouge ou bleu vif, une utilisation excessive de points d'exclamation, ainsi que des termes et des phrases comme "extraordinaire", "le meilleur" ou "cliquez maintenant !".
Proposez une ligne d'objet courte et concise, un contenu pertinent, évitez les slogans trompeurs et surtout, évitez systématiquement les mots de type spam.
Tous les e-mails marketing envoyés via Mailchimp doivent comporter notre balise *|UNSUB|*. Il n'y a absolument aucune exception à cette règle. Elle doit apparaître à la fois dans l'e-mail HTML et l'e-mail en texte brut.
Tous nos modèles intégrés vous invitent automatiquement à créer un rappel d'autorisation. Si vous réalisez un code personnalisé, vous devrez en inclure un dans le code de votre modèle. Les rappels d'autorisation informent brièvement vos contacts abonnés de la façon dont ils se sont inscrits pour recevoir vos campagnes marketing (exemple : "Vous recevez cet e-mail parce que vous vous êtes abonné(e) à notre bulletin d'information sur www.exemple.com"). Le rappel d'autorisation permet d'éviter les fausses plaintes pour abus, qui pourraient entraîner le blocage de votre domaine professionnel (blocage étant aussi appelé "mise sur liste noire" par certains fournisseurs).
Tous nos utilisateurs sont tenus d'inclure une adresse postale valide dans chaque e-mail envoyé par le biais de nos serveurs, en conformité avec la loi U.S. CAN-SPAM. L'adresse est automatiquement insérée si vous utilisez nos modèles d'e-mails HTML intégrés. En revanche, si vous réalisez un code personnalisé, vous devez l'ajouter manuellement.
Assistance technique
Vous avez une question?
Les utilisateurs payants peuvent se connecter pour accéder à l'assistance par e-mail et chat.
Utilisez Inbox Preview (prévisualiser la boîte de récception) pour voir ce à quoi votre Campaign (campagne) va ressembler dans les différents clients de messagerie et appareils mobiles, sans jamais quitter le Campaign Builder (éditeur de campagne).
En savoir plus sur la résolution des problèmes d'images dans les campagnes.
Que vous soyez expert ou novice, Mailchimp a un modèle d'e-mail pour vous. Découvrez les différents types de modèles et comment en choisir un pour vous.