Marketing par e-mail pratique. A l'aide de "blocs flottants". Action ciblée dans la lettre

Avant la conférence sur le marketing par e-mail MailCon, nous voulons parler des tendances en matière de conception d'e-mails et de newsletters. Nous portons à votre attention la traduction d'un article sur les meilleures conceptions d'e-mails, qui, en raison du volume important, nous avons divisé en 5 parties (10 cas chacune) et publierons avec un intervalle de 2 jours. Il semble que nous ayons quelque chose à discuter, en comparant les observations et les conseils d'experts étrangers avec les nôtres. expérience personnelle pour la création de newsletters. Les 10 premiers cas sont principalement consacrés au rôle de la couleur dans l'écriture. Nous attendons vos commentaires !

Fin prévue L'année prochaine le nombre de boîtes e-mail enregistrées dans le monde dépassera les 4,3 milliards. Que cela nous plaise ou non, nous vivons dans un monde où les gens préfèrent utiliser e-mail. C'est rapide, pratique et, surtout, efficace.
Comme McKinsey & Company l'a découvert, le courrier électronique est 40 fois plus efficace pour attirer de nouveaux clients que Facebook ou Twitter - et ce n'est qu'un des faits intéressants sur le succès du marketing par courrier électronique.
Si votre entreprise ou votre startup souhaite capitaliser sur ce succès, il devient alors essentiel bon design des lettres. Avec autant de concurrence pour attirer l'attention de l'utilisateur, un bon design doit attirer l'attention immédiatement pour éviter le risque d'être envoyé à la poubelle sans être lu.
Attirez vos clients, créez des listes de diffusion pour toucher un public de masse. Voici comment les pros le font - et nous espérons que cet article vous inspirera pour créer vos propres designs d'e-mails !

01. Expérimentez avec la couleur

Le rejet de la couleur sur la photo et la tonalité des couleurs dans cet exemple de The Stylish City ("Stylish City") sont frappants et impressionnants. des couleurs douces et une combinaison de rose et de noir créent un design moderne et sophistiqué. La mise en page est attrayante et unique, semblable à la fois à une newsletter et à un magazine de mode, mais l'accent est toujours mis sur le texte centré et également au-dessus de l'image.

02. Utilisez la couleur pour attirer l'attention

Dans cet exemple de IS Design + Digital couleur néon attire très vite l'attention du lecteur et il est très difficile de résister et de ne pas lire le titre. Le trait rectangulaire autour de la police renforce tellement cet effet que le nom du festival est susceptible d'être retenu même par les lecteurs les moins intéressés. Des images fortes, des appels à l'action remarquables et un contraste saisissant sont tous des éléments efficaces de cette conception.

“, où chaque semaine nous publierons des traductions d'articles des gourous de ce monde dans le domaine du marketing Internet et pas seulement. Commençons par un article qui montre le plus beaux dessins newsletters par e-mail des principales entreprises du monde.

Générez une liste de vos abonnés
Divisez vos listes en segments
Mettre en place un travail sur la « culture » de clients potentiels
Préparez une copie concise et compréhensible de la lettre
Vérifiez la productivité de vos e-mails
etc..

Dieu... N'y a-t-il vraiment plus rien de plus amusant dans le marketing par e-mail ?

Heureusement, il y a encore quelques geeks du marketing par e-mail dans le monde (y compris les gens de hubspot.com qui ont écrit l'article) qui pensent que tout n'est pas perdu et pas si mal. Oui, il y a ces aspects primitifs et sans intérêt du marketing par e-mail, mais s'ils sont très importants pour le succès de votre campagne, ils ne brossent pas le tableau d'ensemble et ne décrivent pas la beauté du marketing par e-mail.

Plusieurs marques, comme nous, ont trouvé comment créer de très bons e-mails. Les newsletters en texte brut peuvent également être efficaces, mais parfois vous voulez surprendre vos abonnés avec quelque chose de vraiment créatif, excitant et époustouflant.

Si vous souhaitez gâter un peu vos abonnés lors de votre prochaine campagne publicitaire Voici quelques exemples pour vous inspirer.

Exemples de design d'email "journal"

1) Fonds collaboratif

Si vous vous éloignez des couleurs, vous pouvez faire attention au thème qui peut être tracé tout au long de la lettre, qui, en combinaison avec couleurs laisse une impression durable.

