Cum se trimite HTML personalizat cu Gmail

E-mailurile HTML au devenit o componentă cheie a marketingului prin e-mail modern. Vă permit să creați mesaje de e-mail interactive și captivante din punct de vedere vizual, făcând e-mailurile mai atractive și mai eficiente. Ele sunt cruciale pentru companii, deoarece pot evidenția produse, promoții și branding într-un mod în care textul simplu nu poate. Ele permit, de asemenea, o urmărire și analize mai bune, ajutându-vă să înțelegeți cum interacționează destinatarii cu e-mailurile dvs.

În trecut, Gmail permitea utilizatorilor să introducă și să editeze direct codul HTML în editorul de e-mail. Această caracteristică a fost favorizată de cei care doreau să-și personalizeze și să-și proiecteze e-mailurile în mod extensiv. Cu toate acestea, într-un efort de a spori securitatea și de a simplifica experiența utilizatorului, Gmail a luat decizia de a elimina capacitatea de a introduce direct codul HTML în editorul de e-mail.

Această schimbare i-a determinat pe utilizatori să exploreze metode alternative de trimitere de e-mailuri HTML personalizate prin Gmail, pe care le vom aprofunda în acest articol.

Accesați o secțiune aici sau citiți ghidul complet:

• Trimiterea de e-mailuri HTML personalizate prin Gmail
• Copierea HTML redat direct în Gmail
• Limitări ale utilizării șabloanelor HTML personalizate
• E-mailuri cu text simplu vs e-mailuri HTML
• Trimite e-mailuri HTML personalizate folosind Mailmeteor!

Trimiterea de e-mailuri HTML personalizate prin Gmail

Gmail folosește un editor WYSIWYG (What You See Is What You Get), ceea ce înseamnă că trimiterea directă a codului HTML brut nu este o opțiune viabilă. Deoarece destinatarul va vedea de fapt codul HTML brut în loc de un document randat.

De exemplu, aruncați o privire la acest șablon de e-mail simulat.

A fost o vreme când ai fi putut face așa ceva direct în Gmail, dar dacă încerci să copiați și să lipiți codul HTML în Editorul Gmail, iată ce se întâmplă:

Deoarece Gmail folosește un editor WYSIWYG, acest lucru are ca rezultat ca destinatarul să primească exact ceea ce vedeți aici, un e-mail care nu este altceva decât cod HTML scris în text simplu:

Cu toate acestea, există o soluție practică. Utilizatorii pot copia și lipi un e-mail HTML redat în editorul Gmail pentru a trimite e-mailuri HTML personalizate. Această metodă vă permite să creați e-mailuri personalizate atractive din punct de vedere vizual, în timp ce lucrați în limitele constrângerilor Gmail.

Copierea HTML redat direct în Gmail

Această metodă este de fapt mult mai simplă decât pare, trebuie pur și simplu să deschideți un șablon de e-mail într-un browser, apoi să copiați și să inserați tot conținutul său în editorul Gmail. Iată ce trebuie să faci:

1. Pregătiți-vă codul HTML
   • Deschideți un editor de text precum Notepad (Windows) sau TextEdit (Mac).
   • Scrieți sau inserați codul HTML în editorul de text. Acest cod poate include text, imagini, link-uri și formatare, la fel ca o pagină web standard, dar cu unele limitări pe care le vom discuta mai târziu.
   • Salvați fișierul cu o extensie „.html”, cum ar fi „template.html”.
2. Previzualizare într-un browser web
   • Faceți dublu clic pe fișierul HTML pe care tocmai l-ați creat pentru a-l deschide în browserul dvs. web implicit. Acest lucru va afișa e-mailul dvs. exact așa cum va apărea destinatarului.
   • Puteți reveni la editorul de text și puteți modifica conținutul dacă doriți, nu uitați să salvați fișierul după ce finalizați modificările și să reîmprospătați pagina browserului pentru a vă actualiza modificările.
3. Selectați Toate și Copiați
   • În browser, apăsați Ctrl+A (Windows) sau Cmd+A (Mac) pentru a selecta tot conținutul din e-mailul HTML.
   • Apoi, apăsați Ctrl+C (Windows) sau Cmd+C (Mac) pentru a copia conținutul selectat. De asemenea, puteți să faceți clic dreapta și să selectați Copiere din meniu.
4. Lipiți în Gmail
   • Deschideți Gmail și începeți să compuneți un nou e-mail.
   • Faceți clic pe corpul e-mailului în care doriți să inserați conținutul e-mailului HTML. Nu puteți introduce HTML în linia de subiect, așa că singura opțiune este corpul e-mailului.
   • Acum, apăsați Ctrl+V (Windows) sau Cmd+V (Mac) pentru a lipi conținutul pe care l-ați copiat din browser. Sau puteți face clic dreapta și selectați Lipire din meniu.
   • E-mailul HTML ar trebui să fie lipit direct în editorul Gmail și ar trebui să îl vedeți redat ca în imaginea de mai jos.
5. Trimite e-mailul
   • Completează-ți e-mailul cu un subiect, destinatar și orice text sau elemente suplimentare.
   • Faceți clic pe butonul „Trimite”, iar e-mailul dvs. HTML personalizat va fi livrat destinatarului.

Dacă totul merge bine, destinatarul dvs. va primi e-mailul redat perfect așa cum a fost în fișierul .html pe care l-ați creat. Vă recomandăm să vă trimiteți e-mailul înainte de a-l trimite destinatarilor vizați, doar pentru a vă asigura că nu există greșeli în codul HTML.

