Exemples de mise en page d'e-mail qui vous aident à créer des campagnes engageantes

Les experts en marketing, qui envoient fréquemment des campagnes d’e-mailing, apprennent à utiliser les mises en page d’e-mail (et les modèles d’e-mail) afin d’optimiser leur travail et de profiter des meilleures pratiques afin de rédiger des e-mails attrayants et efficaces.

Si vous êtes en train de faire vos premiers pas en matière de marketing par e-mail et que vous ne savez pas comment utiliser des modèles d’e-mail, nous sommes là pour vous ! Lisez la suite pour en apprendre davantage sur ce qu’est une mise en page d’e-mail, ce qui la différencie d’un modèle, sur l’expertise qu’elle apporte, et enfin sur la manière de choisir la bonne mise en page d’e-mail pour votre utilisation et vos contenus spécifiques. Tout cela dans le but de vous aider à créer facilement vos propres e-mails de marketing. Et si vous êtes novice en la matière, consultez notre guide sur les premiers pas dans le marketing par e-mail pour une aide supplémentaire.

Qu’est-ce qu’une mise en page d’e-mail ?

La mise en page d’e-mail constitue la base de votre e-mail, elle organise l’emplacement de tous les éléments de l’e-mail (sections, texte, appels à l’action, images, vidéos, etc.) de manière à ce qu’ils soient tous harmonisés et visuellement attrayants. 

L’objectif principal de la mise en page d’e-mail est de vous aider à rédiger facilement un e-mail engageant et efficace, en profitant des meilleures pratiques en matière d’organisation du contenu des e-mail. La sélection de la mise en page de votre e-mail représente la moitié du travail effectué. Il ne vous reste plus qu’à insérer votre propre texte, vos appels à l’action, vos images et vos vidéos dans les emplacements prédéfinis de la mise en page, et voilà !

Quelle est la différence entre la mise en page d’e-mail et un modèle d’e-mail ?

Un modèle d’e-mail est une mise en page personnalisée d’un e-mail. En bref, voici la différence entre ces deux termes :

• La mise en page d’un e-mail est la structure et la base d’un modèle d’e-mail ou de votre message personnalisé. La mise en page d’’e-mail est constituée de blocs de construction vides que vous pouvez remplir.
• Un modèle d’e-mail reprend les éléments prédéfinis de la mise en page de l’e-mail, mais ils sont déjà personnalisés par l’insertion d’images, la sélection d’une palette de couleurs, un contenu spécifique, etc. Un modèle d’e-mail bien conçu vous permet d’économiser encore plus de temps et de ressources en réduisant le travail nécessaire au design et à la rédaction d’un e-mail de marketing grâce aux couleurs, au texte et aux images, qui peuvent tous être utilisés directement. Et si vous souhaitez obtenir des conseils supplémentaires pour rédiger des messages efficaces, consultez notre guide sur la rédaction d’e-mails de marketing.

Voici une comparaison entre une mise en page et un modèle d’e-mail :

Mises en page et exemples d’e-mails populaires

Les mises en page des e-mails peuvent être divisées en plusieurs catégories, en fonction des caractéristiques suivantes :

1.Mises en page textuelles ou visuelles

Mises en page textuelles

Les mises en page textuelles représentent des e-mails qui ne contiennent pas d’images ou d’autres types de multimédias.

Les mises en page textuelles sont parfaites pour les e-mails de bienvenue ou différents types d’e-mails transactionnels, tels que les e-mails de réinitialisation de mot de passe, les e-mails d’invitation d’utilisateurs, les e-mails de reçus, les confirmations de commande. 

Les mises en page d’e-mails en texte brut peuvent être attrayantes, mais vous devez suivre quelques règles lorsque vous les personnalisez :

• Utiliser un texte bien formaté avec des phrases et des paragraphes courts ;
• Inclure des titres et des sous-titres pour découper le texte, le cas échéant ;
• Mettre en gras les phrases importantes pour attirer et retenir l’attention des clients ;
• Prévoir un élément de narration puissante pour impliquer vos lecteurs.

