12+ Cele mai bune practici pentru designul layout-ului de marketing prin e-mail

Sunt depășite modelele de e-mail ale companiei dvs.? Pentru că, iată o idee fierbinte: acesta nu este neapărat un lucru negativ. Deși există multe tendințe de design de e-mail pe care să le urmăriți, există, de asemenea, multe bune practici de design atemporal de e-mail de care trebuie să țineți cont atunci când vă proiectați e-mailurile de marketing. În acest articol, vă voi împărtăși cele mai bune practici pe care le puteți utiliza pentru a crea machete puternice de marketing prin e-mail. Să intrăm direct în detalii!

7 elemente esențiale ale unui aspect de e-mail

Înțelegând fiecare dintre elementele care formează un aspect puternic de e-mail, le veți putea pune mai bine împreună într-un mod eficient.

Fiecare mesaj de e-mail are aceste șapte elemente esențiale:

• Antet și metadate
• Preheader
• Logo și culori
• Imagini
• Corp
• Butoane de îndemn (CTA).
• Subsol

Să abordăm unul dintre aceste elemente și rolurile lor într-un aspect de e-mail.

1. Antet și metadate

Când abonații dvs. primesc e-mailul dvs., antetul și metadatele sunt primul lucru pe care îl văd. Clienții de marketing prin e-mail completează în prealabil secțiunile „De la” și „Răspuns-către” cu informațiile pe care le trimiteți furnizorului dvs. de marketing prin e-mail, dar puteți modifica informațiile antetului unui mesaj făcând clic pe acea zonă din schița dvs.

Un subiect eficient

Deși subiectul nu face parte din punct de vedere tehnic din aspectul e-mailului, este esențial pentru performanța livrării mesajului dvs. de marketing. Acesta este primul lucru pe care îl vor vedea destinatarii dvs., iar liniile de subiect plictisitoare, irelevante sau spam pot duce la ignorarea e-mailului dvs.

O linie de subiect este utilă pentru mai mult decât pentru a motiva destinatarul să facă clic pe deschidere. E-mailurile fără rânduri de subiect au mai multe șanse să fie direcționate către coșul de spam. Încercați să includeți și un emoji drăguț în subiect.

Iată câteva sfaturi utile pentru a scrie un subiect grozav:

• Păstrați-l pe scurt. Ideea este să evitați ca subiectul să fie abreviat prin căsuțele de e-mail.
• Fii sincer. Utilizați linia de subiect pentru a informa destinatarul ce se află în e-mail. Nu încercați să înșelați – fără „momeală și comutator”.
• Fii pe cât posibil, dar nu prea înțelept. Verificați cu echipa dvs. pentru a vă asigura că o glumă este potrivită.
• Evitați expresiile declanșatoare de spam (cum ar fi „GRATIS” sau „$$$”) și semnele de punctuație excesive.

2. Preheader

Un antet de e-mail, adesea cunoscut sub numele de introducere, este textul care apare frecvent alături de linia de subiect în căsuța de e-mail a unui destinatar. Deși nu toți clienții de e-mail afișează automat preheader-ul, este totuși o idee bună să adăugați unul personalizat și să folosiți acesta ca o oportunitate de a le spune cititorilor exact la ce să se aștepte când deschid e-mailul.

Începeți cu cele mai importante fapte, așa cum fac jurnaliștii. Dacă promovați o reducere sau debutați un produs nou, de exemplu, începeți cu acele informații pentru a atrage vizitatorii să facă clic și să citească mai departe.

Preheaderele nu sunt necesare atunci când trimiteți un e-mail, dar vă pot ajuta cititorii să vă înțeleagă mai clar conținutul. Preheaderele pot fi folosite pentru a insufla un sentiment de urgență. Acordați atenție primelor cinci până la opt cuvinte, care practic apar întotdeauna în căsuța de e-mail a unei persoane.

Dacă lăsați câmpul de preheader gol, acesta va afișa doar primele câteva rânduri ale e-mailului dvs. Destinatarul dvs. va vedea antetul dvs. precum și primele câteva rânduri, în funcție de setările sale. Luați în considerare acest lucru atunci când vă creați anteturile.

3. Logo

