Comment concevoir un email marketing qui fonctionne

Pour concevoir un e-mail marketing, construisez-le comme une seule colonne mobile d’une largeur d’environ 600 pixels, donnez-lui une hiérarchie visuelle claire avec un seul appel à l’action principal, maintenez votre marque cohérente avec les replis de police Web et associez chaque image avec du texte réel et du texte alternatif descriptif pour qu’elle fonctionne même lorsque les images sont bloquées. Une bonne conception d’e-mail ne consiste pas à paraître chic; il s’agit d’être instantanément lisible, accessible et accessible sur le téléphone où la plupart des gens l’ouvriront. Obtenez ces fondamentaux et votre message atterrit le même si quelqu’un le lit en plein soleil, en mode sombre, ou avec un lecteur d’écran.

Bon, soyons honnêtes une seconde : la plupart d’entre nous ont versé notre cœur dans un email, l’ont envoyé, et l’ont ensuite ouvert sur notre téléphone pour trouver le logo gigantesque, le bouton impossible à toucher, et le tout un mur de minuscules textes gris. Je l’ai fait. Vous l’avez probablement fait. Et voici la partie que personne ne vous dit – le problème n’a presque jamais été les mots. C’était le design. La façon dont un email est construit décide si quelqu’un lit réellement la belle chose que vous avez écrite.

Alors réparons ça ensemble. À la fin de cette liste, vous saurez comment concevoir un e-mail marketing qui semble intentionnel, se charge rapidement, fonctionne magnifiquement sur un téléphone et reste lisible pour chaque personne de votre liste, y compris celles qui naviguent avec des images ou qui comptent sur un lecteur d’écran. Pas de peluches, pas de fausses promesses de « 300% de conversions en hausse ! », juste l’art honnête de cela. Prends ton café. Cela devient vraiment plus facile une fois que vous voyez le modèle.

Pourquoi le design de l’email est-il plus important qu’il n’y paraît ?

Parce qu’un e-mail a environ deux secondes pour attirer l’attention dans une boîte de réception bondée, et le design est ce qui fait que ces deux secondes comptent. Belle copie à l’intérieur d’une mise en page à l’étroit et confuse est comme un grand discours marmonné dans un oreiller – le message est là, mais personne ne le reçoit. Lorsque vous apprenez à concevoir un e-mail marketing correctement, vous apprenez vraiment à éliminer les frictions entre votre lecteur et votre point.

Voici ce que le design réfléchi fait tranquillement pour vous:

• Il survit au téléphone. La plupart des gens ouvrent des e-mails sur un appareil mobile, souvent à une main, souvent distraits. Une conception qui suppose qu’un grand moniteur de bureau échoue au moment exact qui compte le plus.
• Il respecte les images bloquées. De nombreux clients de messagerie cachent des images par défaut jusqu’à ce que le lecteur clique sur « Afficher les images ». Si tout votre message réside dans un graphique, beaucoup de gens voient un rectangle vide et le suppriment.
• Il inclut tout le monde. Les abonnés qui utilisent des lecteurs d’écran, qui ont une basse vision ou qui augmentent simplement la taille de leur police méritent tous de recevoir votre message. Le design accessible n’est pas un joli à avoir; c’est à qui vous parlez.
• Il protège la délivrabilité. Les e-mails propres, équilibrés et textuels ressemblent moins à du spam dans les filtres de boîte de réception qu’une seule image géante. Un bon design vous aide littéralement à atteindre la boîte de réception.

Ce dernier point est celui que les gens sous-estiment, alors je le dirai clairement: le design et la délivrabilité sont connectés. Un email avec presque pas de texte réel est un signal de spam classique, et il est également invisible pour un lecteur d’écran. Un choix vous fait mal deux fois. On s’assurera que tu ne t’en sortiras jamais.

Quelle devrait être la portée d’un e-mail marketing et pourquoi une colonne ?

Concevez votre email comme un Une seule colonne, à peu près 600 pixels de large. Ce n’est pas du folklore magique — c’est la largeur qui s’affiche de manière fiable sur la plus large gamme de clients de messagerie et de panneaux d’aperçu sans forcer le défilement horizontal, et elle s’effondre gracieusement sur un écran de téléphone. Une disposition à colonne unique est la colonne vertébrale de l’email mobile-first car elle n’a jamais besoin de se réorganiser maladroitement sur un petit écran: le lecteur défile simplement de haut en bas, dans l’ordre que vous vouliez.

