Cum să personalizați un șablon de marketing prin e-mail

Astăzi, ne aprofundăm în șabloane și cum să le folosim cu editorul flexibil Twilio SendGrid sau ajustam HTML-ul șablonului în generatorul de e-mail ales. În timp ce unii specialiști în marketing se pot simți confortabil să proiecteze și să codifice un e-mail frumos de la zero, pentru cei dintre noi care nu sunt designeri web sau dezvoltatori de e-mailuri, șabloanele de e-mail oferă o modalitate puternică, care economisește timp, de a crea e-mailuri cu răspunsuri frumoase.

În această postare, vă voi prezenta cum să alegeți un șablon de e-mail predefinit și alegerile de design pe care le fac pe parcurs.

Alegerea unui șablon de email marketing

Dacă începeți în campanii de marketing, aveți o varietate de opțiuni de șablon. Dar înainte de a alege un șablon, întreabă-te:

Care este scopul e-mailului pe care intenționați să- l trimiteți și acțiunea pe care doriți să o întreprindă destinatarii dvs.?

Această acțiune necesită o explicație cu mult text și un CTA sau încercați să vă afișați vizual produsele cu mai multe imagini? Fii atent la structura și un format care va funcționa bine cu conținutul tău.

Este marca dvs. îndrăzneață și zgomotoasă, elegantă și ciudată, modernă și elegantă? Este util să găsiți un șablon care să semene cu marca dvs. Deși puteți schimba imaginile, textul și culorile pentru a se potrivi cu marca dvs., este util să aveți un șablon care să se alinieze cu stilul pe care doriți să îl obțineți.

Am ales șablonul Ingrid and Anders Welcome Series 2 din stânga ( disponibil pentru descărcare aici ) deoarece plănuiesc să trimit un e-mail promoțional de la un magazin de bijuterii.

În timp ce culorile și imaginile nu reprezintă marca magazinului de bijuterii, aspectul de tip boutique se potrivește sentimentului general al mărcii și multiplele imagini și secțiuni de copiere funcționează bine pentru conținutul pe care intenționez să-l trimit.

Personalizare pentru marca dvs

Iată abordarea mea pas cu pas pentru a trece de la șablonul de mai sus la previzualizarea e-mailului din dreapta, ținând cont de marca, mesajul și acțiunea dorită pe parcurs.

Pasul 1: antet

Am început prin a plasa în antet sigla magazinului de bijuterii. Destinatarii dvs. de e-mail au demonstrat că au încredere și sunt interesați de o relație cu marca dvs. Asigurarea că ceea ce văd atunci când vă deschid e-mailul este familiar și așteptat este esențial pentru menținerea acestei încrederi.

• • Lățimea: lățimea antetului trebuie să fie de cel puțin 600 de pixeli, astfel încât să se extindă pe toată lățimea e-mailului.
  • Aliniere: majoritatea companiilor fie își aliniază antetul la stânga, fie îl centrează.
  • HTML: pentru a schimba sigla în HTML, schimbați linkul din atributul img class . Link-ul ar trebui să fie plasat în atributul src (vezi mai jos). Nu uitați să includeți ghilimele în jurul linkului.

Pasul 2: Imagini

Alegeți imagini care se referă la copie și marca dvs. Bijuteriile sunt un produs atât de vizual, așa că am vrut ca imaginile să ocupe mult mai mult din e-mail decât copie.

Prima imagine din e-mailul meu se referă la copie și la primirea unui cadou de sărbători. Imaginile care prezintă oameni îi ajută pe destinatari să se conecteze emoțional cu conținutul. A doua imagine evidențiază o ofertă specială de bijuterii care ajută la atragerea vizitatorilor pe site. Am găsit aceste imagini pe iStock, dar există multe alte resurse pentru a găsi imagini grozave .

Când includeți imagini în e-mailul dvs., amintiți-vă să:

• Includeți text alternativ: unele ESP-uri ascund imaginile în e-mailuri. Includerea textului alternativ îi ajută pe destinatari să înțeleagă ideea din spatele imaginii, chiar dacă nu o pot vedea.
• Link imagini: ne așteptăm ca totul să poată fi clicat, inclusiv imaginile. În acest e-mail, imaginea cerceilor cu diamante, în special, trebuie să poată fi accesată la descrierea acestui produs de pe site.
• Dimensiunea imaginii: la fel ca și antetul, asigurați-vă că lățimea imaginilor este de cel puțin 600 de pixeli.
• HTML: Similar cu imaginea logo-ului dvs., căutați img class și atributul src atunci când comutați imaginile din șablon. Pentru a include text alternativ, adăugați atributul alt la img class și descrieți imaginea dvs. Pentru a adăuga un link la imaginea dvs., includeți atributul href în eticheta img class .

Pasul 3: Font