Designul aspectului de e-mail poate fi un proces creativ, dar dacă doriți să vă stabiliți un sentiment puternic despre cine sunteți ca marcă, este esențial să respectați anumite bune practici de bază și să fiți consecvenți. Doriți ca receptorii dvs. de e-mail să se obișnuiască cu identificarea mărcii dvs. înainte de a schimba lucrurile, așa că asigurați-vă că aveți un set consistent de culori ale mărcii și un logo grozav de afișat în designul dvs. de e-mail.

Când adăugați sigla în corpul e-mailului, asigurați-vă că nu se întinde pentru a ocupa întregul ecran. S-ar putea să fie nevoie să reduceți dimensiunea logo-ului, astfel încât cititorii de e-mail să nu fie nevoiți să deruleze în jos o pagină întreagă pentru a vedea ce se află dedesubt. Desigur, asigurați-vă că logo-ul este suficient de mare pentru a fi identificat sau citit.

Poți dori ca logo-ul tău să aibă un fundal transparent sau să fie un formular cu paleta de culori a companiei tale. Acordați-vă timp pentru a vă modifica sigla în timp ce creați un șablon, astfel încât toate e-mailurile dvs. să pară mai profesionale.

4. Imagini

Imaginile pot fi un instrument util de utilizat în e-mailurile dvs., dar numai dacă vă completează conținutul. Clienții sau potențialii clienți pot derula rapid peste cuvinte, dar se vor întrerupe dacă văd o imagine convingătoare. Ce este despre un e-mail grafic care îl face atrăgător?

Imaginile trebuie să fie clare și de înaltă rezoluție, dar nu atât de mari încât încărcarea să dureze prea mult. Urmăriți o dimensiune a fișierului de aproximativ 1 MB și nu mai mult de 5 MB. Imaginile prea mici pot apărea pixelate, iar e-mailul dvs. va apărea amator. Atunci când sunt excesiv de mari, clienții de e-mail ai cititorilor dvs. pot dura mult timp pentru a le descărca sau, mai rău, vă pot direcționa e-mailul către folderul de spam.

5. Corp

Când cineva deschide un e-mail, primul lucru pe care îl vede este corpul, care este locul în care puteți deveni creativ cu elementele de design. Luați în considerare utilizarea unui șablon drag-and-drop adaptat sectorului dvs. specific. De asemenea, este fezabil să dezvoltați un șablon personalizat de la zero, dar un șablon vă va ajuta să creați un e-mail mai curat, mai bine conceput, care să respecte cele mai bune practici.

Pentru a vă crea aspectul, puteți utiliza elemente cunoscute adesea sub numele de blocuri de conținut. Acestea vă ajută să vă construiți e-mailul așa cum v-ați imaginat. Ele pot conține:

• Text
• Imagini
• Divizoare
• Butoane
• Distanțiere
• Videoclipuri
• Link-uri de social media
• Linkuri către alte piese de conținut, cum ar fi blogul dvs

Ce informații doriți să oferiți cititorilor dvs.? Aceasta determină blocurile de conținut care trebuie incluse în șablonul dvs. Când decideți unde să plasați ce blocuri, aveți în vedere lizibilitatea. Când vă aranjați blocurile de conținut, țineți cont de scopul e-mailului.

Nu puneți niciodată prea mult text într-un singur bloc, deoarece acest lucru ar putea fi confuz pentru cititori. Folosiți o culoare de fundal moale, subtitluri sau gloanțe pentru a sparge materialul. Includeți elemente vizuale care pot reprezenta mesajul campaniei dvs. de e-mail, astfel încât destinatarul să înțeleagă exact ce doriți să facă.

De asemenea, este posibil să partajați videoclipuri, să experimentați cu animație și chiar să introduceți un cronometru cu numărătoare inversă într-un e-mail. Ai grijă doar să nu exagerezi. Utilizați nu mai mult de una sau două dintre aceste componente de design interactiv într-un singur e-mail.

6. Butoane CTA

Deși sunt conținute din punct de vedere tehnic în corpul unui e-mail, butoanele de îndemn la acțiune sunt atât de esențiale încât merită propria lor secțiune pentru a discuta despre cele mai bune practici. CTA-ul tău acționează ca un indicator pe care cititorul îl poate urma.

Textul de pe butoane îi indică ce trebuie să facă în continuare, cum ar fi „cumpărați acum” sau „aflați mai multe”. Indiferent de textul pe care îl folosiți, motivul fundamental pentru care trimiteți e-mailul este ideea din spatele acestuia.

