7 moduri de a adăuga automatizare în fluxul de lucru prin e-mail

Proiectarea și codificarea e-mailurilor implică adesea procese de editare manuale, grele, care nu sunt doar banale și obositoare, dar pot lăsa cu ușurință loc pentru greșeli.

Nu trebuie să fie așa. Există o varietate de instrumente pentru agenții de marketing și dezvoltatori de e-mail pentru a-și automatiza fluxul de lucru prin e-mail, permițându-vă să eliminați banalitatea și să detectați acele erori costisitoare înainte de a apăsa pe trimitere.

După cum am constatat în Raportul privind starea fluxurilor de lucru prin e-mail din 2018, programele de e-mail au o mulțime de părți mobile, iar ciclurile de producție durează de obicei câteva săptămâni sau mai mult pentru un singur e-mail.

Cu cicluri de producție atât de lungi, există o mulțime de oportunități de a economisi timp aici și aici și de a deveni mai eficient. Iată șapte moduri în care puteți adăuga automatizare în fluxul de lucru prin e-mail:

Creați șabloane standardizate

Timp economisit: 30-60 minute

Dacă doriți să vă simplificați fluxul de lucru, un șablon este un loc bun pentru a începe. Schimbarea elementelor de copiere sau de design, dar păstrarea pieselor critice specifice mărcii, poate porni procesul de creare a e-mailurilor. Poate fi util și pentru non-codatori.

Majoritatea designerilor de e-mail au raportat că au creat doar modele de e-mail unice pentru evenimente mari, cum ar fi produse noi sau campanii sezoniere cheie, cum ar fi Black Friday, conform raportului nostru din 2017 privind starea e-mail-urilor creative. Utilizarea unui șablon standardizat în restul timpului creează eficiențe mari de producție.

Acesta este motivul pentru care am construit Litmus Community Templates — o colecție de șabloane elegante, pre-testate, care acoperă o gamă largă de utilizări, de la gestionarea contului și comerțul electronic până la lansarea și comercializarea produselor.

Descărcați șabloanele comunității Litmus Porniți următoarea campanie cu unul dintre șabloanele pre-testate ale Litmus. Accesați șabloanele →

Luați o comandă rapidă în timp ce codificați

Utilizați fragmente

Timp economisit: 10-15 minute

Fragmentele sunt module de cod reutilizabil. Sunt ideale pentru elementele care sunt utilizate în mod obișnuit în modelele de e-mail, cum ar fi doctype, butoanele antiglonț și linkuri. În loc să trebuiască să rescrieți codul de fiecare dată când unul dintre aceste elemente este utilizat, puteți utiliza un fragment. Acest lucru reduce redundanța și potențialele erori de codare pentru elementele comune din designul dvs. de e-mail.

Să luăm ca exemplu butoanele antiglonț. Butoanele antiglonț servesc ca element de bază în e-mailurile pentru îndemnuri (CTA). Cu toate acestea, fiecare buton necesită personalizare pentru fiecare e-mail individual: copie diferită, linkuri diferite și plasare diferită.

Iată fragmentul de HTML pe care îl folosim pentru un buton antiglonț:

 <table border="0" cellspacing="0" cellpadding="0"> <tr>   <td>     <table border="0" cellspacing="0" cellpadding="0">       <tr>         <td align="{align}" bgcolor="{bgcolor}" <a href="{link}" target="_blank">I am a button &rarr; </a> </td>        </tr>      </table>    </td>  </tr> </table>

Fragmentele rezolvă problema recreării în mod constant a codului de buton antiglonț manual și îl puteți salva într-o bibliotecă de fragmente ca declanșator de comandă rapidă. În acest exemplu, îl vom numi „bb”, prescurtare pentru buton antiglonț.

Acum, ori de câte ori doriți să adăugați un buton antiglonț, puteți utiliza pur și simplu comanda rapidă „bb” pentru a genera codul.

Puteți folosi fragmente în:

