Entrepreneurs : 16 conseils & 1 secret pour un template Email parfait

Envoyer via e-mail un contenu de qualité est essentiel, mais il faut aussi un design parfait me disait Laurent.

Tu n’es pas un designer professionnel, concevoir un courrier électronique peut sembler un peu compliqué. Mais en fait, c’est très simple. Respecte quelques règles de design et/ou utilise un modèle fourni par ton 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 ?

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

À 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 enrichit la mise en page des mails avec des tableaux, des images, et même la personnalisation des liens.

En choisissant le format HTML, vous avez donc plus de liberté pour changer :

• Les couleurs,
• Les polices,
• Le formatage du texte (gras, italique, souligné…),
• Vous pourrez même inclure des images…

Par contre, le format texte, acceptant uniquement du texte, ne contient aucun code.

Vos messages sont aussi plus légers. Vous réduisez donc le risque d’envoyer des virus à vos destinataires.

Préférez toujours le format HTML

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 le format HTML avec ses images, ses graphiques, ses couleurs et une infinie d’autres personnalisations.

En plus, les outils d’envoi d’emailing génèrent la version “texte brut” dès que vous créez une campagne au format HTML.

Elle est même envoyée par défaut aux abonnés qui préfèrent recevoir vos campagnes en texte intégral.

Mon conseil : même si vous optez pour un design minimaliste pour votre template email, je vous recommande sans hésiter le format HTML.

C’est quoi un template d’e-mail ?

Un modèle de courrier électronique (ou template email) est un e-mail pré-formaté pour créer rapidement et facilement un email.

1. Pourquoi utiliser un modèle de courrier électronique ?

En utilisant un template d’email, vous créez rapidement et envoyez facilement des e-mails sans avoir à partir d’un écran vierge.

Les 3 principaux avantages d’utiliser un template d’email sont :

a. Le gain de temps

Avec un template d’email, vous gagnez énormément de temps lors de la création d’une campagne d’Email Marketing.

Au lieu de partir d’une feuille blanche, vous chargez tout simplement votre modèle de message. Puis, vous n’avez plus qu’à ajouter le contenu relatif à cet envoi.

Vous pouvez également partir de votre précédente campagne et juste compléter par vos nouveaux contenus.

b. Une mise en forme cohérente entre 2 envois

En utilisant un template d’email, vous êtes sûr que la campagne d’email respecte votre charte graphique.

En effet, vos campagnes vont toujours avoir le même design et vos destinataires ne sont pas décontenancés.

Enfin, vous évitez des erreurs accidentelles, voire d’oublier une section de votre newsletter.

c. Asseoir votre marque

Si vous utilisez le même template d’email à chaque envoi, vous affirmez la cohérence de votre marque entre 2 envois.

Et s’il respecte votre identité graphique, vous êtes reconnaissable sur tous vos autres canaux de promotions comme votre site web, vos réseaux sociaux…

En outre, les liens de vos campagnes pointent vers le site web de votre entreprise qui lui aussi a le même design.

C’est encore d’autant plus vrai si vous utilisez de nombreux visuels dans vos campagnes d’email Marketing.

2. Quand faut-il utiliser un template d’email ?

Un modèle de courrier électronique peut être utilisé pour tout type de messages destinés à vos clients, à vos fournisseurs…

L’utilisation la plus courante est pour votre newsletter.

Sans hésiter, le template d’email apporte de la cohérence à vos envois qu’ils soient hebdomadaires ou mensuels.

De cette manière, vos abonnés se familiarisent avec votre offre de produits et/ou services.

Mon conseil : soyez professionnel. Pour vos campagnes via mail, utilisez un outil d’envoi d’emailing, comme MailChimp, pour gérer votre liste de contact. Vous allez un temps précieux.

3. Utiliser un template prêt à l’emploi ou sur-mesure ?

Les plateformes d’envois de campagnes d’emails proposent une bibliothèque de modèles d’e-mails.

C’est très pratique si vous débutez.

En plus, ils sont en général fully responsive, c’est-à-dire compatibles avec tous les tailles d’écran.

Ces templates prêts à l’emploi sont également la solution pour une campagne envoyée à la dernière minute.

Enfin, ces modèles d’e-mail sont pour la plupart gratuits ou disponibles pour une somme modique.

Par contre, vous allez devoir faire des compromis sur l’identité de la marque, les possibilités de personnalisation et sur l’exclusivité.

En effet, un template d’e-mails sur-mesure est forcément unique et personnalisé selon vos besoins.

Par contre, cela nécessite différentes compétences techniques et du temps pour le tester sur tout types d’écran.

C’est pourquoi le délai d’exécution et le coût vont être plus importants.

8 règles de design à respecter pour votre template d’email

Précision : les 8 règles, astuces et conseils suivants sont valables :

• Non seulement lors de la conception de votre template d’email,
• Mais aussi lors de sa personnalisation pour une campagne d’emailing donnée.

Mon objectif ici est double :

• Vous faire éviter les erreurs classiques des débutants,
• Vous faire gagner un temps précieux.

1. Rester simple