Mises en page visuelles

Une mise en page visuelle comprend du texte brute ainsi que des éléments visuels – des images, des éléments graphiques, des vidéos. Voici ce qu’il faut garder à l’esprit lorsque vous utilisez ce type de mise en page d’e-mail :

• Personnalisez les éléments visuels pour qu’ils correspondent aux directives de votre produit et de votre marque ;
• Disposez-les de manière à faire ressortir votre message clé.

Ces campagnes sont idéales quand vous voulez lancer ou promouvoir des produits, les mises à jour de fonctionnalités, et encore plus lorsque vous devez attirer l’attention et rendre le message attrayant sur le plan émotionnel.

2.Mises en page basées sur le nombre de colonnes

Les mises en page en colonnes peuvent être divisées en trois types principaux, en fonction de leur utilité pour votre public :

Mise en page en une seule colonne

Comme son nom l’indique, ce type de mise en page ne comporte qu’une seule colonne dans laquelle tout le contenu et les éléments visuels sont présentés en largeur complète, dans un certain ordre hiérarchique.

En général, les mises en page à une seule colonne suivent l’ordre suivant : le nom et le logo de la marque de l’expéditeur, une image d’en-tête, du texte, un bouton d’appel à l’action, suivi d’un pied de page (comprenant le siège social d’une entreprise ainsi qu’une option de désabonnement).

Ces mises en page sont faciles à naviguer et prévisibles, de sorte que les lecteurs savent où trouver les informations dont ils ont besoin et qu’ils attendent. Parmi les autres avantages clés, citons le fait qu’elles sont adaptées au téléphone portable et que le format permet au lecteur de repérer facilement l’appel à l’action.

Les mises en page en une seule colonne conviennent parfaitement aux newsletters courtes, aux e-mails de bienvenue, promotionnels et transactionnels, ainsi qu’aux e-mails de réengagement.

Mise en page en deux colonnes

Les mises en page en deux colonnes regroupent les informations et les éléments visuels de l’e-mail sur deux colonnes.

Cette mise en page en deux colonnes présente une séparation distinctive entre les deux colonnes et met bien en évidence les différents types d’informations.

Ces mises en page sont parfaites lorsque vous devez couvrir différents sujets, tels qu’un contenu riche en informations ou s’il y a plusieurs appels à l’action.Les mises en page en deux colonnes sont idéales pour l’envoi de campagnes d’e-mails promotionnels ou de lettres d’information, tant internes qu’externes. Pour en savoir plus sur la création d’e-mails promotionnels efficaces, consultez notre guide sur le marketing par e-mail pour le e-commerce.

Mise en page en colonnes hybrides

Les mises en page à colonnes hybrides offrent le meilleur des deux mondes: elles intègrent des éléments provenant à la fois des mises en page en une seule colonne et en deux colonnes. Elles vous permettent de diviser le contenu en sections pour aborder différents sujets, produits ou caractéristiques. 

L’un des principaux avantages de ces mises en page est qu’elles permettent d’inclure plus d’informations dans moins d’espace et d’incorporer plusieurs boutons d’appel à l’action pour augmenter le taux de conversion.

Il est important de garder à l’esprit qu’il est possible que cette mise en page ne soit pas entièrement adaptée aux appareils mobiles. En matière de marketing par e-mail, il est toujours préférable d’adopter une approche qui privilégie l’usage du mobile . Veillez donc à prévisualiser votre design d’e-mail sur différents appareils afin de produire des modèles d’e-mail adaptés aux différents appareils mobiles. 

Les mises en page à sections multiples sont très utiles pour des newsletters régulières, des campagnes d’e-mailing informatives ou des annonces de produits.

3.Mises en pages d’e-mails basées sur les habitudes de lecture

La façon dont vous disposez les textes et les éléments graphiques dans votre mise en page influencera l’expérience de vos utilisateurs. La hiérarchie visuelle que vous utilisez facilite et guide vos lecteurs dans vos e-mails. En fonction des habitudes de lecture de l’utilisateur, il existe trois types principaux de mise en page d’e-mail :