Aveți un buton CTA cu un limbaj clar și direct în orice moment. Dacă marca dvs. este tânără și interesantă, nu vă speriați să ajustați formularea de pe buton pentru a reflecta acest lucru. Folosiți un limbaj activ și cât mai puține cuvinte posibil pentru a explica activitatea.

7. Subsol

Un subsol este secțiunea din partea de jos a fiecărui e-mail. Vă permite să introduceți informații speciale cerute de reglementări, cum ar fi Legea CAN-SPAM, fără a interfera cu designul principal.

Informațiile obligatorii din subsol sunt:

• Numele companiei și adresa fizică
• O modalitate prin care destinatarii să-și actualizeze profilurile
• Un link de dezabonare
• Politica de confidențialitate a companiei dvs

Acum că ați învățat despre cele 7 elemente esențiale ale unui aspect de e-mail, să trecem la cele mai bune 15 practici de proiectare a aspectului de e-mail.

Top 12+ cele mai bune practici de design pentru aspectul e-mailului

1. Proiectați ținând cont de mobil

Numărul de e-mailuri deschise pe mobil a crescut cu 180 la sută numai în ultimii trei ani, ceea ce înseamnă că pierzi majoritatea abonaților de e-mail dacă e-mailurile nu sunt optimizate pentru mobil.

Când vine vorba de designul de e-mail, adoptați o mentalitate care să axeze pe mobil. Majoritatea clienților de e-mail modifică acum aspectul de e-mail pentru dispozitivele mobile în mod automat, în timp ce alții încă nu o fac. Utilizați machete adaptabile, șabloane și codare CSS (cascada de stil) pentru a vă asigura că e-mailurile dvs. sunt receptive.

Respectați un aspect cu o singură coloană ori de câte ori este posibil și nu utilizați niciodată mai mult de trei coloane. Asigurați-vă că fonturile pe care le utilizați și îndemnurile (CTA) sunt mari, clare și ușor de făcut clic (46 x 46 pixeli este o dimensiune ideală pentru CTA-uri pentru dispozitive mobile). Testați-vă întotdeauna e-mailurile pe diferiți clienți de e-mail și dispozitive pentru a vă asigura o afișare adecvată.

2. Stai cu lățimea de 600 de pixeli

Deoarece nu știi niciodată ce client de e-mail vor folosi destinatarii tăi, trebuie să construiești pentru cel mai mic numitor comun (tuse, Microsoft Outlook) când vine vorba de lățimea e-mailului.

Păstrați-vă e-mailurile la o lățime de aproximativ sau sub 600 de pixeli pentru o vizibilitate maximă. Acest lucru vă asigură că e-mailurile dvs. de marketing pot fi vizualizate corect în panoul de previzualizare vertical al oricărui client de e-mail.

3. Evitați utilizarea imaginilor de fundal

Imaginile de fundal nu sunt acceptate de unii clienți de e-mail (tuse, Outlook), așa că utilizați-le pe propriul risc. Dacă trebuie să utilizați o imagine de fundal, asigurați-vă că nu include informații sau imagini esențiale.

4. Echilibrează-ți imaginile și textul

Imaginile de fundal nu sunt singurele care nu se pot încărca. De fapt, mulți clienți de e-mail blochează automat toate elementele grafice. Mai mult, este mai probabil ca e-mailurile bogate în imagini să fie marcate ca spam, ceea ce înseamnă că este posibil ca destinatarii să nu primească deloc e-mailurile de marketing.

Pentru a aborda aceste provocări, ținește un amestec 50/50 de grafică și text. Vrei grafică pentru că atrag atenția cititorului și îți spun povestea mai repede decât poate textul. Cu toate acestea, asigurați-vă că continuați să vă transmiteți narațiunea. Pe lângă copierea corpului, includeți text alternativ (precum și o culoare de fundal alternativă) pentru fiecare imagine.

Iată cum Medium și-a echilibrat imaginile cu textul într-un aspect de e-mail:

În cele din urmă, cel mai bine este să presupunem că toate imaginile vor fi blocate. Dacă nimeni nu vă poate vedea imaginile, va mai avea sens e-mailul dvs.?

5. Optimizați-vă imaginile

Pe lângă utilizarea textului alternativ și a culorilor de fundal pentru imagini, există și alte sfaturi de formatare a imaginii de reținut pentru un design optim al aspectului de e-mail:

