Cum de a crea HTML-mail: ghid pas cu pas

Listele de discuții sunt o parte importantă a campaniilor de marketing. Creați email-uri pentru ei în multe privințe se aseamănă cu dezvoltarea de pagini web simple. În același timp, aceasta ar trebui să ia în considerare unele diferențe importante. În special, trimiterea HTML-e-mailuri vor fi eficiente numai în cazul în care acestea sunt realizate corect în sens tehnic, iar conținutul și stilul lor îndeplinesc obiectivele. În acest caz, există o percepție că un laic nu poate face față cu această sarcină. Acest articol prevede pas cu pas instructiunile detaliate, cum să scrie și cum să trimită HTML-mail.

Caracteristici ale creației

Omul modern primește zilnic o medie de 5-6, și, uneori, până la 10 de e-mail-uri. Acest lucru înseamnă că aveți doar mai puțin de o secundă, pentru a avea timp să atragă atenția destinatarului, înainte de a merge la citirea următoarei corespondență. În caz contrar, trimiterea de email-uri HTML-va fi complet ineficiente, și tocmai ai pierdut timpul.

Una dintre nuanță care crește șansele de a atrage atenția potențialilor clienți sau a altor publicul țintă este crearea de corespondență, care este adaptată pentru dispozitive mobile. La urma urmei, majoritatea celor cărora li se adresează pentru a vizualiza e-mail, probabil, le folosesc mai des decât computerele desktop și laptop-uri.

În acest scop, poate fi utilizat, de exemplu, „designul receptiv“ se adaptează cu ușurință la dimensiunea ecranului.

Care ar trebui să fie șablon scrisoare

În cazul în care formatul documentului, destinat să trimită corespondenți, ar trebui să adere la următoarele cerințe:

• Ar trebui să fie destul de îngust, adică. E. În dimensiune nu trebuie să depășească intervalul de 500-600 pixeli care asigură afișarea corectă a textului și alte tipuri de conținut pe dispozitivele de orice tip.
• Trebuie să utilizați un font suficient de mare pentru toate informațiile de text precum și iOS-dispozitiv HTML-mail va fi incomod pentru a citi dacă dimensiunea fontului de cel puțin 13 pixeli.
• Elementele pe care puteți face clic pentru a face, ar trebui să fie suficient de mari și izolate de cele mai strânse legături. În acest caz, destinatarul le poate activa cu ușurință la prima încercare.

pregătire

Înainte de dezvoltarea HTML-litere, ar trebui să creați unul dintre drive-urile un dosar nou și denumiți-l, de exemplu, „News“. În plus, trebuie să descărcați și instalați software-ul Dreamweaver CS3. Acest produs de la Adobe este destul de simplu site-uri web instrument de proiectare și este foarte potrivit pentru dezvoltarea unei scrisori de discuții în format HTML.

Crearea și salvarea unui document

Înainte de a scrie textul scrisorii, trebuie să:

• deschide destul de popular program de designer HTML-emailurile Dreamweaver CS3 (DW);
• a crea un document prin selectarea unui tip de „HTML Tranziție 4.01»;
• salvați fișierul cu extensia «.html»;
• în meniul de sus pentru a găsi comanda de editare;
• Debifati check-box „Utilizarea CSS in loc de tag-ul HTML».

Ghid pas cu pas

Acum, să vedem cum de a crea HTML-mail. Pentru a face acest lucru:

• deschide Consistently fila meniul „Insert“ și „de masă“ și pentru a expune parametrii necesari din tabel. De exemplu, linia - 2 coloane - 1, lățime - 700, antetul - partea de sus. Limitele pot fi stabilite, și puteți face fără ele, specificând 0.
• Forma antetul mesajului. Deoarece HTML-litere destinate unui număr mai mare de beneficiari, deci utilizați operatorul [FIRST_NAME], pentru a înlocui numele destinatarului dorit.
• În fereastra de jos, „Properties“ a pus parametrii necesari pentru font, dimensiunea și culoarea textului din titlu și culoarea de fundal.
• „Exit“ din câmpul antet. În partea de jos a ecranului pentru a muta cursorul pune opțiunile „Centrat“ și „în mijloc.“
• Introduceți mesajul text pregătit sau „ a scrie“ , acesta chiar în programul DW selectând tipul și dimensiunea fontului, și alinierea textului de pe pagina.

Crearea de legături hipertext

Vom încerca să facă HTML litere mai profesionale și avansate. Cu acest scop în hyperlink-uri ascunde conținut. Pentru a face acest lucru, selectați locul în text, care a fost ales ca o legătură hipertext. În colțul din stânga ar trebui să fie „deschise“, pictograma corespunzătoare și introduceți un link din caseta verticală din partea de sus a ecranului. În acest caz, nu uitați să bifați caseta de selectare «_blank», pentru a deschide link-ul într-o fereastră nouă, iar destinatarul după spectacol nu a pierdut accesul la scrisoarea principală.

Cum de a insera imagini