Les mises en page multi-colonnes sont tentantes lorsque vous regardez une vue de bureau spacieuse. Résistez à l’attrait pour la plupart des courriels marketing. Les colonnes côte à côte ont tendance à se rétrécir en fragments illisibles sur un téléphone ou à se superposer dans un ordre que vous n’aviez pas prévu, brouillant votre histoire. Une seule colonne lit la même chose partout, et «le même partout» est le jeu entier dans l’e-mail, où vous ne pouvez pas contrôler l’écran comme vous le pouvez sur votre propre site Web.

Pensez à votre email comme un couloir étroit et bien rangé plutôt qu’une vaste salle ouverte. Un chemin clair, un chemin clair à travers, une porte claire (votre appel à l’action). Le lecteur n’a jamais à se demander où regarder ensuite.

Mobile-first n’est pas une tendance – c’est là que se trouve votre lecteur

Concevoir mobile-first signifie simplement que vous faites de l’expérience petit écran votre défaut, puis laissez-la se développer confortablement sur le bureau, au lieu de l’inverse. Pratiquement, cela signifie des cibles généreuses, un type assez grand pour lire sans pincer, et une mise en page qui est déjà une colonne, donc il n’y a rien à “réparer” pour mobile. Lorsque vous concevez d’abord pour le téléphone, la version de bureau prend presque toujours soin de lui-même. Lorsque vous concevez d’abord pour le bureau, la version du téléphone est généralement là où les choses se défont.

Que signifie la hiérarchie visuelle dans un email ?

La hiérarchie visuelle est l’ordre dans lequel votre design guide l’oeil — Ce que le lecteur remarque en premier, deuxième et troisième. Dans un e-mail marketing bien conçu, cet ordre est délibéré: un titre clair ou une zone de héros les attire, une copie de support explique la valeur, et un appel à l’action principal indéniable leur dit exactement quoi faire ensuite. Tout sur la page gagne sa place en soutenant ce chemin, ou il est coupé.

La plus grosse erreur de hiérarchie que je vois est Trop d’appels à l’action concurrents. Lorsque vous demandez à un lecteur de «faire ses achats maintenant», de «lire le blog», de «nous suivre» et de «reférer un ami» avec un poids visuel égal, vous lui demandez de ne rien faire, car le choix est un travail et le travail est reporté. Choisir un action primaire par email. Si des liens secondaires doivent exister, les rendre visiblement plus petits et plus silencieux — Un lien texte, pas un gros bouton.

Quelques principes qui créent une hiérarchie propre presque automatiquement:

• Un CTA principal, stylé comme la chose la plus forte sur la page. Il devrait être l’élément le plus évident au moment où l’e-mail se charge.
• Décrochez votre contenu. Des paragraphes courts, des sous-titres clairs et une liste occasionnelle permettent aux gens de scanner plutôt que de sloger. Presque personne ne lit un email mot pour mot; ils écument pour ce qui compte.
• Mettez l’important en haut. Supposons que de nombreux lecteurs ne défilent jamais devant le premier écran. Votre message principal et idéalement votre CTA principal devraient apparaître tôt, pas enterré au fond.
• Utilisez la taille et le poids à dessein. Plus grand et plus audacieux se lit comme “plus important”. Si tout est audacieux, rien ne l’est.

Comment garder un email sur une marque sans la casser ?

La cohérence de la marque signifie que votre email vous ressemble instantanément – le même logo, la même palette de couleurs, la même personnalité typographique que vos abonnés voient sur votre site et vos flux sociaux. Cette familiarité renforce la confiance et la reconnaissance; un lecteur doit savoir qu’un e-mail provient de vous avant même de lire le nom de l’expéditeur. Mais le courrier électronique a une réalité technique excentrique, donc la cohérence de la marque ici prend un peu de soin.