• Dimensiunea imaginii trebuie optimizată. Cu cât imaginea este mai mare, cu atât este nevoie de mai mult pentru încărcarea e-mailului. Păstrați fotografiile cât mai minime posibil, păstrând în același timp calitatea înaltă.
• Declarați lățimea și înălțimea imaginii. Când fotografiile nu se încarcă, specificarea dimensiunii exacte a fotografiilor dvs. va ajuta e-mailul dvs. să-și mențină structura. Nu depășiți niciodată 600 de pixeli lățime.
• Pentru locațiile imaginilor, utilizați adrese URL absolute. Adresele URL absolute sunt preferabile adreselor URL relative din mai multe motive. Pentru toate fotografiile prin e-mail, utilizați linkuri absolute și găzduiți-le pe propriul site web.
• Fișierele PNG ar trebui evitate. PNG-urile nu sunt acceptate de toți clienții de e-mail. În schimb, utilizați JPG-uri.
• Nu folosi videoclipuri. Flash și JavaScript necesită mult timp să se încarce și să vă direcționeze frecvent e-mailul către spam. Dacă doriți cu adevărat să partajați un videoclip, utilizați o imagine statică care trimite la o pagină care conține videoclipul, în loc să încorporați videoclipul în e-mailul propriu-zis. (Cu toate acestea, luați în considerare includerea GIF-urilor pentru a crește implicarea.)

6. Respectați fonturile comune

Respectați fonturile standard de sistem, cum ar fi Arial, Helvetica, Georgia, Tahoma, Times New Roman și Verdana atunci când selectați un font pentru e-mailurile dvs. de marketing. Este posibil ca alte fonturi să nu fie acceptate de unii clienți de e-mail, astfel încât acestea să nu fie redate corect decât dacă alegeți un font alternativ sigur pentru web.

Mărimea fontului este la fel de semnificativă pentru citirea e-mailurilor. Pentru materialul corpului, dimensiunea minimă recomandată a fontului este de 14 pixeli, în timp ce pentru antete, dimensiunea minimă a fontului sugerată este de 22 pixeli.

7. Creați un antet atrăgător

Dacă nu trimiteți un e-mail simplu, ar trebui să creați un antet simplu, dar atractiv la începutul e-mailului.

Colțul din stânga sus al e-mailului dvs. este cel mai prețios imobil - este locul în care ochiul cititorului va fi atras inițial. Folosiți-l bine incluzând sigla companiei dvs. acolo, împreună cu alte informații pertinente (cum ar fi numărul dvs. de telefon sau un îndemn important) în partea dreaptă.

Dacă vrei să atragi atenția doar asupra logo-ului tău, ștampilă-l în centru, așa cum se vede mai jos de Artifact Uprising:

Asigurați-vă că antetul dvs. se întinde pe toată lățimea e-mailului. Cu toate acestea, nu blocați prea mult în antetul dvs.; scopul de a-l menține în jur de 150 de pixeli înălțime. Dacă aveți o mulțime de produse sau categorii de afișat, ar trebui să vă gândiți la utilizarea unei bare de navigare. Ar trebui să fie plasat între antet și copia corpului.

8. Așezați mesajul cheie „Above the Fold”

Termenul „de mai sus” în jurnalism se referă la articolul de pe copertă – primul pe care cititorii îl văd (și, prin urmare, cel care îi face să cumpere ziarul sau să meargă mai departe).

Deși nu există un pliu literal în marketingul prin e-mail, principiul rămâne. Puneți cele mai interesante informații la începutul e-mailului dacă doriți ca cititorii să citească în continuare. Locul optim este în primii trei centimetri de adâncime a e-mailului.

Vorbim despre butoanele CTA, grafică și text – nu presupuneți că trebuie să așteptați până la încheierea e-mailului pentru a încuraja cititorii să ia măsuri. CTA-urile cu cea mai mare implicare sunt adesea cele din partea de sus a unui e-mail.

Profită și de partea stângă a e-mailului tău. Oamenii zăbovesc cel mai mult în partea stângă a ecranului, conform tehnologiilor de urmărire a ochilor, așa că țineți cont de acest lucru atunci când afișați materiale cheie.

9. Păstrați-vă copierea corporală simplă

Când redactați un e-mail, păstrați-l scurt și la obiect. Acestea includ fraze și paragrafe scurte, multe spații albe și sugestii stilistice, cum ar fi marcatori și text cu caractere aldine.