2) Starbucks

Cette lettre de Starbucks contient une tonne d'informations : des instructions pour la méthode Pour-over, un CTA pour l'achat d'un nouveau produit, des recettes pour un flotteur de boisson d'été (une boule de glace est placée dans un soda, soda ou autre boisson. la surface de la boisson.Le flotteur le plus populaire en Russie est le verre à café), etc.

Pour les rendre plus visibles, les gars de Starbucks ont combiné ces brèves descriptions Avec des photos Haute qualité(si haut qu'on a l'impression d'entendre le craquement de la glace du café chaud qui coule d'en haut). Comme le Fonds de collaboration, ils ont utilisé des divisions horizontales entre chaque sujet.

De plus, nous aimons beaucoup la façon dont ils ont implémenté les logos Pinterest et Instagram à côté des deux CTA. Ces logos interagissent avec le texte, car pour télécharger ces mêmes recettes, vous devrez vous rendre sur la page Pinterest de l'entreprise.

3) InVision LABORATOIRES

Dans cet exemple, beaucoup plus lettre courte d'InVision, qui comprend un design simple combiné avec Agréable à l'œil Couleur. Grâce à ce fond bleu plus foncé, le CTA et le fond blanc au bas de l'e-mail sont vraiment accrocheurs.

Le jeu des couleurs ne s'arrête pas à cette lettre. Le bleu vif continue de nous accompagner et de nous conduire vers leur site Web, ce qui en fait un exemple parfait d'une grande campagne.

4) GrubHub

Cet e-mail provient de GrubHub - excellent exemple la promotion des produits... parce que ça ne sent même pas la promotion. Au lieu de cela, ils disent: «Hé, tu aimes manger. Commandez de la nourriture via notre service! , un e-mail nous raconte l'histoire avec un contenu vraiment cool : "Eat Map" préférences gustatives dans toutes les régions du pays.)

Testez Callbackhunter par vous-même !

Précisez le code promo : BLOG et obtenez 15 leads gratuits pour le test.
Raconter

Considére les règles de base pour la rédaction d'une newsletter par e-mail - comment s'assurer que les abonnés ne ferment pas la lettre immédiatement, mais la lisent jusqu'au bout et suivent tous les liens.

Le prochain article analysera le contenu des e-mails : où l'obtenir, sur quel sujet écrire et comment comprendre les intérêts de vos abonnés.

Aujourd'hui, l'email marketing est l'un des outils marketing les plus efficaces, c'est pourquoi la question est si pertinente : "Quel contenu utiliser ?". Cette question est mieux reformulée comme suit : « Pour qui dois-je écrire ? » et "Sur quoi écrire?". En formulant les réponses aux questions posées, vous déterminerez l'objet et le but de la lettre. Ce sont eux qui définissent le vecteur dans la recherche du bon contenu pour une campagne d'e-mailing.

Tout d'abord, répondons aux questions ci-dessus :

Pour qui écrire ?

Pour comprendre pour qui nous devons encore écrire, nous devons identifier et analyser notre public. Pour ce faire, vous devez déterminer le noyau du public cible - c'est le plus clients actifs(ceux qui lisent tous vos e-mails achètent le plus). Ensuite, nous dressons un portrait du public selon le schéma suivant :

sexe, âge, niveau de revenu, statut, état civil, profession;
Où le public passe du temps (à quels groupes il appartient, quels forums il visite, etc.)

Sur quoi écrire ?

Pour savoir sur quoi écrire dans les e-mails, utilisez des analyses qui fourniront des informations sur les intérêts de vos abonnés. Vous pouvez y voir quel contenu est le plus lu et quelles pages du site sont populaires auprès des visiteurs.

Exemple. Le client consulte souvent les pages des voitures que vous vendez. Il y a déjà de l'intérêt et, très probablement, il veut en acquérir un. Dans ce cas, envoyez-lui le contenu qui répondra aux principales questions concernant l'achat :

Que rechercher lors du choix ?
Comment s'inscrire?
Détails des services.

La deuxième méthode consiste à utiliser l'historique des achats du client. Par exemple, si un client a déjà acheté une voiture, envoyez des e-mails avec le contenu suivant :

Réductions sur les stations-service, les stations-service ;
Quelle huile est préférable de remplir;
À quelle fréquence la machine doit-elle être inspectée, etc.

