16 meilleures pratiques en matière de conception d'en-têtes d'emails

L'en-tête d'un email est l'élément que vous utilisez régulièrement dans vos newsletters. Il crée une première impression pour l'ensemble de l'email, mais bien souvent, nous oublions qu'il est plus complexe qu'un simple logo et un menu.

Voyons comment tirer le meilleur parti de la conception d'un en-tête d'email en nous appuyant sur les meilleures pratiques éprouvées de notre équipe.

L'importance des en-têtes d'email et les éléments clés

D'un point de vue marketing, la bannière, qui ouvre un email, est un élément essentiel du format de la newsletter pour ces raisons :

1. Attirer l'attention des utilisateurs avec un en-tête d'email accrocheur

Si vous utilisez une image attrayante, si vous mettez en avant vos réductions ou si vous proposez à l'utilisateur un menu sur lequel il est susceptible de cliquer en raison de la forte résonance des catégories, la partie supérieure de l'Email peut définitivement attirer l'attention des lecteurs.

(Source : Modèles Stripo)

2. Faites progresser les utilisateurs dans l'entonnoir de conversion - une bannière d'email à la fois.

Rome ne s'est pas construite en un jour, et les entonnoirs marketing s'étendent souvent sur une longue série de contacts multiples avec la marque. S'il y a une idée avec laquelle vous voulez que vos clients potentiels soient familiers, l'une des façons de planter cette idée est de l'incorporer dans la conception de l'en-tête de l'email. Même si l'utilisateur rebondit rapidement, il aura déjà lu le message clé.

Dans l'exemple laconique ci-dessous, une société de noms de domaine, Dan, cherche à faire connaître son acquisition par le leader du marché, GoDaddy. Non seulement parce que le changement apporte plusieurs mises à jour techniques, mais aussi pour se prévaloir d'une marque mère beaucoup plus forte. Ce message produira-t-il des résultats commerciaux immédiats ? Pas tout à fait. Aura-t-il un impact commercial positif sur la façon dont les utilisateurs traitent la marque et la plateforme à long terme ? C'est certain.

(Source : Email de Dan.com)

3. Renforcer la notoriété de votre marque et la faire entrer dans la zone de confort commercial

L'utilisation des couleurs, des logos, des slogans, des polices de caractères et des images de la marque aide les utilisateurs à mieux reconnaître votre marque à chaque fois. Le fait de connaître la marque et ce que l'on peut en attendre fait entrer votre produit dans une zone de confort pour vos clients potentiels, qui se sentent plus sûrs et mieux informés. Ainsi, la cohérence de la marque dans la conception de l'en-tête de la newsletter permet à vos clients potentiels de se rapprocher de la décision d'achat grâce à une confiance et une familiarité accrues.

4. Faites les soldes - profitez des achats impulsifs pour les articles de moindre importance.

Peu de gens peuvent se permettre d'acheter impulsivement une voiture ou un sèche-cheveux Dyson, mais des articles de moindre prix exposés au bon moment et sous le bon éclairage peuvent certainement déclencher un achat émotionnel. L'image d'en-tête d'un Email avec le bon produit et le bon CTA a le pouvoir d'être ce stimulus d'achat impulsif.

(Source : Modèles Stripo)

Principaux éléments de conception de l'en-tête d'une newsletter

Nous savons ce qu'il faut faire pour que vos lettres d'information soient plus rentables. C'est pourquoi nous vous offrons une perspective plus large en analysant les éléments de l'en-tête d'une lettre d'information à travers le prisme de la conception d'une lettre d'information commerciale.

Dans le domaine de l'email marketing, les éléments de l'en-tête d'une newsletter sont divisés en 3 sous-sections :

1. Informations sur l'expéditeur.
2. L'objet et l'en-tête.
3. L'en-tête de l'Email lui-même.

Dans cet article, nous allons vous montrer comment définir la ligne d'objet et le pré-en-tête. Nous partagerons également 16 idées d'en-têtes d'emails qui pour rendre vos messages plus efficaces.

(Source : modèle Stripo)

1. Infos à propos de l’envoyeur

L’entête comprend normalement:

• le nom de l’envoyeur;
• le nom du destinataire;
• l’adresse « de »;
• l’adresse « répondre à »;
• la date;
• le logo de la marque (optionnel).

