Modul de utilizare a șabloanelor de e-mail pentru monitorizarea campaniei

În timp ce constructorii de e-mail din cadrul serviciilor precum Campaign Monitor și MailChimp devin din ce în ce mai puternici, există încă motive serioase de a utiliza un șablon de e-mail HTML care este unic pentru marca dvs..

În acest tutorial delicios, vom sublinia cum să începeți să utilizați un șablon de e-mail HTML în Monitorul de campanie, pentru campaniile dvs. de e-mail și pentru fluxurile de lucru automatizate. În funcție de cât de mult doriți să personalizați șablonul, poate dura de la cinci minute la importul și începerea trimiterii, la câteva ore de codare și testare pentru o lucrare de proiectare mai personalizată.

Odată ce ați găsit (și chiar ați personalizat) un șablon pe care îl iubești, îl veți putea folosi în mod repetat - și cu ajutorul instrumentelor de testare și de testare a spamului din Campania Monitor, asigurați-vă că mesajele dvs. de e-mail arată foarte bine destinatarilor de pretutindeni.

Ce este un șablon de e-mail HTML?

Pe scurt, un șablon de e-mail HTML (pe care pur și simplu îl vom numi un "șablon") este un document HTML și fișiere de imagine însoțitoare care sunt proiectate să fie importate pe o platformă de e-mail, cum ar fi Campaign Monitor sau MailChimp. După importare, șabloanele pot fi folosite din când în când pentru a crea mesaje de marketing prin e-mail, care pot fi trimise către o listă de abonați (adică destinatari de e-mail). Acestea pot lua forma unor buletine de știri, rezumate săptămânale ale conținutului blogului, invitații la evenimente și multe altele.

Etichete de șablon pentru monitorizarea campaniei

Un șablon de e-mail trebuie să apară cu zone de text și imagine editabile - fie în mod autonom, fie în "layouts" repetate, așa cum este definit de limbajul de etichetare al șablonului de monitorizare a campaniei. Această limbă versatilă poate fi utilizată pentru a personaliza șabloanele de e-mail descărcate HTML, pentru a converti buletinele de știri HTML existente în șabloane sau pentru a crea propriile șabloane de la zero.

Mostre ale limbajului etichetei pentru șablon de monitorizare a campaniei, demo de șablonul Evo
  • este un bloc de conținut care poate fi repetat de nenumărate ori.
  • include mai multe modele separate în interiorul unui element repetat.
  •  ieșiri HTML puteți modifica utilizând editorul WYSIWYG pentru monitorul campaniei.

Când un șablon a fost codificat corect cu etichete, îl veți putea importa, apoi utilizați editorul de e-mail al Monitorului de campanie pentru a crea campanii de e-mail și fluxuri de lucru automatizate.

De ce să folosiți un șablon?

Dacă afacerea dvs. (sau cea a clientului dvs.) are orientări specifice pentru o marcă, atunci este posibil ca buletinele de știri cu care lucrați să aibă deja un aspect bine stabilit. Alternativ, dacă faceți o primă incursiune în marketingul de e-mail, este posibil să doriți ca toate mesajele dvs. să pară într-un anumit mod; una care nu poate fi realizată utilizând constructorul de e-mailuri.

În ambele cazuri, având un șablon vă poate permite să vă mențineți marca și să reduceți în mod drastic timpul de întoarcere de design-to-send în comparație cu a spune, codarea unui e-mail HTML de la zero.

Dacă ați găsit un șablon care are exact aspectul și esteticul pe care îl urmați, bine făcut! Puteți sări peste următoarea secțiune, o importați în Monitor Campanie și începeți să creați campanii de e-mail. Cu toate acestea, dacă aveți nevoie să faceți modificări, atunci următoarele lucruri pot fi utile.

Abilități de care aveți nevoie pentru a edita un șablon

Înapoi în timpul zilei, dacă doriți să creați o pagină Web, ar trebui să faceți foc la Notepad pentru a crea un fișier HTML, pentru a crea un dosar pentru imagini (numit de obicei, bine, / imagini), apoi după câteva ore de adăugare de conținut și de testare în browserul dvs., ați încărca întregul lot într-un director public de pe web.

Toți acești ani mai târziu, lucrul cu fișiere șablon nu este atât de diferit, însă în loc să îl încărcăm, vom importa șablonul pentru Monitorul de campanie. Pentru a atinge acest pas, aveți nevoie de:

  • Abilități de codare HTML / CSS de bază
  • Limbajul etichetei de șablon pentru monitorul campaniei
  • Ghid pentru suportul CSS în e-mail HTML
  • Un editor de cod ca TextMate, Sublime Text sau Brackets