Commencez par les gains faciles. Placez votre logo près du haut, à une taille raisonnable (pas si énorme qu’il pousse votre message sous le pli sur un téléphone). Tirez sur votre couleurs de marque dans des boutons, des titres et des accents — la famille marine-et-violet, un accent chaleureux, quelle que soit votre palette — tout en gardant des arrière-plans assez légers pour que le texte reste lisible. La couleur cohérente est l’un des moyens les plus rapides pour qu’un e-mail « se sente » comme votre marque.

Polices et la règle de secours Web-safe

Voici la partie qui attire les gens: les clients de messagerie ne prennent pas tous en charge les polices Web personnalisées comme le font les navigateurs. Votre police de caractères de marque magnifique peut simplement ne pas charger dans certaines boîtes de réception, et le client remplacera quelque chose — Peut-être quelque chose de laid — A moins que vous ne lui disiez quoi utiliser à la place. La solution est a stack de polices avec des replis sécurisés sur le Web: vous listez d’abord votre police préférée, puis une sauvegarde largement prise en charge, puis une famille générique.

En pratique, cela ressemble à spécifier la police de votre marque suivie d’un repli fiable tel que Arial, Helvetica ou Georgia, et se terminant par une catégorie générique comme sans-serif ou serif. Si la police de fantaisie se charge, merveilleux; si elle ne le fait pas, le lecteur obtient toujours un substitut propre, lisible, sur ton plutôt qu’un défaut aléatoire. Votre marque survit de toute façon. C’est aussi un bon moment pour vous assurer que votre voix reste cohérente partout, y compris les petits détails comme Comment créer une signature email qui correspond au reste de votre conception au lieu de s’y opposer.

Comment gérer les images pour que l’e-mail fonctionne ?

Les images donnent l’impression qu’un courriel est vivant, mais elles viennent avec une règle non négociable : Votre email doit avoir un sens complet avec chaque image désactivée. De nombreux clients bloquent les images par défaut, et beaucoup de gens les laissent pour sauvegarder des données ou pour la confidentialité. Si votre message dépend d’une image à comprendre, ces lecteurs n’obtiennent rien. Donc, concevoir des images comme Renforcement, Jamais comme seul porteur de sens.

Cela mène directement au plus grand piège de conception dans tout le marketing par courriel: le Email intégral. C’est si tentant — vous concevez un beau graphique dans votre outil préféré, tranchez-le, déposez-le, fait. S’il te plaît. Un email qui est une image géante est un désastre sur trois fronts à la fois :

• C’est invisible avec des images coupées. Les images bloquées signifient un email vide et une suppression instantanée.
• C’est un drapeau rouge de délivrabilité. Un rapport texte/image proche de zéro est un modèle de méfiance des filtres anti-spam, de sorte que votre email conçu avec amour est plus susceptible d’atterrir dans le dossier indésirable.
• C’est inaccessible. Un lecteur d’écran ne peut pas lire le texte cuit dans une image. Ces abonnés entendent le silence, ou au mieux un seul attribut alt pour l’ensemble.

Texte alternatif et rapport texte/image équilibré

Toute image significative a besoin Texte alt descriptif — une courte description écrite de ce que l’image montre ou communique. Le texte alternatif fait double-tâche : c’est ce qui s’affiche lorsque l’image est bloquée, et c’est ce qu’un lecteur d’écran annonce à un abonné qui ne peut pas voir l’image. Écrivez-le comme si vous décriviez l’image à un ami au téléphone: “Sac fourre-tout collection printemps en vert sauge”, pas “image1.jpg” et pas vide. Pour les images purement décoratives qui ne contiennent aucune information, il est bon de leur donner un texte alternatif vide afin que les lecteurs d’écran les ignorent plutôt que d’annoncer l’encombrement.

Alors gardez un équilibre sain de texte et d’images réels et sélectionnables. Il n’y a pas de ratio parfait à mémoriser, et je n’en inventerai pas un pour vous, mais le principe est simple: votre message principal — le titre, le principal avantage, l’appel à l’action — devrait vivre en texte HTML réel, avec des images autour de lui. Le texte réel est lisible avec des images désactivées, lisible par les lecteurs d’écran, consultable et beaucoup plus convivial aux filtres anti-spam. En cas de doute, dites-le en texte et laissez l’image décorer.

Comment concevoir un bouton d’appel à l’action qui est réellement tapoté?