Si vous utilisez un ESP pour envoyer vos e-mails par lot, alors vous devez y définir les données suivantes : le nom de l’envoyeur, le logo de la société et l’adresse « répondre à ». Cela demeure généralement inchangé d’une campagne à une autre, alors vous n’avez qu’à les définir une seule fois. Par contre, la ligne de sujet et le texte du préentête changent toujours, donc vous devrez les définir à chaque début de campagne.

2. La ligne de sujet et le préentête

Un préentête, aussi connu comme texte d’aperçu, c’est le plus petit, mais aussi le plus essentiel élément de l’e-mail.
Un préentête informatif avertit les destinataires du but de l’e-mail. Sur les ordinateurs de bureau, il va après le tiret « — » dans la ligne de sujet, alors que sur les appareils mobiles, il est situé sur la ligne en dessous du sujet. Lorsque l’on reçoit un e-mail, selon l’étude de Litmus, 24 % des destinataires décident selon le préentête d’ouvrir le message ou non.

Chaque fois que je reçois un e-mail de Mailchimp, SimilarWeb ou Netflix, je sais de quoi il s’agit sans même l’ouvrir.

Certaines entreprises insèrent leurs offres commerciales dans le préentête, ce qui leur apporte des clics.

L’une des meilleures pratiques de préentête d’e-mail est de faire des histoires — lorsque le texte de préentête est la suite de la ligne de sujet.

Chubbies : “ J’ai changé — OK, j’étais tout radin, mais maintenant j’ai changé à cause de la vente des fêtes ”.

Brighton : “ Elle adore le ROUGE pour les fêtes — et vous aussi ”.

D’Artagnan : “ Envoyez-leur des steaks ! 15 % DE RABAIS sur tous les steaks et les côtes — la promotion se termine dimanche ”.

Comment définir un texte de préentête avec Stripo :

• au-dessus du modèle, cliquez sur le bouton « Paramètres » ;
• entrez une ligne de sujet et le texte de pré-haut (préentête) de page.

Important de noter :

Lorsqu’il n’y a pas de préentête dans votre e-mail, les destinataires verront le début du texte de votre e-mail. Il ne sera pas complet, cela pourrait être comme « Voir en ligne » ou « Mon compte ».

Alors, si vous ne voulez pas voir que vos destinataires voient cela, vous pouvez choisir de ne rien afficher dans le préentête.

Dans Stripo, vous n’avez qu’à remplir l’option « Remplir avec un espace ».

Une fois fait, l’aperçu de votre e-mail ressemblera à ceci dans la boîte de vos destinataires :

Utilisez les annotations de promotion de Gmail

Comme le nom le suggère, vous pouvez annoter la durée de votre promotion ou la valeur du rabais et l’accompagner avec un badge d’occasion dans la boîte des utilisateurs sans qu’ils aient besoin d’ouvrir vos e-mails.

Cette information va immédiatement après la ligne de sujet et le texte de préentête. 

Cela fonctionne sur les appareils mobiles dans Gmail, mais n’impactera pas l’apparence de votre e-mail dans d’autres clients e-mail.

Regardez notre courte vidéo pour apprendre comment créer des annotations promotionnelles pour vos newsletters avec Stripo.

Pour connaître les conditions requises pour les badges d'annotation, veuillez vous référer à notre article de blog "Gmail new promotions tab guide"." L'article explique également comment utiliser Stripo pour créer des annotations dans Gmail avec une seule image, un carrousel de produits ou une annotation d'offre (qui comprend des éléments tels que la réduction, le code et la date d'expiration de l'offre).

3. Entête de l’e-mail

Il n’y a pas de règle unique concernant l’aspect d’un entête d’e-mail professionnel. Cela dépend… mais nous vous fournirons de nombreuses idées et de nombreux exemples.

Avant de plonger dans les idées créatives, laissez-nous vous parler des éléments traditionnels de l’entête des e-mails, qui sont le nom de la société, le logo et le menu.

Nom et logo de la société

Comme règle, le logo d’une société comprend le nom de la société.

Si votre entreprise est nouvelle dans le marché, et que les gens commencent à peine à connaître votre marque et vos produits, alors n’oubliez pas d’ajouter le nom de votre société, car le nom de l’entreprise est l’élément par lequel les gens vous reconnaissent. Peu importe s’il s’agit d’un e-mail déclenché/automatique ou lié à une promotion.