Dacă puteți edita și testa în mod confidențial documente HTML (având în vedere că suportul CSS în clienți de e-mail precum Gmail, Outlook și alții este fabulos quirky), atunci puteți edita șabloanele de e-mail la inima ta delight.

Cum să importați un șablon în Monitorul de campanie

Pentru a vă pregăti șablonul pentru import, veți avea nevoie de:

  • Fișierul HTML.
  • Orice alt fișier pe care referințele dvs. HTML (cum ar fi imagini și CSS) conțin într-un singur director și comprimat în format ZIP.

Odată gata, veți putea să importați șablonul la Template-uri din contul dvs. Monitor de campanie:

  1. Faceți clic pe imaginea de profil și mergeți la Template-uri.
  2. Mergi la Import.
  3. Alocați noului dvs. șablon un nume, cum ar fi "Buletinul meu informativ".
  4. Clic Alege fișierul (de mai jos Pagina HTML) pentru a selecta fișierul HTML de pe computer.
  5. Apoi apasa Alege fișierul (de mai jos Toate celelalte fișiere imagine și CSS) pentru a selecta fișierul ZIP (dacă aveți unul) de pe computer.
  6. Clic Adăugați șablonul pentru a încărca fișierele.

Este modelul de lucru?

Dacă ați reușit să importați șablonul, felicitări! Ar trebui să vezi asta Șabloanele mele atunci când creați o nouă campanie de e-mail sau un flux de lucru. Odată selectată, puteți începe să adăugați conținut în editorul de e-mail pentru Monitorul de campanie.

După ce creați o campanie, puteți să o testați automat pe 20 de clienți principali de e-mail, cum ar fi Mail pentru iPhone și iPad, Gmail, Outlook și multe altele, utilizând testele de monitorizare a Campaniei și testele spam. Alternativ, puteți testa manual campania prin trimiterea unui e-mail de test către conturile de e-mail de pe diferite dispozitive.

Ceea ce poate merge greșit?

Întotdeauna există sughițe, din momentul în care încercați să importați un șablon, până la etapa de testare. Deci, iată o scurtă privire la unele probleme și soluții clasice:

Șablonul nu va fi importat în Monitorul de campanie

Verificați dacă codul HTML (inclusiv etichetele de șablon) este bine format.

Asigurați-vă că nu încercați accidental să importați fișiere mari și inutile, cum ar fi activele și videoclipurile Photoshop.

Campania mea nu arată bine pe dispozitivele mobile

Asigurați-vă că documentul HTML e-mail este "receptiv", adică. conține interogări media valide în foaia de stil CSS. Rețineți că nu toți clienții de e-mail acceptă interogări media, inclusiv Gmail pe iOS / Android.

E-mailurile arată diferit într-o varietate de intrări 

S-ar putea să găsiți, de exemplu, că rezultatele în Gmail sunt diferite de cele ale celor de la Apple Mail. Verificați dacă e-mailul HTML conține proprietăți CSS3, fonturi web - și oferă opțiuni de rezervă acolo unde este posibil. Nu toți clienții de e-mail oferă suport CSS cuprinzător, dar este adesea posibil să se asigure că mesajul este încă lizibil și se degradează cu grație, chiar și în situații mai puține decât cele perfecte.

În concluzie

Un șablon de e-mail bun va face ca campaniile dvs. să pară excelente atât pe dispozitive mobile, web și desktop cât și în timp ce există variante între modul în care acestea arată într-un browser web și în căsuța de e-mail, mesajul trebuie să fie întotdeauna lizibil și ușor de navigat.

Cu toate acestea, dacă ați importit manual e-mailuri HTML până la acest punct, veți găsi probabil că utilizarea unui șablon de e-mail bun vă va salva pe dvs. și echipa dvs. de nenumărate ore de creare, importare și testare a mesajelor de e-mail. Te vei întreba cum ai supraviețuit fără ea!

Sper că vă bucurați de acest tutorial și acum vă simțiți încrezător selectând un șablon, pregătindu-l pentru Campaign Monitor, apoi importați-l și folosindu-l pentru campaniile dvs. de e-mail și pentru fluxurile de lucru automatizate. Pentru inspirație, vă recomand să vizitați galeria de design pentru e-mail Campaign Monitor - apoi folosiți know-how-ul șablonului pentru a vă crea un design unic!

Resurse utile

  • Șabloane de monitorizare a campaniei pe Envato Market
  • Campania Monitor e-mail galerie de design, pentru inspirație
  • Crearea unui e-mail responsabil în viitor, fără întrebări media
  • Noțiuni de bază cu e-mail marketing