Votre call-to-action est la raison pour laquelle l’email existe, il mérite donc une réelle attention de conception. Un bon bouton CTA est assez grand pour taper avec un pouce, visuellement distinct de tout ce qui l’entoure, et étiqueté avec des mots d’action spécifiques. “Obtenir mon guide gratuit” bat “Soumettre” ou “Cliquez ici” à chaque fois, car il dit au lecteur exactement ce qui se passe et ce qu’ils obtiennent.

Rendez la cible généreuse – un petit bouton à l’étroit est frustrant sur un écran tactile, et un lecteur frustré ferme simplement l’e-mail. Donnez-lui de la place pour que personne ne se trompe accidentellement. Utilisez une couleur qui contraste fortement avec son arrière-plan pour que ce soit le point focal évident, et assurez-vous que le texte sur le bouton a suffisamment de contraste contre la couleur du bouton pour rester lisible.

Pourquoi les “bulletproof buttons” sont importants

A bouton pare-balles est un bouton construit avec HTML et des styles en ligne plutôt que comme une image. C’est important pour la même raison que nous venons de couvrir les images : si votre CTA est une image et que les images sont bloquées, votre élément le plus important disparaît. Un bouton pare-balles rend comme réel, style, texte tapotable même avec des images off, ce qui signifie que votre appel à l’action apparaît toujours et fonctionne toujours. Associez-le à un lien texte à proximité comme un backstop, et vous avez rendu votre action la plus importante presque impossible à manquer. Si vous voulez que les mots sur ce bouton atterrissent plus fort, la même pensée qui alimente la grande texte de prévisualisation des emails — spécifique, bénéfique, curiosité-étincelle — Il s’applique aussi à la copie de bouton.

Quel rôle jouent l’espace blanc et la typographie ?

L’espace blanc – la marge de manœuvre vide entre les éléments – n’est pas un espace gaspillé; c’est ce qui rend un courrier électronique calme et lisible au lieu d’être à l’étroit et stressant. Un espace généreux autour de votre texte, de vos boutons et de vos images donne aux yeux des endroits pour se reposer et donne à chaque élément une sensation intentionnelle. Un email bondé ressemble à un match de cris; un spacieux ressemble à une note confiante et amicale. En cas de doute, ajoutez un peu plus d’espace.

La typographie a autant de poids. Gardez votre texte du corps confortablement grand — petit type qui semble élégant sur votre vue de conception de bureau devient un scintillement-fest sur un téléphone. Utilisez un contraste clair entre vos titres et le corps du texte afin que la hiérarchie lise en un coup d’œil, gardez les longueurs de ligne raisonnables pour que les phrases ne s’étalent pas et ne surchargez pas la page avec cinq polices différentes. Une ou deux polices de caractères, utilisées de manière cohérente, semblent toujours plus professionnelles qu’un mélange de notes de rançon.

Qu’en est-il du mode sombre et de l’accessibilité ?

Le mode sombre est maintenant partout, et beaucoup de vos abonnés lisent les e-mails avec un fond sombre par défaut. Certains clients de messagerie inversent ou ajustent automatiquement vos couleurs en mode sombre, ce qui peut faire des choses surprenantes – un logo sur un fond transparent peut disparaître ou un texte sombre sur une boîte à lumière peut basculer vers quelque chose de peu contrasté et difficile à lire. Vous ne pouvez pas contrôler parfaitement le comportement en mode sombre de chaque client, mais vous pouvez concevoir de manière défensive: évitez les extrêmes en noir pur ou blanc pur, assurez-vous que votre logo est visible sur les arrière-plans clairs et sombres et testez toujours en mode sombre avant d’envoyer afin qu’il n’y ait pas de mauvaises surprises.

L’accessibilité mérite d’être mise en lumière, car elle est au cœur d’une bonne conception d’e-mails plutôt que sur les bords. Une part significative de vos abonnés en dépendent – utilisateurs de lecteurs d’écran, personnes malvoyantes, personnes atteintes de daltonisme, personnes qui augmentent leur taille de police par défaut – et la conception de votre courrier électronique rend votre courrier électronique meilleur et plus livrable pour tout le monde. Voici à quoi ressemble la conception d’e-mails accessibles dans la pratique :

