Envoyer via email un contenu de qualité est essentiel, mais il faut aussi un design parfait me disait Mathieu.

Tu n’es pas un designer professionnel, concevoir un courrier électronique peut te sembler un peu compliqué. Mais en fait, c’est très simple si tu respectes quelques règles de design et/ou si tu utilises un modèle fourni par votre outil d’envoi d’emailing.

En effet, le design d’un emailing n’est PAS du design Web. Techniquement, le design d’email a 15 ans de retard sur le design d’une page Web. Pas besoin de connaître les normes W3C, le CSS, … vous pouvez oublier tout cela.

Le choix du format : texte ou HTML ?

PME : 16 Conseils + 1 Secret Pour Un Template Email Parfait - Email Marketing

Les 2 formats les plus courants pour vos emails sont le format “texte brut” et le HTML.

A l’origine, le format unique était le “texte brut”. Sobre car sans aucune personnalisation, il peut être lu par tous les clients de messagerie. Le format HTML est venu par la suite. Il permet d’enrichir la mise en page des mails avec des tableaux, des images et même la personnalisation des liens.

Avec le HTML, vous avez donc plus de liberté pour changer les couleurs, les polices, le formatage de texte (gras, italique, souligné, ..). Vous pourrez aussi inclure des images.

A l’inverse, le format texte n’autorisant uniquement que le texte ne contient aucun code, vous réduisez le risque d’envoyer des virus à vos destinataires. Vos messages seront aussi plus légers.

Préférez le format HTML

PME : 16 Conseils + 1 Secret Pour Un Template Email Parfait - Email Marketing

Vous avez peut-être entendu dire qu’il est préférable d’utiliser le format texte. La principale raison évoquée est que certains clients de messagerie comme Gmail, Outlook et Yahoo n’affichent pas les images correctement.

Aujourd’hui, ce n’est plus un argument valable. Tous les principaux clients de messagerie supportent bien le format HTML.

Les visuels jouent sur les émotions d’une personne, ce qui procure alors un impact positif sur son comportement. C’est pourquoi je vous recommande de préférer le format HTML avec ses images, ses graphiques, ses couleurs et plein d’autres personnalisations possibles.

En plus, avec la plupart des outils d’envoi d’emailing comme Mailchimp, une version au format “texte brut” de votre campagne est générée automatiquement chaque fois que vous créez une campagne au format HTML. Elle est même envoyée automatiquement aux abonnés qui préfèrent recevoir vos campagnes en texte intégral.

Au final, c’est à vous de décider quel format vous souhaitez pour créer vos campagnes d’emailing. Même si optez pour un design minimaliste pour votre template email, je vous recommande sans hésiter le format HTML.

C’est quoi un template d’email ?

Un modèle de courrier électronique (ou template email) est un e-mail préformaté que vous pouvez utiliser pour écrire rapidement et facilement et créer des emails.

Pourquoi utiliser un modèle de courrier électronique ?

En utilisant un modèle de courrier électronique, vous pouvez créer, rédiger et envoyer rapidement et facilement des e-mails sans avoir à démarrer d’un écran vierge.

Les 3 principaux avantages d’utiliser un modèle d’email sont :

Le gain de temps

Un template d’email va vous faire gagner beaucoup de temps lors de la création et de la rédaction d’une campagne d’emailing.

Plutôt que de partir d’une feuille blanche à chaque fois, vous allez tout simplement charger votre modèle de messagerie, puis y ajouter votre nouveau contenu.

Vous pouvez également utiliser l’email de la campagne précédente et remplacer le contenu par de nouveaux contenus.

Une mise en forme cohérente entre 2 envois

En utilisant un modèle de courrier électronique, vous vous assurez que le courrier électronique a le même aspect à chaque fois. Vous évitez de vous tromper accidentellement dans le formatage ou d’oublier une section de votre newsletter.

Asseoir votre marque

Si vous utilisez le même template à chaque fois que vous envoyez un emailing, vous développez la cohérence de votre marque entre 2 envois d’emails et avec tous vos autres canaux, y compris votre site Web, les médias sociaux, etc.

Ceci est encore plus vrai si vous utilisez beaucoup de graphiques et de logos.

Quand faut-il utiliser un modèle de courrier électronique ?

Un modèle de courrier électronique peut être utilisé pour tout type de messages destinés à vos clients, fournisseurs … L’utilisation la plus courante est pour votre newsletter. Sans hésiter, le modèle apporte de la cohérence à vos envois réguliers, hebdomadaires ou mensuels. Ainsi, vos abonnés se familiarisent avec votre offre de produits et/ou services.

Lorsque vous envoyez un emailing à votre liste de contacts, il est préférable d’utiliser un outil d’envoi d’emailing, comme MailChimp, pour gérer votre liste de contact et assurer la diffusion de vos emails.