La pyramide inversée

Le modèle de mise en page en pyramide inversée suit une hiérarchie visuelle simple : le haut de l’e-mail attire l’attention du lecteur par un élément visuel attrayant ou un contenu accrocheur, puis il réduit progressivement l’attention de l’utilisateur jusqu’à l’objectif principal de votre e-mail – votre appel à l’action, qui peut être une caractéristique du produit, une offre spéciale, ou autre.

Dans cette mise en page d’e-mail, vous placez vos informations les plus importantes en haut de l’e-mail, puis vous développez l’anticipation de l’utilisateur avec des informations moins importantes, jusqu’à ce qu’il atteigne l’appel à l’action qu’il attend.

Ce modèle de hiérarchie visuelle suit la manière naturelle dont les lecteurs parcourent un texte. C’est pourquoi la pyramide inversée est parfaite pour les e-mails promotionnels et de vente, mais aussi pour les newsletters contenant un message unique et un appel à l’action.

Modèle en zig-zag

La mise en page en zig-zag s’appuie sur un mouvement typique de l’œil. Comme les utilisateurs lisent de gauche à droite, ils ont tendance à sauter en avant lorsqu’ils parcourent le contenu. Ils commencent par le côté supérieur gauche, puis passent au côté supérieur droit, descendent vers le côté inférieur gauche, puis vers le côté inférieur droit, créant ainsi un schéma imaginaire en en forme de Z (voir l’exemple ci-dessous).

Une chose importante à garder à l’esprit lors de la création de modèles d’e-mails en zig-zag est de placer les informations les plus importantes sur la ligne horizontale supérieure, là où les lecteurs accordent le plus d’attention. Elle doit être suivie par la ligne diagonale qui conduit les utilisateurs vers le texte attirant et l’appel à l’action, tandis que la ligne horizontale inférieure leur pousse à l’appel à l’action final et le texte. L’espace blanc peut vous aider à séparer les différentes sections en forme de Z.

Ce modèle de hiérarchie visuelle est un moyen efficace de maintenir l’attention de vos lecteurs et de les inciter à parcourir l’ensemble du contenu de votre e-mail. Le modèle en zig-zag est parfait pour les e-mails qui contiennent beaucoup d’informations, mais qui doivent être visuellement attrayants, tels que les mises à jour hebdomadaires, les e-mails axés sur les produits, les e-mails de conseils de voyage, etc.

Modèle en F

La mise en page en F est une variation de la mise en page en zig-zag. Elle utilise la hiérarchie visuelle suivante : les informations les plus importantes se trouvent en haut, suivies des informations moins importantes sur les côtés gauches en dessous, y compris l’appel à l’action au bas de la page.

Cette mise en page suit également un schéma de lecture naturel, car les utilisateurs ont tendance à lire une section à la fois, de gauche à droite, les appels à l’action se trouvant au bas de chaque section, là où les yeux du lecteur sont attirés. Au fur et à mesure que le lecteur parcourt votre contenu, le texte de droite se raccourcit et mène progressivement au bouton d’appel à l’action.
La mise en page en F convient aux e-mails contenant beaucoup d’informations, qui doivent être faciles à lire et adaptés aux appareils mobiles. Il est préférable d’utiliser le modèle en F pour les e-mails d’information et ceux d’annonce de produits.

Comment choisir la meilleure mise en page pour votre contenu ?

Pour vous aider à choisir la meilleure mise en page pour votre contenu, nous avons préparé les mises en page d’e-mail les plus couramment utilisées pour les principaux types de contenu d’e-mail :

• Les newsletters utilisent généralement des mises en page en une seule ou en deux colonnes, ainsi que des formes en zig-zag et en F. Voici quelques exemples de mises en page typiques de newsletter :

• Les mises en page promotionnelles s’appuient le plus souvent sur une mise en page en une seule colonne avec un visuel attrayant, un texte court et un appel à l’action, en forme d’une pyramide inversée ou en d’un zig-zag pour la promotion de plusieurs produits. Voici quelques exemples utiles :