La troisième façon consiste à demander directement aux abonnés quel type de lettres ils aimeraient recevoir, avec quel contenu. Vous pouvez même faire un questionnaire. Mais gardez à l'esprit que la collecte d'informations à partir du questionnaire prendra suffisamment de temps, vous devez donc le faire à l'avance.

Combien écrire et comment organiser?

Soyez concis lors de la rédaction de votre e-mail : l'e-mail n'est pas un livre ou un magazine. Les abonnés passent en moyenne 3 à 15 secondes à lire les e-mails. Ne les effrayez pas avec trop d'informations, car beaucoup d'entre nous, ayant ouvert la lettre et y ayant vu un nombre impressionnant de caractères, reporteront simplement la lecture à plus tard. Gardez l'image visuelle de votre lettre concise.

La lisibilité d'une lettre est affectée non seulement par sa longueur, mais aussi par sa typographie - il s'agit de la conception graphique du texte imprimé dans un courrier électronique par le biais de la frappe et de la mise en page en utilisant des normes et des règles spécifiques à une langue particulière.

Pour une perception facile du contenu du texte, il convient d'apprendre les règles de base de la typographie.

1. Gardez un contraste suffisant entre la couleur de fond de la lettre et la police

Le plus souvent, ils utilisent une police noire sur fond blanc. Mais il y a une opinion que les yeux se fatiguent d'une telle combinaison. C'est pourquoi couleur optimale de nombreux designers considèrent le gris foncé.

2. Utilisez une police lisible

Parmi les polices les plus populaires et les mieux perçues par les lecteurs figurent Georgia, Verdana. Les empattements Georgia donnent à chaque lettre un caractère unique et facilitent la lecture. La police Verdana est célèbre pour son influence positive sur la lisibilité du texte des e-mails en raison de son large espacement intra-lettre. Il lui donne une forme "ouverte", agréable à l'oeil.

3. Choisissez la taille de police optimale

Selon une étude du US Laboratory of Visual Ergonomics, la taille de 10 à 12 points est la plus pratique pour la lecture. Il doit être utilisé dans la distribution. Mais vous avez le droit d'augmenter cette taille à 14 si vous savez avec certitude que votre public d'abonnés comprend des personnes âgées malvoyantes.

4. Utilisez une couleur d'entreprise

Si le style de l'entreprise suggère d'utiliser le vert pour les titres et le gris foncé pour le corps du texte du document, vous pouvez transférer le même modèle vers la newsletter par e-mail. N'oubliez pas : les couleurs de l'entreprise améliorent la notoriété de la marque !

5. Faites ressortir les titres

Ils doivent être plus grands que le texte principal, mais pas trop grands, afin de ne pas fixer le regard uniquement sur lui-même.

6. N'utilisez pas plus de deux polices

La grande variété de polices dans les e-mails rendra la lecture difficile. Oui, et plus de trois casques dans une lettre parlent déjà d'un manque de goût. Dans tout ce dont vous avez besoin pour sentir la mesure.

Dans cet article, vous apprendrez à créer une lettre pour les newsletters par e-mail sur le constructeur en ligne Wilda. Quelle est la différence entre les formats Html et Jpeg, et quel format vous convient le mieux.

Nous utilisons tous le courrier électronique et recevons souvent des courriers électroniques magnifiquement conçus qui contiennent non seulement du texte, mais également des images, des logos, des arrière-plans colorés et d'autres éléments de conception.
Il existe deux manières d'écrire une telle lettre :

Création d'une version html de l'e-mail
En envoyant l'intégralité de l'image dans le corps du mail.

Arrêtons-nous sur chaque option plus en détail un peu plus bas, mais pour l'instant, découvrons ce qu'est une lettre Html et quelles sont les caractéristiques de sa conception.

Qu'est-ce qu'un e-mail HTML ?

Une lettre Html est une lettre créée dans le langage Html (ainsi que les sites Web sur Internet). Si vous ne disposez pas de compétences suffisantes, vous ne pourrez pas créer vous-même une telle lettre. Pour ce faire, vous aurez besoin de l'aide d'un maquettiste professionnel qui créera une telle lettre en utilisant les matériaux fournis par vous : textes, images, structure de la lettre. Après avoir créé l'e-mail html, vous aurez besoin d'un Logiciel pour distribution aux destinataires.