Si vous débutez avec le marketing via email, je vous conseille de consulter cet article pour savoir pourquoi vous devez publier une newsletter pour promouvoir votre entreprise et conquérir de nouveaux clients.

Note importante : Les règles, astuces et conseils suivants sont valables non seulement lors de la conception de votre template d’email, mais aussi lors de la personnalisation de ce dernier lors de la conception d’une campagne d’emailing.

8 règles de design à respecter

PME : 16 Conseils + 1 Secret Pour Un Template Email Parfait - Email Marketing

J’ai identifié les 8 règles suivantes sur le design de votre template d’email pour vous faire gagner du temps sur les aspects techniques tout en vous évitant les erreurs classiques des débutants.

Restez simple

D’abord et avant tout, le design de vos modèles de courrier électronique doit être simple. Le design doit mettre en valeur votre message sans distraire votre destinataire ! Et vous l’avez surement déjà vécu : les emails avec beaucoup de fioritures graphiques détournent l’attention du lecteur de son message réel. Et donc cela nuit aux conversions. En outre, un courrier électronique avec peu d’éléments graphiques s’affiche mieux dans les différents clients de messagerie et a beaucoup plus de chance de passer au travers des filtres anti-SPAM.

Il y a tellement de tailles d’écran qu’il est préférable d’éviter une conception complexe comme un template sur plusieurs colonnes avec des tables incrustées, … De cette manière, la compatibilité d’affichage demande moins d’effort. Le mieux encore est de partir d’un des modèles fournis par votre outil d’envoi d’emailing.

Ne dépassez pas 650 pixels pour la largeur de vos e-mails

Ainsi, vos emails s’affichent correctement dans le volet d’aperçu vertical d’Outlook. Et vous ne pouvez pas délaisser vos lecteurs sur Outlook ! Si comme moi, vous utilisez MailChimp, vous pouvez dupliquer l’un de leurs modèles pour commencer si vous le souhaitez. Tous les modèles fournis par MailChimp ont moins de 650 pixels de largeur.

Respectez votre charte graphique

Respectez la charte graphique de votre entreprise que l’on retrouve aussi sur votre site Web. Insérez votre logo en haut à gauche. C’est la première zone que l’œil de votre destinataire voit. Ainsi, vos correspondants vont immédiatement vous reconnaître et être rassurés.

Préférez un template d’email sur une seule colonne

Choisissez une mise en page sur une colonne. Sur plusieurs colonnes, vos emails sont plus fouillis. Cela perturbe également la lecture sur mobile. N’oubliez pas que plus de la moitié de vos destinataires vont découvrir votre emails sur leur smartphone (environ 56% des ouvertures d’emails se font sur mobile source sarbacane).

Insérez des images

Structurer votre texte autour d’images. Vos lecteurs préfèrent les informations brèves, ce qui peut être facilement réalisé en insérant des images et/ou des lignes horizontales si nécessaire.

Hiérarchisez votre contenu

PME : 16 Conseils + 1 Secret Pour Un Template Email Parfait - Email Marketing

Attirez l’attention de vos lecteurs en mettant votre contenu le plus important en haut de votre courrier électronique. Les informations moins importantes peuvent apparaître plus bas. Aussi, essayez d’inclure un bref aperçu du contenu de votre emailing dans l’en-tête. Vos abonnés veulent facilement analyser et choisir les informations qui leur sont pertinentes. Une hiérarchie visuelle rend cela possible.

Incluez un lien de désabonnement, une adresse physique et un nom d’entreprise.

Ces trois éléments dans votre modèle de messagerie assurent que vous êtes toujours en règle avec la CNIL. Il faut le faire parce que …. c’est la loi et que vous voulez rester en règle dans votre activité professionnelle. C’est plus facile de les intégrer dans votre modèle plutôt que de les ajouter à chaque campagne que vous envoyez ! Si vous utilisez MailChimp comme moi, pas de panique – il le fait pour vous.

Utilisez le bon logiciel

N’utilisez pas Microsoft Word pour écrire votre modèle de courrier électronique. Les logiciels de traitement de texte ajoutent généralement des caractères spéciaux invisibles qui vont casser l’affichage de vos emails. Préférez directement l’éditeur de votre outil d’envoi d’emailing comme MailChimp.

Pensez mobile pour concevoir votre template email

PME : 16 Conseils + 1 Secret Pour Un Template Email Parfait - Email Marketing

Plus de la moitié de tous les emails sont lus sur un appareil mobile. Et peu de chefs d’entreprises pensent à concevoir leurs emails pour être lisibles sur mobile. Et c’est dommage car un mail non lisible va directement à la corbeille.

Voici 6 conseils à garder à l’esprit quand vous concevez la structure de vos emails :

Optimisez vos images