• Les mises en page transactionnelles utilisent souvent des mises en page plus simples, telles que les mises en page textuelles, les mises en page en une seule colonne ou les modèles en F pour les e-mails de confirmation de commande et d’expédition, par exemple. Voici quelques-uns des meilleurs exemples de mise en page :

Conseils de pro:

• Veillez à essayer différentes mises en page afin de déterminer celles qui sont les plus convenables pour vos besoins ! 
• N’oubliez pas d’effectuer un test A/B pour les différents éléments de votre mise en page, tels que l’emplacement des boutons d’appels à l’action et des images, les différents contenus du corps du texte, l’impact des couleurs, etc. Pour comprendre l’impact des couleurs sur vos e-mails, consultez notre guide sur les couleurs dans l’e-mail marketing.
• Tenez des statistiques sur les mises en page qui fonctionnent le mieux pour les différents groupes d’utilisateurs et créez-en davantage. 
• Lorsque vous aurez identifié les mises en page les plus performantes, créez des modèles à partir de celles-ci pour votre prochaine campagne, mais restez prêt à modifier les modèles d’e-mail à tout moment, car le marketing par e-mail est un domaine avec des tendances dynamiques.

Marketing par e-mail de SiteGround – conception d’e-mail sans effort avec les meilleures pratiques de mise en page

L’utilisation efficace des mises en page d’e-mail peut considérablement améliorer les performances de vos campagnes d’e-mailing, en vous aidant à organiser votre contenu en concordance avec les meilleures pratiques de marketing pour un effet maximal. C’est pourquoi le flux de création de campagne d’e-mailing de SiteGround commence par la sélection d’une mise en page d’e-mail qui atteindrait au mieux vos objectifs d’e-mail. Vous profiterez d’un constructeur intuitif sans code, équipé de toutes les mises en page d’e-mails les plus performantes, afin que vous puissiez faire ressortir votre contenu immédiatement. Voici ce que vous obtiendrez :

• Mises en page prédéfinies : choisissez parmi une variété de mises en page d’e-mails conçues par des experts et prêtes à l’emploi, pour que vos e-mails aient toujours une apparence professionnelle et attrayante.

• Blocs de design prédéfinis : même si vous partez de zéro, vous pouvez concevoir comme un pro en utilisant une variété de blocs d’e-mail de meilleures pratiques. Ces blocs sont entièrement personnalisables, ce qui vous permet d’adapter chaque section à vos besoins spécifiques et à votre image de marque.

• Constructeur intuitif sans code : notre créateur convivial ne nécessite aucune connaissance en codage, ce qui permet à tout le monde de créer facilement des e-mails stupéfiants. Ajoutez des blocs de design en un clic pour concevoir rapidement votre e-mail parfait.

• Créez et enregistrez des modèles : personnalisez les modèles d’e-mails prédéfinis ou créez vos propres modèles à partir de zéro. Enregistrez-les pour vos prochaines campagnes, afin d’assurer la cohérence de l’apparence et de la convivialité de tous vos e-mails.

• Rédacteur d’e-mails AI intégré : gagnez du temps et améliorez le contenu de vos e-mails grâce à notre rédacteur d’e-mails doté d’une intelligence artificielle. Il vous aide à générer des e-mails attrayants et pertinents en fonction de vos données et de la nature de votre campagne. 

Avec le marketing par e-mail de SiteGround, vous disposez de tous les outils dont vous avez besoin pour créer des e-mails percutants qui augmentent l’engagement et produisent des résultats. Commencez dès aujourd’hui à créer de beaux e-mails que votre public va adorer !

N’oubliez pas

La mise en page de votre e-mail est la première impression que vous ferez à votre public. Veillez à ce qu’elle soit toujours conforme aux directives de votre marque et à vos objectifs commerciaux. Il s’agit de trouver une esthétique efficace qui attire l’attention de vos lecteurs et les incitera à s’intéresser à votre contenu.
N’oubliez pas que, quelle que soit la mise en page choisie, votre message d’e-mail a deux objectifs principaux : apporter de la valeur à votre public tout en la poussant à prendre les actions souhaitées.