(Source: modèle Stripo)

Mais lorsque votre société est reconnue partout dans le monde et que vous êtes certain que tous sont familiers avec votre logo, alors vous pouvez vous limiter au logo et omettre le nom de la société.

(Source: E-mail d’Airbnb)

Note : l’arrière-plan du logo doit être transparent pour s’agencer avec le thème de couleur.
Le logo est inséré comme une image, alors vous n’avez pas à vous préoccuper des polices ; il s’affichera correctement dans tous les clients e-mail et sur tous les appareils.

Menu

Le menu est un autre élément traditionnel des e-mails, car il vous aide à guider les clients et à les mener vers votre site Web. Le menu est fonctionnel.

Vous pouvez sélectionner un menu régulier ou un menu interactif.

Tous les menus réguliers que vous ajoutez dans vos e-mails avec Stripo sont totalement réactifs.

(Source: E-mail de Gap)

Pour plus d’informations sur la façon d’ajouter des menus, veuillez vous référer à notre article Ajoutez un menu à vos e-mails avec Stripo.

Les meilleures pratiques des entêtes d’e-mails

Nous avons sélectionné les meilleurs exemples venant de vraies marques.

1. Ajouter l’option « Voir dans le navigateur »/« Version Web »

Bien sûr, vous pouvez placer ce lien dans un pied d’e-mail, ce qui est correct. Si votre e-mail contient des GIFs, ceux-ci peuvent se charger lentement ou pas du tout. Si vous avez des éléments d’interactivité ou de gamification, ils pourraient ne pas s’afficher correctement dans certains clients e-mail. Dans ces cas, vous êtes mieux d’ajouter l’option « Voir en ligne » dans l’entête de vos e-mails, cela augmente les chances que vos utilisateurs la voient et la cliquent.

(Source: E-mail de Banana Republic)

2. Ajouter un localisateur de boutique

Avec le logo et le menu, Adidas a ajouté un localisateur de boutique dans l’entête. C’est une idée brillante. J’ai choisi les chaussures dont j’avais besoin directement dans l’e-mail et puis, dans le localisateur de boutique, ils me fournissent l’adresse d’une boutique hors ligne près de chez moi pour essayer les chaussures. Excellent service. Merci !

(Source: E-mail d’Adidas)

3. Mettez de l’info sur le rabais

C’est l’un des meilleurs exemples d’entête, la société de cosmétiques Ababel a placé leur offre de valeur dans l’entête. C’est une décision intéressante, je n’aurais pas pu la manquer. Pour plus d’informations, j’ai dû cliquer sur le lien.

(Source: E-mail de Brighton)

4. Faire la promotion de produits

L’entreprise Filmmaker fait la promotion de l’abonnement à leur journal directement dans l’entête.

Une bonne façon d’annoncer votre produit dans votre newsletter est d’être simplement informatif.

(Source: E-mail de Filmmaker)

5. Ajouter l’option « Mon compte » dans l’entête de l’e-mail

La carte à cliquer des rapports d’eSputnik  (notre ESP) sur les campagnes de newsletters montre combien de destinataires cliquent sur le logo ou sur le bouton de connexion pour accéder à leur compte.

Une fois que certains destinataires ont fini de lire leur bulletin hebdomadaire, ils pourraient vouloir continuer avec Stripo/votre outil en cliquant sur le bouton « Mon compte ».

Comme vous pouvez le voir, 12,8 % de nos destinataires ont utilisé cette option.

6. Icônes de médias sociaux

Pourquoi ne pas aller contre le système ? Si vous voulez vous démarquer — placez les liens vers vos comptes de médias sociaux dans l’entête. C’est assez inhabituel, mais très remarquable. Spécialement si votre but est de faire croître le nombre d’abonnés de vos comptes de médias sociaux où vous partagez tous les détails d’un événement à venir.

(Source: E-mail d’Ukrainian Hub)

7. Utiliser des GIFs ou des logos animés

Voulez-vous animer votre entête ? Faites-le. Assurez-vous de garder l’image de l’entête de l’e-mail sous 1 Mo, car au moins la moitié de vos clients liront vos e-mails sur des appareils mobiles. Si l’e-mail prend trop de temps à charger, les gens le fermeront tout simplement.