D’abord et avant tout, le design de vos modèles de courrier électronique doit être simple.

En effet, le design doit mettre en valeur votre message sans distraire votre destinataire !

Et vous l’avez sûrement déjà vécu. Trop de fioritures graphiques dans un email détournent l’attention du lecteur de son message réel.

Et donc cela nuit aux taux de clics de vos campagnes d’email.

En plus, un courrier électronique avec peu d’éléments graphiques s’affiche plus rapidement dans les différents clients de messagerie. Il a aussi plus de chance de passer au travers des filtres anti-SPAM.

Et, vu toutes les tailles d’écran (ordinateur, mobile, tablette), évitez une conception trop complexe. Par exemple un template sur plusieurs colonnes avec des tables incrustées est à bannir…

En plus, la compatibilité d’affichage sur les différentes tailles d’écran demande moins d’effort.

Mon conseil : partez d’un des modèles fournis par votre outil d’envoi d’emailing.

2. Ne pas dépasser 650 pixels pour la largeur de vos e-mails

C’est la condition pour que vos emails s’affichent correctement dans le volet d’aperçu vertical sur Outlook.

Et vous ne pouvez pas ignorer vos lecteurs sur Outlook, surtout si vous avez une activité B2B !

Note : si vous utilisez MailChimp, partez tout simplement d’un de leurs modèles. Tous les templates fournis par MailChimp ont une largeur plus petite que 650 pixels.

3. Respecter 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 va voir.

Ainsi, vos correspondants vont immédiatement vous reconnaître et être rassurés.

4. Préférer un template d’email sur une seule colonne

(source Oberlo)

Choisissez une mise en page sur une colonne.

Sur plusieurs colonnes, vos emails sont plus fouillis.

Cela perturbe également la lecture sur mobile.

Un fait : la moitié de vos destinataires vont découvrir votre email sur leur smartphone.

5. Insérer des images

Aérer votre texte avec des 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.

Aujourd’hui, le contenu idéal d’un mail se ventile selon le ratio suivant : 60 % en image et 40 % de texte (source emailing.biz).

Ainsi, vous avez plus de liberté avec la créativité de vos images messages.

Pour autant, pensez à toutes les personnes qui ne pourront pas télécharger ces images, et donc les voir. Elles vont considérer que votre message est inaccessible.

En plus, les filtres anti-spam en matière de délivrabilité sont de plus en plus sensibles au remplissage des balises ALT.

Mon conseil : ajouter un descriptif aux images dans votre template d’email afin de donner plus de force à votre réputation d’expéditeur.

6. Hiérarchiser votre contenu

Attirez l’attention de vos lecteurs en mettant votre contenu le plus important TOUT en haut de votre courrier électronique.

Par exemple, incluez un sommaire du contenu de votre emailing dans l’en-tête.

Les informations moins importantes peuvent apparaître plus bas.

Vos abonnés veulent facilement analyser et choisir les informations qui leur sont pertinentes.

Une hiérarchie visuelle rend cela possible.

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

Insérez un lien pour se désabonner, votre adresse postale ainsi que votre marque pour être en règle avec la CNIL et le RGPD.

Il faut le faire parce que… c’est la loi et que vous voulez préserver 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 !

Note : si vous utilisez Mailchimp comme moi, pas de panique – il le fait pour vous.

8. Utiliser le bon logiciel d’envoi pour vos campagnes d’emailings

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 en concevant votre template email

Au risque de me répéter, la moitié de tous les emails sont lus sur un appareil mobile.

Et peu de chefs d’entreprise 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 pour concevoir une structure d’email « mobile-friendly » :

1. Optimiser 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.

a. Éviter d’utiliser trop d’images

Certains filtres anti-spam considèrent les emails chargés en images comme du spam.

En plus, vous risquez de perdre l’intérêt de vos correspondants.

Mon conseil : insérez des images sur au plus 2 tiers de l’espace disponible dans votre template. Faites des tests pour trouver le bon équilibre entre les images et le texte.

b. Optimiser 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.

Mon astuce : j’utilise imagify.io pour optimiser la taille des images de mes emailings comme celles de mon site web.

c. Éviter d’utiliser des images d’arrière-plan

En effet, certains clients de messagerie ne les affichent pas correctement.

C’est pourquoi je n’en mets jamais.

Mon conseil : si vous avez une image de fond, ajoutez une couleur de fond au cas où elle ne s’afficherait pas.

d. Renseigner les balises alt de vos images

Ainsi, si les images ne s’affichent pas, le texte dans l’attribut alt s’affiche à la place.

Dans la plupart des plateformes d’envoi, le texte alternatif se renseigne en cliquant sur l’image directement dans l’éditeur.

e. Spécifier la hauteur et la largeur de toutes les images

f. Enfin, préférer les formats « .jpeg » et « .gif »

Évitez les « .png » dans vos modèles d’emailing.

En effet, ils ne sont pas compatibles avec dans Lotus Notes, même si cette messagerie n’est plus vraiment d’actualité.

2. Ne pas intégrer de vidéos dans votre template

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 malveillant.

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.

