408 Rue Albert Bailly - 59290 Wasquehal, France

Pourquoi les responsables marketing ont besoin de courriers électroniques réactifs en 2020

Agence Webmarketing à Lille

Pourquoi les responsables marketing ont besoin de courriers électroniques réactifs en 2020

L’autre jour, j’ai reçu le courriel suivant d’Adobe et je l’ai ouvert sur mon bureau au travail :

Ce courriel d’Adobe m’a donné une expérience de courriel de premier ordre sur mon bureau. Cependant, je n’ai pas eu le temps pour le moment d’en savoir plus, alors j’ai marqué le courriel comme non lu et je l’ai enregistré pour mon trajet domicile-travail.

Download Now: Email Marketing Planning Template 

Une heure plus tard, sur le T, j’ai réouvert le courriel sur le mobile. Maintenant, imaginez que j’ouvre ce courriel sur mon téléphone et que l’image soit de mauvaise qualité, que le texte soit trop petit pour être lu et que le bouton d’appel à l’action soit cassé – comme quelqu’un qui préfère lire les messages de marketing par courriel sur son téléphone, cela me frustrerait et, en fin de compte, me pousserait à me désinscrire complètement de la liste de diffusion.

Je ne suis pas le seul à préférer lire les e-mails marketing sur leur téléphone. En fait, je ne suis pas le seul à préférer lire les e-mails de marketing sur son téléphone, plus de la moitié des résidents américains préfèrent regarder les messages de marketing par courriel sur leur téléphone. L’optimisation des e-mails pour le mobile est si importante car c’est ainsi que de nombreux lecteurs accèdent aux messages de marketing.

La preuve est donc là, bien sûr, mais comment les spécialistes du marketing peuvent-ils arrêter d’envoyer des e-mails qui ne sont pas optimisés pour plusieurs écrans ? La réponse est un courrier électronique réactif.

Les courriels réactifs sont des courriels qui utilisent des images et des tableaux fluides pour rester flexibles sur différentes tailles d’écran. En fin de compte, ils fournissent un contenu conçu pour une expérience optimale de l’utilisateur.

Bien qu’il soit possible de concevoir des courriers électroniques réactifs en utilisant des requêtes média CSS, il n’est pas nécessaire d’avoir une expérience en matière de codage pour en créer un. La création d’un courrier électronique réactif n’est pas un travail réservé aux seuls codeurs. Nous avons rassemblé ici quelques bonnes pratiques, des modèles prêts à l’emploi, ainsi qu’un tutoriel rapide sur les principes de base concernant les e-mails réactifs.

Mais d’abord, clarifions – qu’est-ce qu’un courriel réactif, de toute façon ?

Qu’est-ce que le courrier électronique réactif ?

Un courrier électronique réactif est un courrier électronique optimisé pour n’importe quel appareil, y compris un téléphone, un ordinateur de bureau ou une tablette. Ils s’adaptent à de multiples résolutions d’écran, ce qui est particulièrement utile alors que la demande de contenu adapté aux téléphones portables ne cesse d’augmenter. Les courriels réactifs sont également plus accessibles, car ils permettent aux abonnés de lire sur leur appareil préféré ou en déplacement.

Pour illustrer mon propos, voici comment un courriel promotionnel que j’ai reçu hier se présentait sur mon bureau :

Glossier responsive email desktop

Ce courriel a des images géniales, des icônes à acheter et est bien formaté. Lorsque j’ouvre le courriel sur mon téléphone portable, c’est avec ça que je suis accueilli :

Glossier responsive email MobileJ’ai toujours les mêmes informations, les mêmes photos et les mêmes icônes pour faire mes achats – la seule différence notable est le format du courriel. Il est différent pour mieux s’adapter à l’expérience mobile.

Imaginez maintenant si cette même disposition du bureau était appliquée au mobile. Je devrais zoomer sur mon téléphone pour voir les photos ou le texte. Au lieu de faire cela, je me désinscrirais.

Des courriers électroniques de mauvaise qualité pourraient potentiellement indiquer à l’abonné que la qualité de cette interaction n’a pas été prise en considération. En fin de compte, les courriers électroniques qui ne répondent pas peuvent entraîner une perte d’abonnés.

Grâce à un courrier électronique réactif, l’expérience des utilisateurs peut être améliorée, ainsi que le retour sur investissement de la campagne. Pensez-y : les abonnés satisfaits d’une conception optimisée de l’e-mail mobile se retrouveront à ouvrir davantage de messages marketing parce qu’ils savent que cela aura l’air bien.

Alors, avec toute cette discussion sur les courriels réactifs, vous devez avoir envie de créer le vôtre. Ensuite, nous allons examiner des moyens simples de créer des messages électroniques réactifs, ainsi que les meilleures pratiques.

Modèles de courriers électroniques réactifs

Un modèle réactif s’adaptera automatiquement à n’importe quelle taille d’écran. Ainsi, que le courriel soit ouvert sur un smartphone, une tablette ou un ordinateur, il aura une belle apparence et des fonctionnalités complètes.

Pour ceux qui ont moins d’expérience en matière de codage ou qui souhaitent consacrer moins de temps à la conception, je conseille d’utiliser un modèle. C’est un moyen sûr de s’assurer que votre courrier électronique aura l’air professionnel et sera réactif.