Il existe de nombreux services qui vous permettent de créer vous-même un e-mail en utilisant modèles prêts à l'emploi ou en utilisant des constructeurs de courrier électronique Html, puis envoyez-le. L'inconvénient de cette approche peut être un affichage incorrect de votre lettre par certains destinataires, car lors de la création d'une lettre, un code supplémentaire peut être généré ou les modèles ne sont pas bien adaptés à divers clients de messagerie - programmes qui collectent et envoient du courrier, tels que Mail, Yandex, Gmail, Rambler, Outlook, Thunderbird ou The Bat.

Le même problème existe avec l'affichage des e-mails HTML sur appareils mobiles. Après tout, en fait, la newsletter est une page à part entière du site, qui doit être adaptée aux différents appareils.

De plus, lors de la création d'une liste de diffusion, il est nécessaire de prendre en compte les restrictions d'utilisation de la nomenclature des polices, car si la police que vous avez choisie pour la conception de la lettre n'est pas installée sur l'ordinateur de votre destinataire, elle sera remplacée par une des polices couramment utilisées, par exemple, Arial, et votre idée de conception peut ne pas avoir lieu !

Comment Wilda peut-elle vous aider ?

Sur le constructeur Wilda vous pouvez :

Créez une newsletter sous forme d'image et collez-la dans le corps de l'e-mail

Pour cela, lors de la création d'un nouveau document, sélectionnez le type « Newsletter par e-mail » ou utilisez le modèle approprié. La largeur du document sera de 700 px - la valeur recommandée pour un affichage réussi de la lettre sur les appareils mobiles, et vous pouvez ajuster la hauteur en fonction du contenu. Après avoir terminé l'édition, enregistrez simplement votre lettre en tant que fichier Jpeg.

Pour créer une version web d'une lettre, il vous suffit de publier votre mise en page sur le site Wilda, et elle aura sa propre adresse sur le web.

Créer une mise en page de lettre pour une mise en page ultérieure en HTML

Si les circonstances vous obligent à créer une lettre Html, puis en utilisant le constructeur Wilda, vous pouvez créer une mise en page de lettre afin qu'il soit plus facile pour les spécialistes de comprendre ce dont vous avez besoin. Avec la mise en page, vous n'aurez qu'à transférer les images sources au spécialiste et attendre le résultat !

Pour plus d'informations sur le formatage des e-mails, consultez l'article Comment créer une lettre pour la distribution par e-mail.

Créer des éléments pour la distribution HTML

Toute lettre Html a ensemble nécessaireéléments : en-tête, pied de page, arrière-plan ou image. Avec le constructeur en ligne de Wilda, vous pouvez créer ou modifier ces éléments, en les enregistrant individuellement sous forme de fichier Jpeg. Pour ce faire, le concepteur prévoit la création de documents de toute taille. Vérifiez auprès de votre spécialiste les exigences nécessaires pour les éléments et créez-les sur le constructeur. Vous pouvez facilement faire face à cette tâche, surtout si vous avez déjà créé des documents pour vous-même. En même temps, vos logos, images, couleurs d'entreprise, etc. seront déjà stockés dans le constructeur.
Résumant tout ce qui précède, le constructeur Wilda sera sans aucun doute utile à tous ceux qui ont besoin de créer une newsletter par e-mail belle et efficace.

En HTML pur. Curieusement, peu de solutions gratuites sont apparues en accès libre en deux ans, mais ce que nous avons réussi à trouver est de qualité bien supérieure à n'importe lequel des anciens articles.
Bulletins électroniques, sans aucun doute, l'outil de marketing le plus puissant, mais vous devez l'utiliser avec beaucoup de prudence. Nos employés n'ont jamais été ravis des e-mails promotionnels dans la boîte aux lettres, mais si vous êtes un bon commercial, vous pourrez entrer en contact avec le destinataire de la lettre. Cette sélection ne résoudra pas tous les problèmes liés aux mailings et n'aidera même pas à les contourner, car le destinataire fera attention à votre lettre, la supprimera ou l'enverra au spam, cela ne dépend pas de la beauté du design, mais sur le contenu. Tout ce que je voulais dire avec cette phrase - n'envoyez pas de spam ou d'offres de modèles. Utilisez ceux-ci modèles html consciencieusement et sans nuire aux autres.
Encore une fois, n'envoyez pas de spam, il est préférable d'utiliser ces modèles pour envoyer divers vœux de vacances à vos clients. Si vous avez une boutique en ligne et une base d'utilisateurs qui souhaitent vraiment recevoir des lettres de votre part, vous pouvez créer une liste de diffusion avec une notification concernant toute promotion ou remise sur l'épine dorsale de n'importe quel modèle html.
Alors. Pour votre attention 20 modèles d'e-mails gratuits pour les newsletters. Utilisez à bon escient.