Utilizarea unei extensii de browser HTML Editor

Pentru utilizatorii cunoscători de tehnologie care doresc să aibă mai mult control asupra HTML brut al e-mailurilor lor și se simt confortabil cu editarea manuală, utilizarea unei extensii de editor HTML este o soluție viabilă.

Aceste extensii, disponibile pe scară largă pentru browsere populare precum Google Chrome, oferă utilizatorilor experimentați mijloace de a scrie și edita manual codul HTML înainte de a trimite e-mailul prin Gmail. Editorul HTML gratuit pentru Gmail de la cloudHQ este una dintre cele mai populare opțiuni disponibile pentru utilizatorii Chrome.

Pur și simplu instalați extensia și accesați Gmail pentru a accesa editorul HTML cu ecran divizat, unde puteți face modificări și puteți vedea efectele lor în direct, totul din confortul contului dvs. Gmail.

Limitări ale utilizării șabloanelor HTML personalizate

Din păcate, chiar și cu puterea de a scrie propriul cod HTML, există limitări de care trebuie să fii conștient înainte de a începe această călătorie. Iată ce trebuie să știți:

Spune-ți adio fonturilor!

Din păcate, Gmail nu oferă o modalitate de a importa fonturi web personalizate în e-mailurile HTML. Sunteți limitat la utilizarea fonturilor standard, care vă pot limita opțiunile de design și oportunitățile de branding.

Dacă trebuie să-ți folosești propriul brand undeva, nu ai de ales decât să apelezi la utilizarea imaginilor cu text scris în ele. Dar nici nu puteți trimite aceste imagini ca parte a e-mailului în sine, ceea ce ne conduce la următorul punct.

Imaginile trebuie să fie găzduite public

Nu puteți să vă conectați la o imagine de pe computer în e-mailul dvs. și să o trimiteți altora, poate apărea în browserul dvs. local, dar în momentul în care o adăugați în editorul Gmail, aceasta va refuza să se încarce.

În șablonul nostru exemplu, am folosit imagini din substituent și am plasat un pisoi, deoarece ambele sunt disponibile public. Imaginile dvs. trebuie, de asemenea, să fie disponibile public și găzduite undeva pe internet. Acesta poate fi propriul dvs. site web, sau un dosar public Google Drive sau un site web de partajare a imaginilor online.

Fără suport pentru foile de stil externe

Foile de stil externe nu vor funcționa în e-mailul dvs. Dacă sunteți competent cu CSS, luați în considerare utilizarea CSS încorporat și stiluri inline pentru a obține formatarea și stilul dorit pentru e-mailul dvs.

Această limitare poate adăuga complexitate procesului de proiectare, deoarece va trebui să includeți toate stilurile direct în codul HTML. În același timp, păstrați stilurile cât mai simple posibil, nu știți niciodată ce browser sau aplicația de e-mail folosesc destinatarii dvs., așa că cel mai bine este să rămâneți la stilurile CSS standard pentru compatibilitate maximă.

Respectați aspectele bazate pe tabel

În timp ce o mulțime de HTML modern utilizează elemente <div> pentru machete și stiluri, e-mailurile încă folosesc vechile aspecte bazate pe tabel. Deci, dacă trebuie să creați elemente de grilă sau casete, va trebui să faceți acest lucru folosind diferite etichete de tabel, cum ar fi <table> , <tr> și `<td>.

Acest lucru se datorează faptului că nu toată lumea folosește același furnizor de servicii de e-mail, așa că, chiar dacă Gmail începe să accepte o nouă funcție, vor fi nenumărate altele care rămân în urmă. Un e-mail redat incorect creează o primă impresie proastă, așa că cel mai bine este să rămâneți la ceea ce funcționează pentru toată lumea și să vă concentrați pe conținutul real al e-mailului în cauză.

E-mailuri cu text simplu vs e-mailuri HTML

Alegerea între trimiterea de e-mailuri cu text simplu și e-mailuri HTML joacă un rol esențial în determinarea eficienței și impactului mesajelor dvs. Ambele formate vin cu propriul set de avantaje, care răspund nevoilor și preferințelor unice.

Să evidențiem diferențele cheie dintre aceste două formate de e-mail:

În timp ce e-mailurile cu text simplu sunt cunoscute pentru simplitatea și compatibilitatea lor universală, e-mailurile HTML oferă o pânză mai largă pentru creativitate și implicare.

Trimite e-mailuri HTML personalizate folosind Mailmeteor!

Mailmeteor este un instrument puternic de marketing prin e-mail care simplifică procesul de trimitere a e-mailurilor HTML personalizate către mai mulți destinatari prin Gmail. Acest supliment la îndemână se integrează perfect cu Gmail și Foi de calcul Google pentru a vă permite să creați și să trimiteți e-mailuri personalizate cu ușurință.

• Personalizare e-mail: creați e-mailuri extrem de personalizate utilizând etichete de îmbinare personalizate din datele din Foi de calcul Google sau folosind platforma web cu câmpuri precum nume, detalii companie sau orice altă variabilă personalizată.
• Editor de șabloane HTML: utilizați Editorul HTML premium și inserați date personalizate direct în șabloanele dvs. de e-mail.
• Urmărirea e-mailurilor: Urmăriți-vă e-mailurile după ce părăsesc cutia poștală, vedeți dacă destinatarii le deschid și rulați teste A/B cu feedback de încredere.
• Biblioteca de șabloane: accesați o bibliotecă de șabloane de e-mail pre-proiectate sau creați propriile șabloane de e-mail HTML pe care să le utilizați în campaniile dvs.