(Source: E-mail de Banana Republic)

8. Travailler avec l’arrière-plan de l’entête d’un e-mail

Si vous ne voulez pas faire de gros changements aux entêtes de vos e-mails de marketing, alors vous pourriez vouloir jouer avec les couleurs.

(Source: E-mail de la boutique en ligne de la Scuderia Ferrari)

9. Décorer les entêtes pour les fêtes

Avec l’approche des fêtes, nous faisons un effort pour rendre les e-mails festifs. Il y a quelque temps, la plupart des sociétés ne changeaient pas le design de leur entête d’e-mail, mais c’était plutôt ennuyeux. Avivez votre entête avec des flocons de neige, des boules décoratives, etc.

(Source: E-mail de GrowthHackers)

Au premier regard, les destinataires étaient bien avertis du but de la campagne. Selon moi, c’est un excellent exemple d’un design d’entête d’e-mail pour les fêtes.

10. Utiliser des polices personnalisées dans les onglets du menu

Une belle police décorative enrichira le design de votre entête d’e-mail. Utilisez votre imagination et soyez créatif.

Il est important de s’assurer que toutes les polices sont lisibles — les polices cursives demandent une taille plus grande.

(E-mail ouvert dans Gmail, macOS et Windows 10)

Nous voulons vous rappeler que Stripo vous permet d’ajouter et d’utiliser des polices personnalisées dans le design de vos entêtes d’e-mails.

Important de noter :

Si une police sélectionnée n’est pas prise en change par un client e-mail, elle sera remplacée par la police par défaut du client.

11. Indiquer la date d’émission

En regardant l’e-mail d’Apple News, on voit facilement quel jour on l’a reçu. Comment ? L’entreprise ajoute la date dans l’entête de l’e-mail. Selon moi, c’est une des meilleures idées de design d’entête d’e-mail.

(Source: E-mail d’Apple News)

12. N’utiliser aucun entête

Toutes les grandes marques ont quelque chose en commun — elles ont leur propre style. Donc, les e-mails de Nike sont parfaits. Vous ne remarquerez jamais où l’entête se termine et où la bannière commence.

(Source: E-mail de Nike)

En fait, Nike n’utilise pas d’entête — ils placent leur logo sur la bannière.

C’est un choix intéressant, si vous ne comptez pas ajouter un menu à l’entête.

13. Ajouter un lien « Mettre à jour vos préférences »

Nous voulons tous que nos newsletters soient grandement efficaces. Donc, nous devons offrir uniquement l’information pertinente. Les préférences des clients changent fréquemment et les destinataires doivent avoir la possibilité de mettre leurs informations à jour lorsqu’ils le désirent.

Le restaurant D’Artagnan place le bouton « Mettre à jour vos préférences » directement dans l’entête.

(Source: E-mail de D’Artagnan)

Important de noter :

Normalement, les appareils mobiles ne montrent que 4 onglets de menu à l’écran. Les onglets supplémentaires du menu peuvent causer un défilement horizontal. Pour éviter cela, vous pourriez devoir désactiver certains onglets sur les appareils mobiles.

Si vous créez votre entête d’e-mail avec Stripo, vous devez :

• cliquer sur un onglet de menu que vous voulez désactiver ;
• dans le panneau des paramètres, cliquez sur « Masquer l’élément… sur portable » pour l’élément choisi ;

• faites de même pour les autres éléments que vous voulez désactiver sur les appareils mobiles ;
• complété.

14. Indiquer le numéro de membre

Si vous offrez des abonnements à vos clients, leur numéro est censé être disponible. Certainement, vous pouvez placer cette information quelque part dans les paramètres de leur compte. Mais Decathlon indique le numéro de membre directement dans l’entête. C’est très remarquable. De cette façon, les destinataires savent toujours où regarder pour leur numéro de membre.

(Source: E-mail de Decathlon)

15. Ajouter la photo de l’envoyeur

Ceci est l’un des entêtes les plus informatifs jamais vus. Il contient les boutons de partage, les icônes des médias sociaux, les dates, le nom de l’auteur et sa photo.

Il est toujours bien de savoir qui est l’auteur, spécialement lorsqu’il s’agit des dernières nouvelles en économie ou en politique.