Modèle d'e-mail HTML + PSD gratuit : modèle PHStock

Moderne Modèle HTML pour les newsletters par e-mail avec une grande image de fond. Réalisé à l'image des sites d'une page / . Il a une petite galerie d'images, nous pouvons donc supposer que ce modèle sera utile aux photographes ou aux concepteurs.
Un ajout intéressant est la présence de la source PSD. Vous en aurez besoin si vous décidez de modifier considérablement l'apparence.
La photo d'arrière-plan peut être facilement remplacée. N'utilisez pas de photos volées, il vaut mieux trouver quelque chose de convenable sur les stocks de photos gratuits, dont j'ai récemment parlé dans le sujet "Stocks de photos gratuits avec photos légales".

Modèle d'e-mail réactif pour une boutique en ligne

Ce modèle est entièrement réactif et est parfait pour envoyer diverses offres promotionnelles depuis votre boutique en ligne.
De plus, après le téléchargement, vous trouverez dans les archives plusieurs options de conception de couleurs. Il existe également un dossier séparé avec des options de mise en page pour service populaire Bulletins électroniques MailChimp.

Modèle d'e-mail d'événement gratuit

Très simple Modèle HTML pour e-mail mailings avec une grande image de fond. Initialement conçu pour être envoyé par courrier avec une offre d'assister à un événement ou un rappel d'un événement à venir. Il y a un PSD dans l'archive. Je ne peux pas dire que je suis ravi de ce modèle, mais il y a des poissons faute de poissons et des cancers.

Green Village - Modèle d'e-mail de blogueur hipster

modèle d'e-mail Green Village a l'air un peu hipster. Idéal pour envoyer un résumé hebdomadaire des actualités ou des articles de votre blog. Dans l'archive, vous trouverez le modèle lui-même et sa source au format PSD.

Photon - Modèle d'e-mail pour Photoblog

Bien, modèle moderne pour diverses distributions. Convient à tous les usages, mais initialement positionné comme Modèle d'e-mail pour photosite.

KATAUSTRIA - Modèle d'e-mail réactif

Un modèle réactif tendance et gratuit avec une grande image d'arrière-plan qui servira de bon outil pour votre campagne marketing.

Boxi - Modèle d'e-mail gratuit Meto / Flat

Un template intéressant qui combine deux styles : Méto et plat. Il se compose de blocs sous forme de grille qui effectuent différentes tâches - des blocs avec un test, des blocs avec des boutons sociaux, un bloc avec une image, etc.

Miks Blogger Newsletter - Modèle d'e-mail Universal Blogger

Un modèle propre avec des commentaires d'un style rétro révolu. Même si j'aime beaucoup le design. Il y a un DSP.

Modèle d'e-mail HTML + PSD pour les actualités

Un modèle de newsletter épuré dans des couleurs claires conçu pour les newsletters d'un site d'actualités ou d'un blog.
L'auteur du modèle affirme que sa création fonctionne bien sur :
Apple Mail 4, 5, 6
iPhone 5, 4S, 4, 3gs, iPad
AOL Mail Firefox, Explorateur, Chrome
Hotmail Firefox, Explorateur, Chrome
Gmail Firefox, Explorateur, Chrome
Yahoo! Courrier Firefox, Explorer, Chrome
Thunderbird version actuelle, Thunderbird 3.0
Outlook.com (Firefox), Outlook.com (Explorateur), Outlook.com (Chrome)
Perspectives 2011, 2010, 2007, 2003, 2002/XP, 2000
Lotus Notes 8.5, Lotus Notes 8, Lotus Notes 7

Modèle d'e-mail gratuit dans les couleurs vertes

Un modèle au design plutôt ancien. Je ne l'inclurais pas dans cette collection, mais il présente plusieurs avantages que vous voyez rarement dans des analogues gratuits - c'est la présence d'une version pour le service de messagerie MailChimp.