• Utilisez du texte réel, pas du texte cuit dans des images. C’est le choix d’accessibilité le plus important, et heureusement c’est le même choix qui vous protège des images bloquées et des filtres anti-spam.
• Écrire un texte alt descriptif pour les images informatives, et le texte alt vide pour les textes purement décoratifs, afin que les lecteurs d’écran annoncent ce qui compte et sautent ce qui ne compte pas.
• Gardez un contraste de couleur fort entre le texte et son arrière-plan. Texte gris clair sur un fond blanc peut sembler élégant pour vous, mais il est vraiment difficile à lire pour beaucoup de gens. En cas de doute, rendez-le plus sombre.
• Structurer le contenu dans un ordre de lecture logique avec des en-têtes sémantiques, de sorte qu’un lecteur d’écran se déplace à travers votre courrier électronique de la même manière que l’œil d’un lecteur voyant le ferait.
• Rédiger un texte descriptif. “Lire le lookbook complet du printemps” indique à un utilisateur de lecteur d’écran où va le lien; “cliquer ici” répété cinq fois ne leur dit rien.
• Ne comptez pas uniquement sur la couleur pour transmettre du sens. Si un mot est important, faites-le en gras ou étiquetez-le, ne le mettez pas en rouge et espérez que tout le monde puisse le dire.

Rien de tout cela ne rend votre email plus laid. Honnêtement, cela tend à le rendre plus propre, plus clair et plus sur la marque – parce que le design accessible et le bon design sont généralement la même chose avec des étiquettes de nom différentes.

Avez-vous encore besoin d’une version en texte clair?

Oui, et c’est plus facile que ça en a l’air. Une version en texte brut est une copie réduite de votre courrier électronique sans HTML, images ou style. La plupart des plateformes de messagerie vous permettent d’en inclure une à côté de votre version HTML conçue, et le client du destinataire affiche celle qu’il peut afficher au mieux. Cela est important pour deux raisons : un petit nombre de personnes et de clients préfèrent ou exigent du texte clair, et – comme le texte réel en général – l’inclusion d’une alternative appropriée en texte clair est un signal qui tend à aider à la délivrabilité plutôt qu’à la blesser.

Vous n’avez pas à vous agoniser. Assurez-vous que votre version texte transmet réellement le même message de base et inclut votre lien principal comme une URL complète (puisqu’il n’y a pas de bouton à appuyer). Une version en texte clair qui dit simplement “Voir cet e-mail dans votre navigateur” est une opportunité perdue; celui qui porte votre vrai message est un professionnalisme discret que les fournisseurs de boîtes de réception apprécient.

Une liste de contrôle de conception d’email marketing

Voici la liste de contrôle que je parcoure avant que tout e-mail ne sorte. Imprimez-le, signez-le, collez-le sur votre moniteur – tout ce qui le garde à portée de main. Si vous pouvez cocher toutes les cases, votre design est en très bon état.

• Colonne simple, +/- 600px de large Il s’affiche donc proprement partout et s’effondre proprement sur mobile.
• Mobile-first : Type lisible, boutons tapotables, contenu important et CTA principal près du haut.
• Un appel à l’action principal C’est l’élément le plus fort; tous les liens secondaires sont visiblement plus silencieux.
• Marque logo, couleurs et une pile de polices avec des replis Web-sécurité se terminant dans une famille générique.
• Fonctionne avec les images désactivées : Le message prend tout son sens avant qu’une seule image ne se charge.
• Texte de remplacement descriptif sur chaque image informative; vide alt sur les décoratifs.
• Rapport texte/image équilibré – message principal en texte réel, jamais un courriel entièrement composé d’images.
• Bouton CTA pare-balles (HTML, pas une image) avec une taille de tapotement généreuse et une sauvegarde de lien en texte brut.
• Contraste de couleur fort pour tout le texte; ne pas compter uniquement sur la couleur pour porter un sens.
• Structure sémantique et ordre de lecture logique avec de vraies rubriques.
• Texte descriptif du lien partout (“voir les nouveaux arrivants”, pas “cliquez ici”).
• Mode sombre vérifié pour que rien ne disparaisse ou ne soit à faible contraste.
• Version en texte clair incluse et portant le message réel.
• Testé sur les clients et les appareils – téléphone, ordinateur de bureau et au moins quelques applications de messagerie majeures – avant de cliquer sur envoyer.