3. Formater correctement vos liens

a. Préférez toujours des adresses URL “absolues” pour tous vos liens

Les URL absolues sont des adresses URL complètes avec le protocole de serveur (qui est généralement https:// pour les pages web).

Par exemple, https://audreytips.com/newsletter est l’URL absolue de la page web pour s’inscrire à ma newsletter du vendredi au lieu de audreytips.com/newsletter.

Respectez bien votre domaine favori dans cette adresse URL.

b. Éviter de mettre des liens sur les images

c. Éviter aussi d’utiliser trop de liens

Certains filtres anti-spam considèrent les mails avec trop de liens comme du spam.

d. Cacher l’URL du lien derrière un texte

C’est plus lisible.

En plus, la plupart des outils d’envoi de newsletter rajoutent des arguments aux liens pour vous donner les statistiques de clics.

Voilà le genre de liens que les plateformes génèrent pour tracker les clics :

http://audreytips.us12.list-manage.com/track/click?u=96319250e252abfac4ff3eb98&id=69b721438d&e=958d7c1f4e

alors que le lien que j’ai précisé est : https://audreytips.com/comprendre-200-criteres-classement-google-151-175/

Avouez que ça fait moins peur !

Mon conseil : cacher l’URL des liens en précisant toujours des textes d’ancres.

4. Aérer votre texte

É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.

5. Faire ressortir vos boutons d’appel à l’action

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.

6. Être bref

Un emailing n’est pas un site web.

C’est un support sur lequel vos destinataires ont tendance à ne pas dépasser 1 ou 2 minutes maximum.

• Alors n’y mettez pas tout votre contenu.
• Allez à l’essentiel.
• Redirigez avec des liens vers les pages de votre site pour ceux qui veulent avoir plus de détails.

Sur smartphone, c’est encore pire.

Vos destinataires vont survoler votre contenu.

• Alors soyez bref,
• Mettez les informations les plus importantes au début de votre message.

Le plus important : testez vos emails !

C’est impossible d’annuler l’envoi d’une campagne … Alors testez à fond.

• Utilisez le mode prévisualisation de votre outil d’envoi d’email.
• Profitez des smartphones de vos collègues pour vérifier que vos emails s’affichent correctement quel que soit le device.
• Testez également avec un client de messagerie pour lequel l’affichage automatique des images n’est pas activé. Regardez le texte de vos attributs alt.

Ainsi, en cas d’erreurs, vous les corrigez avant l’envoi à tous vos abonnés.

En plus, le stress en appuyant sur « envoyer » est moindre…

Mon secret, chut !! Comment révéler le créatif qui est en vous ? Inspirez-vous des templates de newsletter de votre ecosystème : concurrents, partenaires, clients…

FAQ – 3 questions courantes sur les templates (ou modèles) d’email

Qu’est-ce qu’un template d’e-mail ?

Un modèle d’e-mail est un e-mail pré-formaté que vous utilisez pour le personnaliser avec votre propre contenu de votre prochaine campagne d’envoi. Ainsi, vous allez rapidement et facilement concevoir vos emailings. Concrètement, c’est en général un fichier HTML.

Quels sont les principaux avantages d’un template d’email ?

Les principaux avantages d’avoir votre propre modèle sont : simplifier la création de vos campagnes et en même temps augmenter votre efficacité. Vous allez gagner en cohérence et en clarté et augmenter la satisfaction de vos abonnés.

Quels sont les points importants à garder à l’esprit lors de la conception de votre modèle d’e-mail ?

Concentrez-vous sur vos besoins et votre marque, suivez les pratiques de design de bon sens, rédigez un contenu concis et convaincant, mettez en évidence l’appel à l’action, n’oubliez pas un lien de désabonnement. En plus, assurez-vous que votre template est compatible avec toute taille d’écran.

Conclusion sur comment concevoir un template d’email gagnant

Les templates d’e-mails sont un élément indispensable de votre stratégie d’Email Marketing.

En effet, ils ne jettent pas simplement les bases d’une bonne conception technique de vos e-mails.

Ils renforcent également la crédibilité de votre marque, établissant ainsi la confiance avec vos abonnés.

Avec un template d’email, chacune de vos campagnes repose sur des composants respectant la charte graphique de votre marque.

Vous n’avez donc plus à réinventer la roue à chaque emailing.

Concrètement, vous êtes certain que tous les éléments ont bien la bonne taille, le bon style, la bonne couleur et le bon emplacement.

En effet, c’est important de rester uniforme pour :

• Le positionnement du logo, des boutons d’appels à l’action (CTA),
• Le cotneu du footer
• Des polices de caractères et de leur taille pour les titres, le corps de texte, les liens…
• Pour finir, ne supposez pas que vous savez exactement ce que vos abonnés attendent.

En plus, leurs attentes évoluent avec le temps.

Alors, faites tourner quelques campagnes d’A/B testing sur votre template d’email. Vous allez comprendre ce qui fonctionne et identifier ce qui peut être amélioré.

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

Avez-vous des expériences à nous partager concernant les templates d’e-mail ?