• Constructor de turnesol
• Text sublim
• Atom
• Dreamweaver
• Coda

Vrei și mai multe fragmente? Aveți niște favorite pe care ați dori să le împărtășiți?
Alăturați-vă comunității pentru a căuta și a contribui cu fragmente din biblioteca noastră de fragmente.

Utilizați parțiale

Timp economisit: 30 min — Câteva ore, în funcție de câte șabloane de e-mail actualizați

Parțialele sunt blocuri de cod globale, dinamice, reutilizabile, care pot fi utilizate în mai multe e-mailuri. Modificările aduse unui parțial se vor aplica fiecărui e-mail în care se face referire la acel Parțial.

Douăzeci și doi la sută dintre specialiști în marketing folosesc parțiale, conform raportului nostru din 2018 privind starea fluxurilor de lucru prin e-mail. Aceasta a crescut cu 18,2% în 2017. Pe măsură ce utilizarea e-mailurilor automate continuă să crească, la fel ar trebui și utilizarea parțială.

Parțialele funcționează bine pentru secțiuni de cod, cum ar fi anteturile, subsolurile, resetarea CSS și CTA-urile utilizate în mod obișnuit - orice se repetă în mai multe e-mailuri, făcându-le un instrument ideal pentru e-mailurile declanșate și tranzacționale.

De exemplu, la Litmus folosim același antet în majoritatea e-mailurilor noastre:

 <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td bgcolor="#33373e" align="center"> <!--[if (gte mso 9)|(IE)]> <table width="500" align="center" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <![endif]--> <table cellpadding="0" cellspacing="0" width="100%" border="0" align="center"> <tr> <td align="center"> <a href="http://litmus.com" target="_blank"> <img src="logo.png" width="130" height="48" alt="Litmus" border="0"> </a> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> </table>

În loc să folosim HTML și CSS reale ale antetului din e-mail, folosim o referință parțială:

 <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td align="center"> {{header}} </td> </tr> </table>

Notă: Referința de mai sus folosește sintaxa Handlebars, care este folosită în Litmus Builder.

Ori de câte ori sunt necesare modificări ale antetului, putem evita modificarea manuală a fiecărui e-mail în care apare antetul. În loc să actualizăm e-mailurile individuale, pur și simplu actualizăm parțialul, care aplică modificarea fiecărui e-mail în care este utilizat acel parțial. Parțialele fac gestionarea și întreținerea e-mailurilor dvs. mai ușoară, mai rapidă și mai scalabilă.

Pentru a utiliza parțiale, trebuie să utilizați un sistem de construcție și un generator de site static, cum ar fi Handlebars, Middleman sau Assemble. Vă recomandăm cu căldură să utilizați Litmus Builder (nu este necesară configurarea) sau Grunt Email Workflow de la Lee Munroe pentru a utiliza Partials.

Luați comenzi rapide de cod cu Emmet

Timp economisit: 10-15 minute

Emmet este un supliment gratuit pentru editorul de text care vă permite să introduceți comenzi rapide de la tastatură care sunt apoi extinse în segmente complete de cod.

Utilizând Emmet, creatorii de e-mail scriu mai puțin, economisind atât apăsarea tastelor, cât și timp atunci când construiesc o campanie. De asemenea, bazarea pe completarea automată a lui Emmet înseamnă mai puține greșeli de scriere și etichete lipsă, ceea ce duce la e-mailuri mai solide.

Emmet este disponibil pentru o varietate de editori de text și este încorporat în Litmus Builder. Popular printre designerii web, Emmet a cunoscut o adoptare crescută în rândul designerilor de e-mail care doresc să-și eficientizeze fluxurile de lucru, deși utilizarea este încă mică.

Cel mai simplu mod de a-l înțelege pe Emmet este să te uiți la un exemplu. Să presupunem că doriți un tabel cu trei rânduri, fiecare conținând o celulă de tabel cu o imagine deasupra unui paragraf de text și un link.