Campaniile de marketing le permit utilizatorilor să importe fonturi, astfel încât să nu fii nevoit să sacrifici standardele mărcii în e-mailurile tale. Puteți adăuga fontul dvs. editând capul HTML (găsit sub „Avansat” în navigarea din stânga). Iată instrucțiunile pas cu pas pentru adăugarea unui font.

Unele ESP-uri acceptă doar o mână de fonturi, așa că este o idee bună să alegeți un font standard standard, cum ar fi Arial, Times New Roman sau Verdana. Alegeți unul care se potrivește cât mai mult cu site-ul dvs. În acest fel, dacă fontul mărcii dvs. nu este acceptat, veți avea o copie de rezervă gata.

Pasul 4: Copiați

Pentru acest buletin informativ, scopul meu este să aduc destinatarul pe site fie pentru a crea o listă de dorințe, fie pentru a face cumpărături, așa că nu vreau să rămână în e-mail prea mult timp. Acesta este motivul pentru care copia mea este scurtă și la obiect, ducând direct la butoanele de îndemn.

• Când vă scrieți e-mailul , întoarceți-vă la scopul mesajului și întrebați-vă ce acțiune doriți să întreprindă destinatarii dvs.?

Pasul 5: Culori

Aliniați-vă e-mailurile cu marca dvs. folosind culori similare site-ului dvs. web. E-mailurile dvs. nu trebuie să arate exact ca site-ul dvs., dar încercați să introduceți cel puțin una sau două culori în e-mailul dvs. pentru a vă lega marca. Pentru acest e-mail, am schimbat culoarea fontului pentru a fi aceeași cu site-ul web și am inclus imagini care au o notă de aur pentru a se potrivi cu logo-ul.

• • Fundalul e-mailurilor: dacă vă uitați cu atenție căsuța de e-mail, veți observa că majoritatea e-mailurilor au o culoare de fundal albă sau neutră și, ocazional, negru. Vă recomandăm să rămâneți la una dintre acele culori pentru fundalul e-mailului dvs. Culorile strălucitoare sau îndrăznețe pot fi copleșitoare și pot distrage atenția destinatarilor de la conținutul real al e-mailului. În dreapta, sunt culorile pe care le-am folosit pentru fundalul și textul acestui e-mail.
  • Subsol: o modalitate excelentă de a vă alinia e-mailul cu marca este să utilizați aceeași culoare de fundal pentru subsol și aceeași culoare a fontului ca site-ul dvs. Acest lucru ajută la crearea continuității între e-mailurile și site-ul dvs. web.
  • Butoane CTA: Aceste butoane sunt adesea cel mai luminos și mai îndrăzneț element al e-mailului dvs. Ar trebui să atragă atenția și să motiveze un destinatar să ia măsuri.
  • HTML: pentru a schimba culoarea fundalurilor, a chenarelor sau a fonturilor în HTML, căutați culoarea hexadecimală de 6 cifre. Veți găsi codul hexadecimal în elemente și atribute precum style , span style , background-color , bgcolor , color și border-color . Este probabil ca șablonul dvs. să aibă mai multe atribute pentru aceeași culoare pentru a putea comunica culoarea tuturor furnizorilor de e-mail. Asigurați-vă că schimbați toate secțiunile care listează culoarea. Consultați acest exemplu de design și cod al butonului CTA.

Pasul 6: Testează!

După ce ați configurat e-mailul, testați-l trimițându-vă o previzualizare. Iată câteva lucruri de verificat în previzualizare:

• Este mobil responsive? Examinați-vă e-mailul de pe desktop și de pe telefon pentru a verifica dacă e-mailul este compatibil mobil.
• Funcționează toate linkurile? Faceți clic pe toate linkurile și imaginile asociate. Verificați dacă butoanele CTA sunt suficient de mari pentru a face clic cu degetul.
• Este marca ta recunoscută? Comparați e-mailul dvs. și site-ul dvs. unul lângă altul. Brandul tău ar trebui să strălucească în e-mailul tău.

În campaniile de marketing, puteți, de asemenea, să testați A/B diferite elemente (vezi imaginea de mai jos) și să vedeți dacă un link cu text simplu ajută la atragerea mai multor clicuri decât un buton CTA colorat. Acest lucru vă va oferi date pentru a vă face backup alegerilor de design pentru trimiteri viitoare. Pentru o listă completă de articole de examinat înainte de a trimite e-mailul, consultați Lista dvs. de verificare pentru testarea e-mailului pre-trimitere .

Șabloanele preconstruite sunt o soluție excelentă care economisește timp pentru cei dintre noi care nu sunt experți în design și dezvoltare de e-mail. Este ușor să personalizați aceste șabloane pentru a reflecta marca și mesajul companiei dvs., fără a fi nevoie să intrați în mintea HTML-ului de e-mail.

Pentru zeci de șabloane personalizabile și receptive, înscrieți-vă pentru un cont gratuit de campanii de marketing.