Les modèles de courrier électronique réactifs vous permettent de gagner du temps pour concevoir un courrier électronique qui aurait pu être choisi parmi une sélection. Par exemple, les modèles de courrier électronique réactifs vous permettent de gagner du temps pour concevoir un courriel qui aurait pu être choisi parmi une sélection, L’outil de marketing par courriel de HubSpot comprend plus de 60 modèles juste pour répondre aux courriels.

Examinons maintenant quelques options de modèles.

1. HubSpot

HubSpot offre quelques modèles de courrier électronique réactifs gratuits. Si vous êtes un client de HubSpot ou un utilisateur gratuit, vous pouvez les télécharger et les essayer par vous-même. Par exemple, voici l’un des modèles de courrier électronique réactif – remarquez la barre latérale, où vous pouvez prévisualiser le modèle sur plusieurs appareils.

HubSpot responsive email preview

Cliquer sur les types d’appareils et s’assurer que votre courriel est formaté en conséquence est l’une des dernières étapes du processus de conception, et c’est la seule étape du processus de réponse par courriel lorsque vous utilisez un logiciel comme HubSpot.

En cliquant sur le smartphone pour en avoir un aperçu, par exemple, vous pouvez voir si votre contenu – y compris la taille des polices et la résolution des images – est formaté de manière agréable pour le mobile.

2. CampaignMonitor

Le modèles proposés par CampaignMonitor sont similaires à beaucoup d’autres, dans lesquels les résultats des courriers électroniques réactifs sont affichés dans l’outil de prévisualisation. Voici, par exemple, un modèle de CampaignMonitor :

CampaignMonitor responsive email template

Source :

Une chose que j’aime beaucoup dans cette installation, c’est la possibilité de voir les différents appareils côte à côte, ce qui permet de comparer facilement les éléments de conception. De petites modifications peuvent être apportées pour créer la meilleure expérience possible pour tous les abonnés.

Les modèles de CampaignMonitor sont souvent gratuits, c’est donc un bon choix si vous disposez d’un budget minimal.

3. Stripo

Stripo propose plus de 300 modèles de courrier électronique HTML gratuits. Vous pouvez choisir des modèles par secteur d’activité, saison, type et caractéristique. Par exemple, voici un modèle de la section consacrée aux entreprises :

Stripo responsive email template

Source :

Un bon signe d’un modèle de courrier électronique solide et réactif est la possibilité de voir l’aperçu dans les variantes pour ordinateur de bureau et pour smartphone, comme le montre le mode d’aperçu de Stripo. Remarquez comment une disposition en une seule colonne a été adoptée dans l’aperçu mobile pour s’adapter aux spécifications des téléphones.

J’aime Stripo parce que c’est un site web que vous pouvez visiter rapidement pour trouver un modèle qui correspond à vos objectifs. Vous pouvez envisager Stripo si vous voulez essayer des courriels réactifs ou si vous voulez vous inspirer du design.

4. Contact permanent

Constant Contact propose plus de 200 services professionnels des modèles de courrier électronique accessibles après l’inscription. L’exemple ci-dessous montre que la plate-forme propose des modèles de courrier électronique réactifs :

Constant Contact responsive email example

Source :

Les modèles de Constant Contact sont dotés d’une fonction d’édition par glisser-déposer, de la possibilité d’ajouter des enquêtes, de fonctions de commerce électronique et d’un outil de photothèque. Toutes ces fonctions peuvent aider à créer le courriel que les abonnés souhaitent voir.

Il est utile d’utiliser un service comme Constant Contact car les outils spécifiques vous permettent de maintenir la cohérence, comme dans l’exemple ci-dessus. Vous pouvez dire que la nature réactive du courriel ne compromet aucun des éléments de conception.

Maintenant que nous avons examiné certaines options de modèles, examinons une autre façon de faire fonctionner les courriers électroniques réactifs, ainsi que les meilleures pratiques.

Comment rendre un courriel réactif

Si vous avez une formation en codage, vous pouvez rendre un courriel réactif en utilisant un code.

Parmi les meilleures pratiques pour le codage des courriers électroniques réactifs, il faut s’assurer que votre courrier électronique réactif est évolutif et flexible. En outre, n’oubliez pas que les e-mails réactifs nécessitent des requêtes média CSS pour modifier les champs qui sont fixés à des champs fluides.

Une autre bonne pratique en matière de conception de courrier électronique consiste à utiliser des polices de caractères plus grandes qui seront faciles à lire sur des écrans plus petits. La mise en page en colonne simple est également plus facile à adapter, donc si une mise en page simple est bonne pour vos pages web, il faut absolument l’envisager pour un courrier électronique réactif.

La prochaine fois que vous créerez une campagne par e-mail, il est préférable de ne pas finaliser les dessins avant d’avoir vu leur aspect sur plusieurs résolutions d’écran. De nombreuses personnes accèdent aux e-mails par téléphone portable pour la simple raison que c’est facile. Un moyen simple de vérifier l’efficacité de votre e-mail est de l’envoyer à vous-même ou à votre équipe à titre d’essai : se compare-t-il aux autres e-mails de marketing réactifs dans votre boîte de réception ?

New Call-to-action

العربية简体中文NederlandsEnglishFrançaisDeutschItalianoPortuguêsРусскийEspañol