Un modèle de mise en page simple à une colonne

Si vous regardez une toile vierge en vous demandant où les choses vont, voici une structure fiable de haut en bas pour un e-mail marketing à colonne unique. Ce n’est pas la seule façon, mais cela fonctionne encore et encore, et vous pouvez l’adapter à presque n’importe quel message.

• Ligne de pré-en-tête (en haut): un court texte qui complète votre ligne d’objet dans l’aperçu de la boîte de réception. Traitez-le comme un bien immobilier de valeur, pas un jetable.
• Logo / en-tête: votre logo à une taille modeste, afin que les lecteurs vous reconnaissent immédiatement sans qu’il ne monopolise le premier écran.
• Zone du héros : un titre clair (en texte réel) et, si vous le souhaitez, une image de support avec un texte alternatif solide. C’est votre moment “pourquoi continuer à lire”.
• Corps: un bloc court et numérisable ou deux de texte réel qui fournit la valeur. Découpez-le avec un sous-titre ou une liste rapide si cela devient long.
• CTA primaire : un bouton pare-balles, assez haut pour que les lecteurs mobiles le touchent sans défilement sans fin, avec un lien en texte brut à proximité.
• Contenu de support (facultatif) : liens secondaires ou une section plus petite, plus silencieuse que le CTA principal, afin que la hiérarchie reste intacte.
• Pied de page: votre identité d’expéditeur, vos coordonnées postales physiques si nécessaire et un lien de désabonnement clair et fonctionnel. Ce n’est pas seulement une conception polie; honorer les désabonnements et vous identifier honnêtement font partie de l’envoi responsable.

Posez ces blocs dans la colonne dans cet ordre et vous avez un design qui se lit logiquement pour un lecteur voyant, un lecteur d’écran et un filtre anti-spam. C’est le trio tranquille que vous visez toujours.

Comment tester un design d’email avant d’envoyer ?

Le test est l’étape que les gens sautent quand ils sont fatigués, et c’est l’étape qui les sauve du moment “oh non” dix minutes après l’envoi. La règle d’or : n’envoyez jamais un email marketing que vous n’avez pas vu sur un téléphone réel. Les vues de conception et les aperçus de bureau sont par omission – ils ne peuvent pas vous montrer le bouton exigu ou l’image en fuite qui n’apparaît que sur un petit écran.

Une routine de test pré-envoi sensée ressemble à ceci:

• Faites-vous un vrai test et ouvrez-le d’abord sur votre téléphone, puis sur votre bureau. Appuyez sur le bouton. – . . . . Est-ce confortable de frapper ?
• Désactiver les images et relue. L’email a-t-il encore un sens ? Pouvez-vous dire ce que chaque image bloquée était censée être de son texte alternatif?
• Vérifiez le mode sombre. Transformez votre appareil ou client en mode sombre et confirmez que rien ne disparaît ou ne devient illisible.
• Aperçu dans quelques grands clients. Le rendu diffère entre les clients de messagerie Web et d’applications populaires; de nombreuses plateformes de messagerie offrent une fonctionnalité de prévisualisation ou de test de boîte de réception qui affiche votre conception à plusieurs à la fois.
• Relisez les petites choses: les liens vont où ils devraient, pas d’images cassées, le texte alternatif est écrit, le lien de désabonnement fonctionne.

Les tests prennent quelques minutes supplémentaires et cela en vaut toujours la peine. Le lecteur ne voit jamais les cinq brouillons et l’aperçu maladroit du téléphone – il ne voit qu’un e-mail qui fonctionne et il vous fait confiance un peu plus.

Où est-ce que SocialBlaze s’inscrit dans tout cela ?

Laissez-moi être direct avec vous, parce que l’honnêteté compte plus qu’un argumentaire de vente: SocialBlaze est un Planification des médias sociaux et outil d’analyse — Ce n’est pas un fournisseur de services de messagerie. Il ne construira, ne concevra ni n’enverra vos e-mails marketing, et je ne prétendrais jamais le contraire. Vous les concevrez et les envoyez dans une plate-forme de messagerie dédiée.

