Apprenez à concevoir des emails haute conversion sur Mailchimp. Modèles, bonnes pratiques et instructions étape par étape pour améliorer vos taux d'ouverture et de clic.
Excellent. J'ai maintenant plus que assez de données pour rédiger un article de blog complet et bien documenté. Commençons la rédaction.
Votre guide complet de conception d'emails Mailchimp commence ici. Le bon design, ce n'est pas de la décoration. C'est la différence entre une campagne qui convertit et une qui se fait supprimer avant le deuxième scroll.
Les campagnes d'email marketing affichent un ROI moyen de 36 fois, ce qui signifie que les entreprises gagnent 36 euros pour chaque euro dépensé. Mais ce rendement dépend entièrement du fait que vos emails soient ouverts, lus et qu'on agisse dessus. Les choix de conception que vous faites dans Mailchimp déterminent ces trois éléments.
Ce guide couvre chaque aspect du guide de conception d'emails Mailchimp: des dimensions de mise en page et la typographie aux boutons CTA, aux ratios d'images, à l'optimisation mobile, et aux outils de design IA de Mailchimp. Que vous construisiez à partir d'un modèle ou que vous codiez du HTML personnalisé, ce sont les décisions qui font bouger les métriques.
Points clés à retenir
Entre 50 et 60% des ouvertures d'emails proviennent d'appareils mobiles en 2024, rendant le design mobile-first une exigence de base, pas une amélioration optionnelle.
Les modèles Mailchimp sont conçus pour ne pas dépasser 600px de largeur afin de s'adapter aux capacités d'affichage de la plupart des clients d'emails.
Le bon design d'email repose sur la hiérarchie visuelle: les lecteurs doivent savoir en quelques secondes quoi faire, avec un titre principal, un espacement clair, des polices lisibles, un placement évident du CTA, et une mise en page adaptée au mobile.
La règle 60/40 (60% de texte, 40% d'images) est la directive image-texte la plus largement acceptée, car SpamAssassin, l'un des systèmes de détection de spam les plus couramment utilisés, la reconnaît comme un seuil général.
La marque Mailchimp Kit vous permet d'enregistrer et de mettre à jour vos logos, polices, couleurs et personnalité de marque afin que les outils IA puissent générer rapidement des graphiques et des mises en page conformes à votre marque pour vos emails et flux d'automatisation.
1. Commencez chaque conception avec un objectif clair
Apprenez à concevoir des emails haute conversion sur Mailchimp. Modèles, bonnes pratiques et instructions étape par étape pour améliorer vos taux d'ouverture et de clic.
Excellent. J'ai maintenant plus que assez de données pour rédiger un article de blog complet et bien documenté. Commençons la rédaction.
Votre guide complet de conception d'emails Mailchimp commence ici. Le bon design, ce n'est pas de la décoration. C'est la différence entre une campagne qui convertit et une qui se fait supprimer avant le deuxième scroll.
Les campagnes d'email marketing affichent un ROI moyen de 36 fois, ce qui signifie que les entreprises gagnent 36 euros pour chaque euro dépensé. Mais ce rendement dépend entièrement du fait que vos emails soient ouverts, lus et qu'on agisse dessus. Les choix de conception que vous faites dans Mailchimp déterminent ces trois éléments.
Ce guide couvre chaque aspect du guide de conception d'emails Mailchimp: des dimensions de mise en page et la typographie aux boutons CTA, aux ratios d'images, à l'optimisation mobile, et aux outils de design IA de Mailchimp. Que vous construisiez à partir d'un modèle ou que vous codiez du HTML personnalisé, ce sont les décisions qui font bouger les métriques.
Points clés à retenir
Entre 50 et 60% des ouvertures d'emails proviennent d'appareils mobiles en 2024, rendant le design mobile-first une exigence de base, pas une amélioration optionnelle.
Les modèles Mailchimp sont conçus pour ne pas dépasser 600px de largeur afin de s'adapter aux capacités d'affichage de la plupart des clients d'emails.
Le bon design d'email repose sur la hiérarchie visuelle: les lecteurs doivent savoir en quelques secondes quoi faire, avec un titre principal, un espacement clair, des polices lisibles, un placement évident du CTA, et une mise en page adaptée au mobile.
La règle 60/40 (60% de texte, 40% d'images) est la directive image-texte la plus largement acceptée, car SpamAssassin, l'un des systèmes de détection de spam les plus couramment utilisés, la reconnaît comme un seuil général.
La marque Mailchimp Kit vous permet d'enregistrer et de mettre à jour vos logos, polices, couleurs et personnalité de marque afin que les outils IA puissent générer rapidement des graphiques et des mises en page conformes à votre marque pour vos emails et flux d'automatisation.
1. Commencez chaque conception avec un objectif clair
Avant d'ouvrir un modèle et de commencer à concevoir, prenez du recul et définissez ce que vous voulez accomplir. Vous souhaitez diriger le trafic vers un article de blog? Encourager les destinataires à acheter votre dernière collection? Promouvoir un événement? Votre objectif doit influencer chaque décision de conception que vous prenez, de l'en-tête de l'email à l'appel à l'action final. Quand votre conception s'aligne avec un objectif unique et focalisé, votre message d'email marketing sera plus clair et plus convaincant.
C'est là que la plupart des campagnes Mailchimp se trompent. Essayer de dire tout en un seul email est généralement le moyen le plus rapide de réduire les clics.
Avant de construire quoi que ce soit, répondez à trois questions:
Quelle est l'action unique que je veux que le lecteur entreprenne?
Qui exactement reçoit cet email?
À quoi ressemble le succès pour cet envoi?
Tous les autres choix de conception, y compris la mise en page, les images et la longueur du texte, doivent servir ces réponses. Rien d'autre.
2. Principes fondamentaux de mise en page: largeur, structure et choix de colonnes
La mise en page de votre email HTML doit faire entre 600 et 800 pixels de largeur, car de nombreux clients d'emails proposent une fenêtre d'aperçu qui n'est pas très large. En pratique, les modèles Mailchimp sont conçus pour ne pas dépasser 600px de largeur afin de s'adapter aux capacités d'affichage de la plupart des clients d'emails, et c'est la valeur par défaut la plus sûre pour une compatibilité de rendu maximale.
La mise en page que vous choisissez établit la fondation de tout votre email. Une mise en page à colonne unique fonctionne bien pour la visualisation sur appareil mobile et maintient le design simple, tandis qu'une conception multi-colonnes peut présenter plusieurs produits ou fonctionnalités à la fois.
Voici comment choisir entre les deux:
Colonne unique: Idéale pour les bulletins d'information, les annonces, les emails d'intégration, et tout contenu où l'ordre de lecture est important. S'affiche correctement sur tous les tailles d'écran.
Multi-colonnes: Fonctionne bien pour les grilles de produits, les comparaisons de fonctionnalités, ou les recueils de contenu sélectionnés. Nécessite des tests sur mobile car les designs multi-colonnes se cassent généralement sur les petits écrans des appareils mobiles.
La hiérarchie informationnelle est très importante. Les détails d'événement et le contenu critique doivent toujours être en haut et d'une taille importante. Si présent, l'appel à l'action doit être clairement défini et facilement reconnaissable au premier coup d'oeil.
La simplicité compte. Ne concevez pas un email comme vous le feriez pour un site web. Généralement, plus court est votre email, mieux il performera.
3. Typographie: polices, taille et lisibilité
La typographie est l'un des leviers les plus négligés dans la conception d'emails. Les mauvais choix de polices réduisent la lisibilité et endommagent l'impression professionnelle que votre marque doit donner.
La typographie est importante. La taille de police et la famille de polices font une grande différence dans la lisibilité. Il est important d'avoir votre "hook" en haut de l'email, car les clients d'emails mobiles peuvent ne pas télécharger le message entier.
Pour la copie corporelle lisible sur mobile, une taille de police minimale de 16px est recommandée. Apple recommande 17 à 22px; Google recommande 18 à 22px. Le propre guide de référence de Mailchimp a trouvé 16px Georgia lisible et efficace.
Règles de typographie pratiques pour les emails Mailchimp:
Utilisez des polices web-safe (Arial, Georgia, Helvetica, Verdana) pour le corps afin de garantir le rendu sur tous les clients d'emails.
Limitez-vous à deux familles de polices maximum: une pour les titres, une pour le texte du corps.
Réglez la hauteur de ligne sur 1,4 à 1,6 fois la taille de police pour une lecture confortable.
Ne jamais intégrer le texte critique dans les images. Si les images sont bloquées, ce texte disparaît entièrement.
Utilisez des polices web-safe avec une taille et un poids clairs pour rendre votre bouton CTA facile à lire et accrocheur.
4. Images: comment les utiliser sans nuire à la délivrabilité
Les images rendent les emails plus engageants, mais elles doivent être utilisées avec intention.
Les images sont un excellent moyen de rendre le contenu plus engageant, attrayant et professionnel. Cependant, utilisez les images pour renforcer votre message plutôt que de le distraire.
La règle 60/40 en pratique
Pour les emails marketing ou promotionnels, le ratio suggéré est 60% de texte à 40% d'image. Cela équilibre l'attrait visuel avec la délivrabilité, utilisant une copie convaincante soutenue par des visuels de produits forts. Pour les bulletins d'information, un ratio 70% texte à 30% image est recommandé, où la valeur principale provient du contenu écrit tandis que les images servent à améliorer et à casser le texte.
Les tests contre 23 des filtres anti-spam les plus populaires ont trouvé que si un email a 500 caractères ou plus, le ratio contenu-image n'affecte pas la délivrabilité. Cela dit, maintenir un équilibre sain reste une bonne pratique, particulièrement pour les audiences B2B et les utilisateurs Outlook.
Règles d'image clés pour Mailchimp:
Toujours ajouter un texte alt descriptif. Ne pas fournir de texte alt descriptif rend votre email inaccessible quand les images sont bloquées ou pour les utilisateurs utilisant des lecteurs d'écran.
Gardez les images sous 200KB. Les images de grande taille prennent plus de temps à charger et consomment des données précieuses.
Évitez les emails composés entièrement d'images. Un email composé uniquement d'images reste un signal important pour la délivrabilité, largement en raison de préoccupations concernant le contournement des filtres basés sur le texte, ainsi que la création de problèmes d'accessibilité et d'expérience utilisateur médiocre.
La plupart des clients d'emails affichent maintenant les images par défaut. Litmus a largement testé les téléchargements automatiques d'images et a trouvé que tous les clients d'emails mobiles permettent les images par défaut.
5. Boutons CTA: les choix de conception qui augmentent les clics
Votre bouton d'appel à l'action est l'élément fonctionnel le plus important dans tout email Mailchimp. Tout le reste de la conception existe pour amener le lecteur à ce clic.
Sans un appel à l'action efficace, les clients ne savent pas quoi faire une fois qu'ils ont ouvert votre email. Les boutons d'email peuvent encourager les abonnés à agir, les ramenant vers votre site web où ils peuvent convertir.
Concevez des CTA qui se démarquent et augmentent les clics. Utilisez des couleurs contrastantes et des mots d'action convaincants qui communiquent clairement ce qui se passe quand les abonnés cliquent. Gardez les CTA simples et orientés vers l'action en vous concentrant sur une seule action principale par email pour éviter de confondre votre audience et de diluer votre message.
Pour le mobile, le dimensionnement des boutons est plus important que la plupart des spécialistes du marketing ne le réalisent. Les zones tactiles d'appel à l'action, comme les boutons, doivent être au moins 46px carrés. Apple recommande 44px carrés; Google recommande 48px carrés.
Principes de conception CTA supplémentaires:
Les boutons HTML se chargent plus rapidement et s'affichent dans tous les clients, même quand les images sont désactivées, rendant votre email plus efficace car les utilisateurs verront votre CTA et sauront quoi faire ensuite.
Votre CTA ne devrait être que quelques mots pour dire aux clients exactement quoi faire.
Placez votre CTA principal au-dessus de la ligne de flottaison si possible. Votre bouton d'appel à l'action doit être visible sans scroller.
Sur mobile, envisagez d'avoir des CTA importants comme les boutons s'étendre sur toute la largeur de l'email, couvrant les lecteurs droitiers et gauchers.
Pour plus d'informations sur la rédaction de lignes d'objet qui amènent les gens au CTA en premier lieu, consultez notre guide sur Email Subject Line Best Practices That Boost Open Rates by 27%.
6. Design mobile-first dans Mailchimp
Les clients mobiles représentent 41,6% des ouvertures d'emails, suivis par les ouvertures webmail à 40,6% et les ouvertures de bureau à 16,2%. Concevoir d'abord pour les bureaux puis adapter pour le mobile est une approche rétrograde qui vous coûte de l'engagement.
L'importance du design d'email adapté au mobile est primordiale pour les campagnes d'email marketing réussies. Avec la majorité des emails ouverts maintenant sur les appareils mobiles, s'assurer que vos emails ont bon aspect sur mobile n'est pas seulement une recommandation, c'est une nécessité.
Les entreprises observent une augmentation de 15% des clics mobiles en créant un design d'email responsive.
Liste de contrôle du design mobile pour les campagnes Mailchimp:
Utilisez des mises en page à colonne unique comme structure par défaut.
Réglez les tailles de police minimales sur 16px pour le texte du corps.
Utilisez des boutons CTA pleine largeur sur mobile afin qu'ils soient appuyables avec n'importe quelle main.
Gardez les lignes d'objet sous 40 caractères. Les bureaux affichent 60 caractères de la ligne d'objet d'un email. Les abonnés utilisant des smartphones voient entre 25 et 30 caractères, donc mettez les informations les plus essentielles en premier.
Inclure un préheader convaincant dans un email donne aux lecteurs une raison supplémentaire de cliquer et les guide doucement dans l'introduction du contenu. Ajouter un préheader augmente les taux d'ouverture de 13,72%.
Avec Mailchimp, vous pouvez facilement prévisualiser vos emails pour vous assurer qu'ils ont bon aspect sur différents clients d'emails web et mobiles en utilisant l'outil Inbox Preview intégré avant d'envoyer.
7. Utilisation du kit de marque Mailchimp et des outils de design IA
Mailchimp a intégré l'IA dans son flux de travail de conception d'une manière qui est véritablement utile pour les équipes sans designers dédiés.
Le kit de marque Mailchimp vous permet d'enregistrer et de mettre à jour vos logos, polices, couleurs et personnalité de marque. Il utilise l'IA et les actifs de votre kit de marque pour générer rapidement des graphiques et des mises en page élégants, conformes à votre marque, pour vos emails, publications sociales, flux d'automatisation, et plus.
L'IA backend derrière cela est substantielle. Un utilisateur entre simplement l'URL de son site web dans Mailchimp's Content Studio, et l'IA détecte, analyse et classe automatiquement tous les éléments de marque découvrables. Le service capture les logos, les couleurs de marque, les appariements de couleurs de fond et de texte, les polices et les styles de polices, les images de marque, et un guide complet de style de site web incluant les styles de boutons, les modèles de navigation, et les traitements de fond.
Pour les commentaires sur la copie et le design, l'optimiseur de contenu, alimenté par une technologie similaire à ChatGPT, analyse votre copie et votre design et offre des suggestions pour améliorer la lisibilité, le ton, et les appels à l'action.
En termes de ce que l'IA gère bien: Creative Assistant peut construire un email d'invitation à webinaire en environ 4 minutes comparé à 25 minutes à partir de zéro. La mise en page générée par IA est généralement 80% prête, avec seulement l'image d'en-tête et la couleur du bouton CTA nécessitant un ajustement. Elle a du mal avec les mises en page multi-colonnes complexes, les emails e-commerce avec des grilles de produits dynamiques, et tout ce qui nécessite du HTML ou du CSS personnalisé.
Pour maintenir une marque cohérente dans les boites de réception de votre audience, il est important d'avoir un modèle d'email que vous utilisez pour vos campagnes. Un kit de marque fort combiné avec un petit ensemble de modèles réutilisables élimine l'incohérence qui provient de la construction de chaque campagne à partir de zéro.
Pour un examen plus approfondi de la personnalisation au-delà du design, consultez notre guide sur 7 Email Personalization Techniques That Boost Conversions 47%.
8. Test, aperçu et envoi en toute confiance
Le travail de conception n'est pas terminé quand vous cliquez sur "enregistrer". Les campagnes que vous concevez dans Mailchimp auront toujours un aspect un peu différent quand elles sont visualisées dans les boites de réception des destinataires. Différents clients d'emails et appareils affichent les emails HTML selon leurs moteurs de rendu individuels.
Avant d'envoyer un email, testez votre contenu afin que vous n'envoyiez pas d'emails avec des données manquantes ou des liens cassés. Les outils d'aperçu et de test de Mailchimp aident à assurer que vos images se chargent correctement et que tous les hyperliens et boutons fonctionnent. Envoyez quelques emails de test à vous-même pour vous assurer que tout a l'aspect que vous voulez.
Liste de contrôle pré-envoi:
Prévisualisez sur bureau et mobile en utilisant l'aperçu de la boite de réception de Mailchimp.
Envoyez un email de test à vous-même et à au moins un autre appareil.
Vérifiez tous les liens, en particulier les boutons CTA.
Vérifiez que les images s'affichent correctement et que le texte alt est présent.
Confirmez que votre ligne d'objet et votre texte de préheader ont bon aspect sur les deux clients.
Vérifiez que vous avez évité toutes les lettres majuscules, trop de points d'exclamation, et les mots ou expressions gimmicky, que les filtres anti-spam recherchent.
Quelle est la largeur d'email recommandée pour les modèles Mailchimp?
Les modèles Mailchimp sont conçus pour ne pas dépasser 600px de largeur afin de s'adapter aux capacités d'affichage de la plupart des clients d'emails. Bien que vous puissiez étirer un modèle plus large, c'est la norme qui s'affiche de manière fiable sur Gmail, Outlook, Apple Mail, et les clients mobiles.
Dois-je utiliser des mises en page à colonne unique ou multi-colonnes dans Mailchimp?
Cela dépend de votre type de contenu. Une mise en page à colonne unique fonctionne bien pour la visualisation sur appareil mobile et maintient le design simple, tandis qu'une conception multi-colonnes peut présenter plusieurs produits ou fonctionnalités à la fois. Pour la plupart des cas d'utilisation, la colonne unique est la valeur par défaut plus sûre car elle s'affiche de manière prévisible sur chaque taille d'écran.
Quelle taille de police dois-je utiliser dans les emails Mailchimp pour le mobile?
Une taille de police minimale de 16px est recommandée pour le mobile. Apple recommande 17 à 22px et Google recommande 18 à 22px. Tout ce qui est plus petit que 16px nécessite que les utilisateurs fassent un pinch-zoom, ce qui réduit significativement l'engagement.
Comment maintenir la cohérence de marque sur les campagnes d'emails Mailchimp?
Enregistrez vos logos, polices, couleurs et personnalité de marque dans le kit de marque de Mailchimp. La plateforme utilisera l'IA et ces actifs pour générer rapidement des graphiques et des mises en page élégants, conformes à votre marque, pour vos emails, publications sociales, et flux d'automatisation. Associez cela avec un petit ensemble de modèles de campagne réutilisables et votre output de design restera cohérent sans recommencer à zéro chaque fois.
Avant d'ouvrir un modèle et de commencer à concevoir, prenez du recul et définissez ce que vous voulez accomplir. Vous souhaitez diriger le trafic vers un article de blog? Encourager les destinataires à acheter votre dernière collection? Promouvoir un événement? Votre objectif doit influencer chaque décision de conception que vous prenez, de l'en-tête de l'email à l'appel à l'action final. Quand votre conception s'aligne avec un objectif unique et focalisé, votre message d'email marketing sera plus clair et plus convaincant.
C'est là que la plupart des campagnes Mailchimp se trompent. Essayer de dire tout en un seul email est généralement le moyen le plus rapide de réduire les clics.
Avant de construire quoi que ce soit, répondez à trois questions:
Quelle est l'action unique que je veux que le lecteur entreprenne?
Qui exactement reçoit cet email?
À quoi ressemble le succès pour cet envoi?
Tous les autres choix de conception, y compris la mise en page, les images et la longueur du texte, doivent servir ces réponses. Rien d'autre.
2. Principes fondamentaux de mise en page: largeur, structure et choix de colonnes
La mise en page de votre email HTML doit faire entre 600 et 800 pixels de largeur, car de nombreux clients d'emails proposent une fenêtre d'aperçu qui n'est pas très large. En pratique, les modèles Mailchimp sont conçus pour ne pas dépasser 600px de largeur afin de s'adapter aux capacités d'affichage de la plupart des clients d'emails, et c'est la valeur par défaut la plus sûre pour une compatibilité de rendu maximale.
La mise en page que vous choisissez établit la fondation de tout votre email. Une mise en page à colonne unique fonctionne bien pour la visualisation sur appareil mobile et maintient le design simple, tandis qu'une conception multi-colonnes peut présenter plusieurs produits ou fonctionnalités à la fois.
Voici comment choisir entre les deux:
Colonne unique: Idéale pour les bulletins d'information, les annonces, les emails d'intégration, et tout contenu où l'ordre de lecture est important. S'affiche correctement sur tous les tailles d'écran.
Multi-colonnes: Fonctionne bien pour les grilles de produits, les comparaisons de fonctionnalités, ou les recueils de contenu sélectionnés. Nécessite des tests sur mobile car les designs multi-colonnes se cassent généralement sur les petits écrans des appareils mobiles.
La hiérarchie informationnelle est très importante. Les détails d'événement et le contenu critique doivent toujours être en haut et d'une taille importante. Si présent, l'appel à l'action doit être clairement défini et facilement reconnaissable au premier coup d'oeil.
La simplicité compte. Ne concevez pas un email comme vous le feriez pour un site web. Généralement, plus court est votre email, mieux il performera.
3. Typographie: polices, taille et lisibilité
La typographie est l'un des leviers les plus négligés dans la conception d'emails. Les mauvais choix de polices réduisent la lisibilité et endommagent l'impression professionnelle que votre marque doit donner.
La typographie est importante. La taille de police et la famille de polices font une grande différence dans la lisibilité. Il est important d'avoir votre "hook" en haut de l'email, car les clients d'emails mobiles peuvent ne pas télécharger le message entier.
Pour la copie corporelle lisible sur mobile, une taille de police minimale de 16px est recommandée. Apple recommande 17 à 22px; Google recommande 18 à 22px. Le propre guide de référence de Mailchimp a trouvé 16px Georgia lisible et efficace.
Règles de typographie pratiques pour les emails Mailchimp:
Utilisez des polices web-safe (Arial, Georgia, Helvetica, Verdana) pour le corps afin de garantir le rendu sur tous les clients d'emails.
Limitez-vous à deux familles de polices maximum: une pour les titres, une pour le texte du corps.
Réglez la hauteur de ligne sur 1,4 à 1,6 fois la taille de police pour une lecture confortable.
Ne jamais intégrer le texte critique dans les images. Si les images sont bloquées, ce texte disparaît entièrement.
Utilisez des polices web-safe avec une taille et un poids clairs pour rendre votre bouton CTA facile à lire et accrocheur.
4. Images: comment les utiliser sans nuire à la délivrabilité
Les images rendent les emails plus engageants, mais elles doivent être utilisées avec intention.
Les images sont un excellent moyen de rendre le contenu plus engageant, attrayant et professionnel. Cependant, utilisez les images pour renforcer votre message plutôt que de le distraire.
La règle 60/40 en pratique
Pour les emails marketing ou promotionnels, le ratio suggéré est 60% de texte à 40% d'image. Cela équilibre l'attrait visuel avec la délivrabilité, utilisant une copie convaincante soutenue par des visuels de produits forts. Pour les bulletins d'information, un ratio 70% texte à 30% image est recommandé, où la valeur principale provient du contenu écrit tandis que les images servent à améliorer et à casser le texte.
Les tests contre 23 des filtres anti-spam les plus populaires ont trouvé que si un email a 500 caractères ou plus, le ratio contenu-image n'affecte pas la délivrabilité. Cela dit, maintenir un équilibre sain reste une bonne pratique, particulièrement pour les audiences B2B et les utilisateurs Outlook.
Règles d'image clés pour Mailchimp:
Toujours ajouter un texte alt descriptif. Ne pas fournir de texte alt descriptif rend votre email inaccessible quand les images sont bloquées ou pour les utilisateurs utilisant des lecteurs d'écran.
Gardez les images sous 200KB. Les images de grande taille prennent plus de temps à charger et consomment des données précieuses.
Évitez les emails composés entièrement d'images. Un email composé uniquement d'images reste un signal important pour la délivrabilité, largement en raison de préoccupations concernant le contournement des filtres basés sur le texte, ainsi que la création de problèmes d'accessibilité et d'expérience utilisateur médiocre.
La plupart des clients d'emails affichent maintenant les images par défaut. Litmus a largement testé les téléchargements automatiques d'images et a trouvé que tous les clients d'emails mobiles permettent les images par défaut.
5. Boutons CTA: les choix de conception qui augmentent les clics
Votre bouton d'appel à l'action est l'élément fonctionnel le plus important dans tout email Mailchimp. Tout le reste de la conception existe pour amener le lecteur à ce clic.
Sans un appel à l'action efficace, les clients ne savent pas quoi faire une fois qu'ils ont ouvert votre email. Les boutons d'email peuvent encourager les abonnés à agir, les ramenant vers votre site web où ils peuvent convertir.
Concevez des CTA qui se démarquent et augmentent les clics. Utilisez des couleurs contrastantes et des mots d'action convaincants qui communiquent clairement ce qui se passe quand les abonnés cliquent. Gardez les CTA simples et orientés vers l'action en vous concentrant sur une seule action principale par email pour éviter de confondre votre audience et de diluer votre message.
Pour le mobile, le dimensionnement des boutons est plus important que la plupart des spécialistes du marketing ne le réalisent. Les zones tactiles d'appel à l'action, comme les boutons, doivent être au moins 46px carrés. Apple recommande 44px carrés; Google recommande 48px carrés.
Principes de conception CTA supplémentaires:
Les boutons HTML se chargent plus rapidement et s'affichent dans tous les clients, même quand les images sont désactivées, rendant votre email plus efficace car les utilisateurs verront votre CTA et sauront quoi faire ensuite.
Votre CTA ne devrait être que quelques mots pour dire aux clients exactement quoi faire.
Placez votre CTA principal au-dessus de la ligne de flottaison si possible. Votre bouton d'appel à l'action doit être visible sans scroller.
Sur mobile, envisagez d'avoir des CTA importants comme les boutons s'étendre sur toute la largeur de l'email, couvrant les lecteurs droitiers et gauchers.
Pour plus d'informations sur la rédaction de lignes d'objet qui amènent les gens au CTA en premier lieu, consultez notre guide sur Email Subject Line Best Practices That Boost Open Rates by 27%.
6. Design mobile-first dans Mailchimp
Les clients mobiles représentent 41,6% des ouvertures d'emails, suivis par les ouvertures webmail à 40,6% et les ouvertures de bureau à 16,2%. Concevoir d'abord pour les bureaux puis adapter pour le mobile est une approche rétrograde qui vous coûte de l'engagement.
L'importance du design d'email adapté au mobile est primordiale pour les campagnes d'email marketing réussies. Avec la majorité des emails ouverts maintenant sur les appareils mobiles, s'assurer que vos emails ont bon aspect sur mobile n'est pas seulement une recommandation, c'est une nécessité.
Les entreprises observent une augmentation de 15% des clics mobiles en créant un design d'email responsive.
Liste de contrôle du design mobile pour les campagnes Mailchimp:
Utilisez des mises en page à colonne unique comme structure par défaut.
Réglez les tailles de police minimales sur 16px pour le texte du corps.
Utilisez des boutons CTA pleine largeur sur mobile afin qu'ils soient appuyables avec n'importe quelle main.
Gardez les lignes d'objet sous 40 caractères. Les bureaux affichent 60 caractères de la ligne d'objet d'un email. Les abonnés utilisant des smartphones voient entre 25 et 30 caractères, donc mettez les informations les plus essentielles en premier.
Inclure un préheader convaincant dans un email donne aux lecteurs une raison supplémentaire de cliquer et les guide doucement dans l'introduction du contenu. Ajouter un préheader augmente les taux d'ouverture de 13,72%.
Avec Mailchimp, vous pouvez facilement prévisualiser vos emails pour vous assurer qu'ils ont bon aspect sur différents clients d'emails web et mobiles en utilisant l'outil Inbox Preview intégré avant d'envoyer.
7. Utilisation du kit de marque Mailchimp et des outils de design IA
Mailchimp a intégré l'IA dans son flux de travail de conception d'une manière qui est véritablement utile pour les équipes sans designers dédiés.
Le kit de marque Mailchimp vous permet d'enregistrer et de mettre à jour vos logos, polices, couleurs et personnalité de marque. Il utilise l'IA et les actifs de votre kit de marque pour générer rapidement des graphiques et des mises en page élégants, conformes à votre marque, pour vos emails, publications sociales, flux d'automatisation, et plus.
L'IA backend derrière cela est substantielle. Un utilisateur entre simplement l'URL de son site web dans Mailchimp's Content Studio, et l'IA détecte, analyse et classe automatiquement tous les éléments de marque découvrables. Le service capture les logos, les couleurs de marque, les appariements de couleurs de fond et de texte, les polices et les styles de polices, les images de marque, et un guide complet de style de site web incluant les styles de boutons, les modèles de navigation, et les traitements de fond.
Pour les commentaires sur la copie et le design, l'optimiseur de contenu, alimenté par une technologie similaire à ChatGPT, analyse votre copie et votre design et offre des suggestions pour améliorer la lisibilité, le ton, et les appels à l'action.
En termes de ce que l'IA gère bien: Creative Assistant peut construire un email d'invitation à webinaire en environ 4 minutes comparé à 25 minutes à partir de zéro. La mise en page générée par IA est généralement 80% prête, avec seulement l'image d'en-tête et la couleur du bouton CTA nécessitant un ajustement. Elle a du mal avec les mises en page multi-colonnes complexes, les emails e-commerce avec des grilles de produits dynamiques, et tout ce qui nécessite du HTML ou du CSS personnalisé.
Pour maintenir une marque cohérente dans les boites de réception de votre audience, il est important d'avoir un modèle d'email que vous utilisez pour vos campagnes. Un kit de marque fort combiné avec un petit ensemble de modèles réutilisables élimine l'incohérence qui provient de la construction de chaque campagne à partir de zéro.
Pour un examen plus approfondi de la personnalisation au-delà du design, consultez notre guide sur 7 Email Personalization Techniques That Boost Conversions 47%.
8. Test, aperçu et envoi en toute confiance
Le travail de conception n'est pas terminé quand vous cliquez sur "enregistrer". Les campagnes que vous concevez dans Mailchimp auront toujours un aspect un peu différent quand elles sont visualisées dans les boites de réception des destinataires. Différents clients d'emails et appareils affichent les emails HTML selon leurs moteurs de rendu individuels.
Avant d'envoyer un email, testez votre contenu afin que vous n'envoyiez pas d'emails avec des données manquantes ou des liens cassés. Les outils d'aperçu et de test de Mailchimp aident à assurer que vos images se chargent correctement et que tous les hyperliens et boutons fonctionnent. Envoyez quelques emails de test à vous-même pour vous assurer que tout a l'aspect que vous voulez.
Liste de contrôle pré-envoi:
Prévisualisez sur bureau et mobile en utilisant l'aperçu de la boite de réception de Mailchimp.
Envoyez un email de test à vous-même et à au moins un autre appareil.
Vérifiez tous les liens, en particulier les boutons CTA.
Vérifiez que les images s'affichent correctement et que le texte alt est présent.
Confirmez que votre ligne d'objet et votre texte de préheader ont bon aspect sur les deux clients.
Vérifiez que vous avez évité toutes les lettres majuscules, trop de points d'exclamation, et les mots ou expressions gimmicky, que les filtres anti-spam recherchent.
Quelle est la largeur d'email recommandée pour les modèles Mailchimp?
Les modèles Mailchimp sont conçus pour ne pas dépasser 600px de largeur afin de s'adapter aux capacités d'affichage de la plupart des clients d'emails. Bien que vous puissiez étirer un modèle plus large, c'est la norme qui s'affiche de manière fiable sur Gmail, Outlook, Apple Mail, et les clients mobiles.
Dois-je utiliser des mises en page à colonne unique ou multi-colonnes dans Mailchimp?
Cela dépend de votre type de contenu. Une mise en page à colonne unique fonctionne bien pour la visualisation sur appareil mobile et maintient le design simple, tandis qu'une conception multi-colonnes peut présenter plusieurs produits ou fonctionnalités à la fois. Pour la plupart des cas d'utilisation, la colonne unique est la valeur par défaut plus sûre car elle s'affiche de manière prévisible sur chaque taille d'écran.
Quelle taille de police dois-je utiliser dans les emails Mailchimp pour le mobile?
Une taille de police minimale de 16px est recommandée pour le mobile. Apple recommande 17 à 22px et Google recommande 18 à 22px. Tout ce qui est plus petit que 16px nécessite que les utilisateurs fassent un pinch-zoom, ce qui réduit significativement l'engagement.
Comment maintenir la cohérence de marque sur les campagnes d'emails Mailchimp?
Enregistrez vos logos, polices, couleurs et personnalité de marque dans le kit de marque de Mailchimp. La plateforme utilisera l'IA et ces actifs pour générer rapidement des graphiques et des mises en page élégants, conformes à votre marque, pour vos emails, publications sociales, et flux d'automatisation. Associez cela avec un petit ensemble de modèles de campagne réutilisables et votre output de design restera cohérent sans recommencer à zéro chaque fois.