Dacă aveți mult text de prezentat, luați în considerare includerea unui cuprins cu link-uri către părțile individuale, astfel încât cititorii să poată sări cu ușurință la cel pe care doresc să-l vadă. Cu toate acestea, evitați să includeți prea mult text; nu numai că va supraîncărca cititorii, dar va fi și un semn de spam. În schimb, includeți linkuri clare către conținutul site-ului dvs.

Dacă trimiteți e-mail de pe numele și adresa de e-mail reală a cuiva, este posibil să doriți să includeți o semnătură de e-mail la încheiere. Acest lucru nu numai că adaugă o notă personală, dar oferă și cititorilor o anumită persoană pe care să o contacteze dacă au întrebări sau feedback.

10. Adăugați butoane de partajare socială

Neglijarea includerii butoanelor de distribuire socială în campaniile tale de marketing prin e-mail este una dintre cele mai grave erori pe care le poți face.

Nu este adevărat că obiectivul tău final ca marketer digital este să câștigi susținători ai mărcii? Ce ar putea fi mai benefic pentru marca dvs. decât ca oamenii să vă distribuie conținutul pe propriile canale de socializare?

Includeți linkuri de rețele sociale în partea de jos a tuturor e-mailurilor de marketing pentru a le facilita. Dacă îndemnul cititorilor să partajeze conținutul e-mailului pare prea puternic sau nerealist, „Urmărește-ne!” butoanele pot fi folosite în schimb. Aveți o aplicație mobilă? Promovați-l și aici!

Ne place cum Uber și-a arătat pictogramele de distribuire socială într-un mod subtil, adecvat mărcii:

11. Profită de subsol

Subsolul, deși este adesea neglijat, este unul dintre cele mai importante aspecte ale oricărui e-mail de marketing. Subsolul este o parte importantă a unui aspect de e-mail. Pentru început, toate e-mailurile comerciale trebuie să respecte Legea CAN-SPAM, care vă cere să furnizați un link de renunțare, precum și numele companiei și adresa fizică în fiecare e-mail pe care îl trimiteți. În plus, ar trebui să explicați de ce destinatarii primesc acest e-mail (adică s-au abonat la un moment dat).

Aceste informații nu sunt doar impuse de lege, ci sunt și o idee bună. Dacă nu faceți simplu pentru destinatari să se dezaboneze, aceștia vor deveni și mai nemulțumiți de compania dvs.

Subsolul de e-mail este, de asemenea, o zonă bună pentru a include informații de contact suplimentare, opțiuni de abonare și link-uri către pagini relevante ale site-ului web (cum ar fi noul dvs. inventar, localizator de magazine sau calendar de evenimente).

12. Tine cont de simplitate

Mai presus de toate, șabloanele de e-mail simple și directe sunt calea de urmat. Ele nu sunt doar mai ușor de scanat și digerat de către cititori, ci și pentru clienții de e-mail să le scaneze și să le digere.

13. Testați și îmbunătățiți

În cele din urmă, pentru a identifica cu adevărat cea mai bună formulă pentru designul dvs. de e-mail, trebuie să o testați. Trimiteți-vă versiuni de testare ale e-mailurilor înainte de a le trimite pentru a examina cum arată acestea în diferiți clienți de e-mail (și dacă ar putea ajunge în dosarul de spam).

În plus, ar trebui să efectuați teste odată ce mesajul a fost trimis. Nu există două șabloane de e-mail la fel, așa cum nu există doi cititori la fel. Împărțiți-vă lista și testați mai multe variante ale e-mailurilor dvs. de marketing pentru a găsi timpii optimi de livrare, plasarea CTA și alți factori.

Ușurează designul aspectului de marketing prin e-mail cu AVADA Marketing Automation

AVADA Marketing Automation este un instrument puternic de marketing prin e-mail și SMS, care vă poate ajuta să vă proiectați cu ușurință e-mailul cu ajutorul generatorului său de e-mail-glisare și plasare. Cu acest instrument, e-mailurile de design vor fi ușor, deoarece trebuie doar să glisați și să plasați elementele de e-mail fără a fi necesară nicio codificare. De asemenea, oferă toate funcțiile de care aveți nevoie pentru a crea și gestiona campanii de marketing prin e-mail.

Cuvinte finale

Asta e! Sper că acest articol v-a oferit cele mai bune practici pentru designul layout-ului de marketing prin e-mail. Vă rugăm să nu ezitați să lăsați comentarii mai jos pentru discuții suplimentare pe acest subiect!