(Source: E-mail de CNN Reliable Sources)

16. Placer l’option « À faire maintenant »

Vous pouvez, si vous le désirez, ajouter les liens « Montrer maintenant » à votre entête. Quelques marques les placent en haut de leur logo, d’autres placent ces liens juste à côté de leur logo. C’est totalement à votre choix.

Maybelline, par exemple, ajoute les liens « Inscrivez-vous maintenant » dans l’entête HTML de leurs e-mails lorsqu’ils font la promotion d’événements à venir, comme des webinaires.

(Source: E-mail de Maybelline New York)

Maintenant que vous êtes inspiré par les exemples d’entête d’e-mails ci-dessous, vous êtes prêt à créer un nouvel entête pour vos prochaines campagnes.

Comment faire un entête d’e-mail avec Stripo — guide

Il y a deux façons de concevoir des entêtes d’e-mails dans notre éditeur :

1. Personnaliser l’entête d’un modèle

Cette option est la meilleure pour ceux qui n’ont pas le temps de créer des entêtes d’e-mail depuis zéro.

Tous les modèles d’e-mails HTML de Stripo contiennent déjà un entête. Vous n’avez qu’à choisir le modèle qui vous plaît et à remplacer les liens et le logo par les vôtres.

2. Créer un nouvel entête d’e-mail à partir de zéro

Je veux créer un entête avec mon logo situé entre les onglets du menu. Comme celui-ci :

C’est facile, et cela ne prendra que quelques étapes :

Alors, voici précisément ce que vous devez faire :

• glissez une structure à 3 colonnes dans votre modèle d’e-mail HTML ;

si vous voulez que votre entête contienne plusieurs rangées, juste à répéter l’opération autant de fois que nécessaire dans votre modèle ;

• pour ajouter un logo, je clique sur l’icône « image » ;

• définis la taille de mon logo ;

Assurez-vous d’activer l’option sur le bouton « Image réactive » pour un bon affichage sur les appareils mobiles ;

• glissez simplement le bloc menu dans la première colonne du modèle;

• ​​​enlever le troisième onglet du menu, car je n’ai besoin que deux éléments dans chaque colonne (par défaut, le bloc de menu a trois onglets) ;
• donnez-leur les noms « modèles » et « notes de version » ;
• sélectionnez la couleur de police — dans notre éditeur cela s’appelle « Couleur des liens » ;

• faites de même pour la troisième colonne ;
• pour la rangée entière, je définis le blanc comme couleur de fond ;
• égalisez les conteneurs — dans mon cas, ils sont de 250/250 et celui du centre avec logo ne fait que 30 ;

Si vous voulez définir une image de fond, vous devrez basculer le bouton « Image de fond » ;

• Je recommande de définir la taille de la police lorsque l’entête est complet avec tous ses conteneurs — alors vous verrez l’aspect général.

Je choisis la police Tahoma, 18 ;

Note : nous voulons vous rappeler que Stripo vous permet d’ajouter des polices personnalisées et de les utiliser dans vos menus et autres textes dans vos modèles d’e-mails.

• Basculez le bouton «Image réactive » — pour vous assurer que votre menu s’affichera correctement sur les appareils mobiles également ;

• définissez les rembourrages. Vous pourriez avoir besoin de faire cela pour aligner tous les conteneurs. Cliquez sur le bouton « plus » ;

• avant de sauvegarder ce bloc dans ma bibliothèque, j’ai décidé de le prévisualiser.

Important de noter:

Normalement, l’entête d’un e-mail est quelque chose que vous ne créez qu’une fois pour plusieurs campagnes. N’ayez pas peur d’y consacrer un peu de temps.

Sauvegardez-le dans votre stockage de module personnel, et glissez-le lorsque vous créez une nouvelle campagne d’e-mails.

Mot de la fin

Comme vous pouvez le voir par les exemples variés de design d’entête d’e-mails fournis ici, il n’existe pas de « meilleur design d’entête d’e-mail ». Sentez-vous libre d’être créatif.

Nos modèles d’e-mail contiennent déjà plusieurs entêtes codés professionnellement — choisissez-en un et personnalisez-le.

Je vous souhaite sincèrement la meilleure des chances dans vos prochains projets !