En insérant des visuels entre vos blocs de texte, vos emails sont plus agréables à lire. Par contre, il y a quelques règles à suivre.

  • Évitez d’utiliser trop d’images. Non seulement certains filtres anti-spam considèrent les emails avec beaucoup d’images comme du spam, mais en plus vous risquez de perdre l’intérêt de vos correspondants. On parle souvent d’utiliser pour les images au plus un tiers de l’espace disponible dans votre template. A vous de trouver le bon équilibre entre les images et le texte.
  • Optimisez vos images. Les fichiers trop lourds augmentent le temps de chargement de l’email. Cela a un impact désastreux sur le succès de vos campagnes. Pour ma part, j’utilise imagify.io pour optimiser la taille des images de mes emailings comme celles de mon site web.
  • Évitez d’utiliser des images d’arrière-plan. En effet, certains clients de messagerie ne les affichent pas. Au pire, définissez toujours une couleur de fond par défaut au cas où votre image d’arrière-plan ne s’affiche pas si vous décidez d’en mettre une quand même.
  • Renseignez les balises alt de vos images. Ainsi si les images ne s’affichent pas, ce texte s’affiche à la place. Dans la plupart des outils d’envoi d’emailing, la balise alt se renseigne en cliquant sur l’icône “Insérer” ou “Modifier” l’image dans son éditeur.
  • Spécifiez la hauteur et la largeur de toutes les images.
  • Enfin préférez les formats « .jpeg » et « .gif ». Evitez les « .png » dans vos modèles d’emailing, car ils ne s’affichent pas dans Lotus Notes.

N’intégrez pas de vidéos

PME : 16 Conseils + 1 Secret Pour Un Template Email Parfait - Email Marketing

Ce n’est vraiment pas une bonne idée d’intégrer vos vidéos (ni de Flash) directement dans vos emailings. Non seulement beaucoup de clients de messagerie ne sont pas compatibles avec ce genre de pratique. Mais en plus, la plupart des filtres anti-spam les détectent comme étant malveillants. Au lieu d’intégrer votre vidéo dans votre courrier électronique, je vous conseille de :

  • Faites une capture d’écran du player de la vidéo,
  • Ajoutez dessus un petit triangle blanc « Play » que nous avons tous l’habitude de voir au début d’une vidéo,
  • Puis insérez cette image avec un lien qui pointe vers la page sur laquelle la vidéo est intégrée. En cliquant dessus, vos destinataires visionnent alors la vidéo.

Formattez vos liens

Aérez votre texte

PME : 16 Conseils + 1 Secret Pour Un Template Email Parfait - Email Marketing

Évitez de surcharger vos emails avec du contenu et des images. Pour améliorer la lisibilité, insérez des sauts de lignes pour bien encadrer votre contenu. Utilisez des polices de caractères basiques comme Arial, Verdana, Georgia et Times New Roman qui sont compatibles sur toutes les plateformes de messagerie.

Faites ressortir vos boutons d’appel à l’action

PME : 16 Conseils + 1 Secret Pour Un Template Email Parfait - Email Marketing

Utilisez des couleurs plus vives pour mettre en évidence vos boutons d’appel à l’action. Assurez-vous aussi que le bouton est suffisamment grand pour être cliquable par un doigt sur l’écran d’un mobile.

Soyez bref

Un emailing n’est pas un site Web. Vous ne devez pas mettre tout votre contenu sur un support sur lequel vos destinataires ont tendance à ne pas dépasser 1 ou 2 minutes maximum. Allez à l’essentiel et mettez des liens vers les pages de votre site pour ceux qui veulent avoir plus de détails. Sur smartphone, vos destinataires vont survoler votre contenu, alors soyez bref et mettez les informations les plus importantes au début de votre message.

Le plus important : Testez vos emails !

Utilisez le mode prévisualisation de votre outil d’envoi d’email et profitez des smartphones de vos collègues pour vérifier que vos emails s’affichent correctement. Pensez aussi à tester l’affichage de vos emailings avec un client de messagerie pour lequel l’affichage automatique des images n’est pas activé. De cette façon, vous testez le texte de vos attributs alt. Ainsi, en cas d’erreurs, vous les corrigez avant l’envoi à tous vos abonnés.

Il n’y a plus rien qui vous empêche de prendre du plaisir au travail en concevant votre emailing aujourd’hui.

Mon secret, chut !!  Pour vous aider à révéler le créatif qui est en vous, pourquoi ne pas vous inspirer des newsletters envoyées par vos concurrents, partenaires et mêmes clients pour ceux qui sont dans le B2B.

Le prochain article de cette série sur l’emailing pour les PME, aborde comment segmenter, planifier et envoyer vos campagnes d’emailing.

Pas encore d’outil d’envoi de newsletter pour votre entreprise ? Faites comme moi et utilisez Mailchimp !

Vous avez de multiples modèles à votre disposition sur Mailchimp ou autre outils d’envoi d’emailing. Lequel allez-vous utiliser en premier ? Faites-le nous savoir dans les commentaires ci-dessous !


Also published on Medium.