De obicei, o scrisoare în format HTML completează datele de contact, de preferință, cu o fotografie a autorului sau imaginea tematică relevantă. Acesta poate fi descărcat de pe Internet sau prin descărcarea de pe Internet, deoarece veți avea nevoie de adresa URL a imaginii. Acest lucru este cel mai bine realizat de unul dintre serviciile gratuite.

Pentru a elibera un astfel de final frumos:

• introdus în partea de jos a mesajului, într-o altă tabelă de bază 3 și coloanele 0 parametri pentru pixelii de frontieră;
• pune cursorul în tabel, în cazul în care doresc să vadă imaginea;
• marca în fereastra de jos, „mijloc“ și „marginea superioară“ pentru fiecare secțiune;
• alege din fila meniul de sus „Insert“;
• faceți clic pe inscripția „Imagine“ din meniul pop-up, inserați adresa de contact copiat;
• apăsați «OK» 2 ori.

recenzie

Acum, că știi cum să faci HTML litere, trebuie să vă asigurați că destinatarul va vedea în forma corectă. În acest scop, înainte de a trimite pe care doriți să vedeți munca în browser-ul Dreamweaver CS3. Pentru a face acest lucru, faceți clic pe pictograma cu un glob din meniul de sus din mijloc. Dacă în loc de litere a apărut pe ecran, Abracadabra, ar trebui să pună în browser setările avtokodirovku.

codare

Din secțiunea „Proiect“ și du-te la partea de cod - „Codul“. În fereastra care se separă și copia tot ce se află între etichetele și . Salvați fișierul. În continuare, inserați codul HTML.

Trimiterea HTML-e-mailuri

Pentru a face e-mail deschis "Smartresponder" (SR). atunci:

• alege sau de a crea un nou e-mail completând șirul „numele“ și „adresa expeditorului.“
• umple linia „tema scrisorii“;
• marca în meniul din stânga HTML codul superior;
• cod de încorporare copiat în programul DW-cod într-un câmp mare „Sursă“;
• verifică corectitudinea mijloacelor de afișare a unui instrument de „Previzualizare“;
• Șterge versiunea text a scrisorii;
• testați-l pentru spam-ul, folosind butonul corespunzător de lângă butonul „Trimite“.

Mai multe template-uri populare

Folosind un cadru ajută să accelereze în mod semnificativ procesul de scriere și de a face mai accesibilă pentru dezvoltator, care a înțelege doar elementele de bază de a crea web-documente. Cele mai populare modele:

• Cerberus. Acest set de așa-numitele șabloane sensibile pentru a crea scrisori, afișate în mod normal, într-o aplicație mobilă Gmail, și în Outlook. Acesta vă permite să utilizați blocuri HTML-cod, fie singur, fie prin combinarea acestora.
• Cerneala - recolteaza email - uri, trimiterea prin poștă care sunt aproape universale și compatibile cu toate dispozitivele și clienții.
• Într - adevăr simplu șablon de e - mail HTML. Șablonul vă permite să creați scrisori de discuții sunt foarte ușor și rapid. Cu toate acestea, ei vor avea un design foarte simplu, sub forma unei coloane, care a intrat într-un apel la acțiune.

Cum de a insera într-un cod HTML

Să considerăm acum o problemă ușor diferită. Pentru a introduce codul HTML într-un e-mail, de exemplu, folosind gmail, ca în exemplul de mai jos, browserul Google Chrome, trebuie:

• faceți clic pe butonul de «F12», sau selectați secvența corespunzătoare a comenzilor din meniu;
• în fereastra deschisă la pagina codului curent gmail clientului găsi un loc în care să fie introdus în HTML litere, face un clic dreapta și alegeți «Editare ca HTML».
• inserați codul HTML;
• apăsați o combinație de două taste Ctrl «» și «Enter».

În același scop, puteți descărca ușor-ispolzovnii programul Mozilla Thunderbird. Cu aceasta puteți crea o literă, apoi selectați mai întâi „Inserare“ și apoi „HTML“ și inserați codul dvs. de corespondență.

instrumente

Vordpressovsky e-Newsletter plugin vă permite să gestionați profesional buletine de știri și abonați. Și apoi, și un altul se face direct prin panoul de administrare WordPress. Această situație oferă un control complet și complet gratuit, care nu poate decât să se bucure.

Un alt instrument simplu - imagini de fundal antiglonț, care este un instrument simplu care vă permite să obțineți codul pentru imaginea de fundal creat de litere. Acesta vă poate ajuta să face corespondența mai frumos. Pentru înregistrarea scrisorii ar trebui să intre pur și simplu adresa URL a imaginii de fundal ti -a placut si rezerva de culoare, și dacă acești parametri sunt aplicate întregului corp al HTML-mail-uri sau acestea sunt destinate numai pentru una dintre celulele din tabel. Rezultatul este un cod gata făcut pe care doriți să copiați și inserați în șablonul.

Acum, că știi cum să trimită HTML-mail. Crearea ei nu este deosebit de dificil, mai ales dacă utilizați template-uri gata făcute, în care banda nu este lipsa. De aceea, chiar și cei care nu au cunoștințe speciale, se pot face față cu ușurință această sarcină.