Mais c’est là que ça aide vraiment. La pensée de conception que vous venez d’apprendre – mobile-first, un appel à l’action clair, du texte réel sur les images, un fort contraste, une hiérarchie scannable – est exactement la même pensée qui fait qu’un message social arrête le défilement. Lorsque vous dirigez une campagne, votre email et vos publications sur les réseaux sociaux doivent ressembler à des frères et sœurs : même look, même voix, même offre. SocialBlaze vous permet de planifier et de publier cette campagne de jumelage sur Instagram, Facebook, LinkedIn, TikTok, Pinterest et plus encore à partir d’un tableau de bord calme, puis de voir ce qui a résonné – afin que votre courrier électronique et vos canaux sociaux se renforcent mutuellement au lieu de se séparer.

Une autre vérité douce avant la FAQ: vos premiers courriels conçus peuvent sembler compliqués, et c’est tout à fait normal. Le courrier électronique est un moyen têtu, vieux et excentrique, et tout le monde se bat avec au début. Mais les fondamentaux ici – une seule colonne, mobile-first, un CTA, du texte réel avec un texte alternatif, accessible, testé – ne changent pas avec les tendances. Apprenez-les une fois et vous allez concevoir de bons e-mails pour le reste de votre vie. Je te promets que ça devient plus facile.

Si vous voulez le message intérieur ce beau design pour travailler encore plus fort, apprendre Comment personnaliser les e-mails marketing est la prochaine étape naturelle — Un excellent design ouvre et lit l’e-mail, et une personnalisation réfléchie donne l’impression qu’il a été écrit juste pour eux.

Questions fréquemment posées

Quelle devrait être la portée d’un email marketing ?

Concevez votre e-mail comme une seule colonne d’environ 600 pixels de large. Cette largeur s’affiche de manière fiable sur la plus large gamme de clients de messagerie et de panneaux d’aperçu sans forcer le défilement horizontal, et elle s’effondre parfaitement sur un écran de téléphone. Parce que la plupart des gens ouvrent le courrier électronique sur mobile, une mise en page à une seule colonne, environ 600px est le défaut le plus sûr et le plus lisible à partir duquel vous pouvez commencer.

Pourquoi ne pas concevoir mon email comme une seule image ?

Un e-mail complet échoue de trois façons à la fois. Il apparaît vide pour les nombreuses personnes dont les clients bloquent les images par défaut, c’est un drapeau rouge classique de filtre anti-spam car il n’a presque pas de texte réel, et il est inaccessible à quiconque utilise un lecteur d’écran car ils ne peuvent pas lire le texte cuit dans une image. Gardez toujours votre message principal en texte HTML réel et laissez les images le supporter plutôt que de le porter.

Qu’est-ce que le texte alt et pourquoi est-ce important dans le courrier électronique?

Le texte alternatif est une courte description écrite attachée à une image qui décrit ce que l’image montre ou communique. Il fait deux tâches importantes : il s’affiche à la place de l’image lorsqu’un client bloque des images, et c’est ce qu’un lecteur d’écran annonce à un abonné qui ne peut pas voir l’image. Écrivez du texte alt clair et spécifique pour les images informatives, et utilisez du texte alt vide pour les images purement décoratives afin que les lecteurs d’écran les ignorent.

Comment puis-je faire fonctionner un bouton d’email même lorsque les images sont éteintes?

Créez un bouton à l’épreuve des balles, ce qui signifie créer votre appel à l’action avec HTML et les styles en ligne plutôt que comme une image. De cette façon, il rend comme texte réel, stylé, tapotable, même lorsque les images sont bloquées, de sorte que votre élément le plus important ne disparaît jamais. Faites-le assez grand pour le toucher confortablement, donnez-lui un fort contraste de couleur et ajoutez un lien en texte brut à proximité en tant que sauvegarde.

SocialBlaze conçoit-il ou envoie-t-il des e-mails marketing ?

Non, et je veux être honnête à ce sujet. SocialBlaze est un outil de planification et d’analyse des médias sociaux, pas un fournisseur de services de messagerie, donc il ne créera ni n’enverra vos courriels. Ce qu’il fait de bien, c’est vous aider à planifier, publier et analyser les publications sociales correspondantes pour votre campagne sur chaque réseau à partir d’un tableau de bord, afin que votre courrier électronique et votre présence sociale restent cohérents et se renforcent mutuellement.