În loc să tastați manual – sau să copiați și să lipiți – fiecare rând, celulă de tabel, imagine, paragraf și etichetă de link, puteți să le condensați la un singur rând și să-l lăsați pe Emmet să facă cea mai mare parte a muncii pentru dvs.

 table>tr*3>td>img+p+a

După ce apăsați butonul TAB pentru a declanșa Emmet, linia de cod de mai sus este extinsă în HTML complet.

 <table> <tr> <td> <img src="" alt="" /> <p></p> <a href=""></a> </td> </tr> <tr> <td> <img src="" alt="" /> <p></p> <a href=""></a> </td> </tr> <tr> <td> <img src="" alt="" /> <p></p> <a href=""></a> </td> </tr> </table>

Eliminați sarcinile repetitive și construiți mai rapid

Utilizați un alergător de sarcini

Timp economisit: 30-60 minute

Operatorii de sarcini automatizează sarcini repetitive, cum ar fi introducerea CSS în linie și trimiterea de e-mailuri de testare. Conform raportului nostru din 2018 privind starea fluxurilor de lucru prin e-mail, 8,9% dintre agenții de marketing prin e-mail folosesc aplicații care rulează sarcini ca parte a fluxului lor de lucru de producție de e-mail.

Vedeți dacă un administrator de sarcini vă poate ajuta verificând aceste opțiuni:

• Grunt
• Înghiţitură
• Kit de coduri

Utilizați un generator de site static

Timp economisit: 30 min — Câteva ore, în funcție de câte șabloane de e-mail actualizați

Generatoarele statice de site sunt sisteme de compilare pentru fișiere plate care vă permit să modelați și să descompuneți elementele de e-mail.

Acest lucru face mai ușor pentru creatorii de e-mail să editeze și să controleze acele elemente de e-mail. Aproape 9% dintre agenții de marketing prin e-mail folosesc generatoare de site-uri statice ca parte a fluxului de lucru de producție de e-mail, conform raportului nostru din 2018 privind starea fluxurilor de lucru prin e-mail.

Vedeți dacă generatoarele statice de site vă pot ajuta verificând aceste opțiuni:

• Ghidon
• Intermediar
• Asambla

Rulatorii de sarcini și generatoarele statice de site au fost folosite în trecut ca instrumente de dezvoltare web, dar pot fi folosite în e-mail pentru a configura un cadru care include machete, variabile și parțiale pentru a vă ajuta să vă optimizați fluxul de lucru de la capăt la capăt.

Preprocesoare și postprocesoare

Timp economisit: 10-15 minute

Preprocesoarele și postprocesoarele sunt în esență un mod diferit de a scrie CSS. Deși nu economisește timp direct, acestea pot ajuta la automatizarea fluxului de lucru prin schimbarea formatului, astfel încât să poată fi redat de un browser.

Un preprocesor convertește codul scris într-un limbaj de preprocesare în HTML sau CSS compatibil cu standardele care poate fi redat de un browser.

Vedeți dacă preprocesoarele vă pot ajuta verificând aceste opțiuni:

• Sass
• Haml
• Mai puțin

Un post-procesor vă igienizează CSS și îl convertește în CSS conform standardelor pentru a asigura compatibilitatea între clienții de e-mail.

Adăugați automatizare în fluxul dvs. de lucru prin e-mail folosind Litmus

Indiferent dacă creați șabloane, utilizați comenzi rapide precum Snippets, Partials sau Emmet, sau folosiți task-runners pentru a vă codifica e-mailul, puteți încorpora toate tipurile de automatizări în Litmus Builder. Folosind Litmus, veți putea accelera timpul de producție, permițându-vă să vă concentrați pe proiectarea și crearea de e-mailuri grozave.

Ascultați webinarul nostru de automatizare a e-mailului sau faceți o învârtire pe Litmus.

Automatizați-vă fluxul de lucru →