Codepen este un instrument gratuit excelent pentru editarea limbajului HTML, precum și a altor limbaje web. După ce îți creezi un cont gratuit și dai clic pe linkul către unul dintre șabloanele de e-mail, vei fi redirecționat către o pagină care arată cam așa:

Mai întâi, dă clic pe butonul „Fork” din colțul din dreapta sus al ferestrei pentru a crea o copie a șablonului pe care o poți edita.

Va trebui să editați codul sursă HTML pentru a modifica conținutul e-mailului. Cu toate acestea, întrucât toate programele de e-mail (cum ar fi Gmail, Outlook și Apple Mail) tratează e-mailurile într-un mod ușor diferit, nu ar trebui să modificați structura e-mailului, altfel s-ar putea să nu funcționeze. Conținutul pe care ar trebui să vă concentrați estetextul, fie că este vorba doar de inserarea numelui regiunii, a adresei de e-mail și a altor informații relevante, fie de traducerea întregului text.

Personalizarea textului din codul HTML este destul de simplă, odată ce știi unde să-l găsești. În Codepen, tot textul care apare în e-mail este alb. De exemplu, dacă folosiți șablonul prezentat, va trebui să personalizați rândul de culoare albă de aici pentru a include numele regiunii dumneavoastră:

După ce ați personalizat tot textul din e-mail, trebuie să vă asigurați că modificați orice conținut care conține hyperlinkuri. Puteți consulta previzualizarea e-mailului pentru a le identifica mai ușor; de obicei, acestea sunt butoane și adrese de e-mail. În codul sursă, acestea vor apărea sub forma:

<a href="URL">some text</a>

De exemplu, linkul evidențiat mai jos trebuie înlocuit cu adresa URL a unei pagini web de confirmare a participării la un eveniment:

Aceste date de contact trebuie modificate pentru a include adresa mea de e-mail, precum și pagina web de confirmare a participării. Vă rugăm să rețineți că în rândul evidențiat trebuie modificate două adrese URL distincte:

După ce ai terminat, vei fi gata să exportezi fișierul HTML. Pentru aceasta, dă clic pe butonulde export din colțul din dreapta jos al ferestrei, apoi selectează „Export .zip”:

Gata! Acum ești gata să testezi e-mailul și să-l trimiți.