Kako stvoriti HTML-pismo: korak-po-korak upute

Popisi e-pošte važan su dio marketinških kampanja. Stvaranje pisama za njih na mnogo načina podsjeća na razvoj jednostavnih web stranica. Istodobno treba uzeti u obzir i neke važne razlike. Konkretno, distribucija HTML-pisama bit će učinkovita samo ako su pravilno sastavljeni u tehničkom smislu, a njihov sadržaj i stil su u skladu s vašim ciljevima. Istodobno, postoji mišljenje da se laik ne može nositi s tim zadatkom. Ovaj članak sadrži detaljne upute o tome kako pisati i kako poslati HTML-slovo.

Značajke stvaranja

Moderna osoba dnevno prima prosječno 5-6, a ponekad i do 10 e-poruka. To znači da imate samo manje od sekunde da privučete pozornost primatelja prije nego što nastavlja čitati sljedeću korespondenciju. Inače, slanje HTML-slova bit će apsolutno neučinkovito, a vi ćete jednostavno gubiti vrijeme uzalud.

Jedna od nijansi koje povećava vaše šanse privlačenja pažnje potencijalnih kupaca ili druge ciljne publike jest stvaranje korespondencije koja je prilagođena mobilnim uređajima. Uostalom, većina onih kojima je adresirana za pregledavanje pošte svakako ih koristi mnogo češće od stolnih računala i prijenosnih računala.

U tu svrhu možete koristiti, na primjer, "odgovarajući dizajn", koji se lako prilagođava veličini zaslona.

Što bi trebao biti predložak pisma?

Prilikom izrade dokumenta namijenjenog slanja dopisnicima, pridržavajte se sljedećih uvjeta:

• To bi trebalo biti dovoljno usko, tj. U veličini ne smije prelaziti raspon od 500-600 piksela, što će osigurati točan prikaz teksta i drugog sadržaja na uređajima bilo koje vrste.
• Potrebno je upotrijebiti prilično veliku veličinu slova za sve tekstualne informacije, jer na iOS uređajima HTML-slovo će biti neprikladno za čitanje ako je veličina slova manja od 13 piksela.
• Elementi pomoću kojih možete kliknuti trebali bi biti dovoljno velik i izolirani od najbližih veza. U tom slučaju primatelj ih se može jednostavno aktivirati od prvog pokušaja.

Priprema

Prije nego što razvijete pismo na temelju HTML-a, trebali biste stvoriti novu mapu na jednom disku i nazvati ga, na primjer, "Newsletteri". Osim toga, morate preuzeti i instalirati Dreamweaver CS3. Ovaj proizvod iz Adobe je jedan od prilično jednostavnih alata za izradu web stranica i prikladan je za razvoj pisma e-pošte u HTML formatu.

Stvorite i spremite dokument

Prije nego što napišete dio teksta, trebate:

• otvoriti prilično popularan programski dizajner HTML-slova Dreamweaver CS3 (DW);
• Izradite dokument odabirom "Transitional HTML 4.01" kao vrstu;
• spremite datoteku s nastavkom ".html";
• u gornjem izborniku pronađite naredbu za uređivanje;
• uklonite oznaku iz okvira "Koristi CSS umjesto HTML oznaka".

Podrobna uputa

Sada razmotrite kako stvoriti HTML-slovo. Da biste to učinili:

• Uzastopno otvorite kartice "Umetni" i "Tablica" u izborniku i postavite potrebne parametre tablice. Na primjer, linije - 2, stupci - 1, širina - 700, naslov - odozgo. Granice se mogu postaviti, ali ih možete bez njih, označavajući 0.
• Oblikujte naslov pismo. Budući da je HTML pismo namijenjeno većem broju primatelja, stoga koristite [first_name] operatera, zamjenjujući željeni naziv primatelja.
• U donjem prozoru "Svojstva" postavite potrebne parametre za font, veličinu i boju teksta zaglavlja i boja pozadine.
• "Izlaz" iz zaglavlja. Na dnu zaslona postavite parametre za pokazivač "Centar" i "U sredini".
• Zalijepite spremni tekst slova ili "napiši" izravno u program DW, odabirom željene vrste i veličina fonta, i mjesto teksta na stranici.

Izrada hipertekstualnih veza

Pokušat ćemo napraviti HTML pisma profesionalnijim i naprednijim. S tim ciljem skrivanje hipertekstualnih veza u sadržaju. Da biste to učinili, odaberite mjesto u tekstu koji je odabran kao hipertekstna veza. U lijevom kutu pri vrhu zaslona trebali biste "otvoriti" odgovarajuću ikonu i umetnuti vezu u padajući okvir. Istodobno, ne zaboravite staviti kvačicu u okvir za izbor "_blank", tako da se veza otvori u novom prozoru, a primatelj nakon pregledavanja nije izgubio pristup glavnom slovu.

Kako umetnuti slike

Pismo u HTML formatu obično završava kontaktnim podacima, po mogućnosti s fotografijom autora ili s odgovarajućom tematskom slikom. Može se preuzeti s interneta ili unaprijed učitati na Internetu jer će vam trebati URL ove slike. Najbolji način za to je putem jedne od besplatnih usluga.

Kako bi dizajn takav lijep kraj:

• umetnite na dno slova, unutar glavne tablice još jednu sa 3 stupca i parametar za granicu od 0 piksela;
• stavite pokazivač na mjesto gdje želite vidjeti sliku;
• bilješka u donjem prozoru "U sredini" i "Na vrhu ruba" za svaki odjeljak;
• odaberite karticu "Umetni" u gornjem izborniku;
• kliknite na natpis "Slika" i na padajućem izborniku zalijepite adresu koju smo kopirali;
• pritisnite "Ok" 2 puta.

Pogledaj unutra

Sada kada znate napraviti HTML-pismo, trebali biste provjeriti da ga primatelj vidi u ispravnom obliku. Da biste to učinili, prije slanja morate pregledati svoj rad u pregledniku Dreamweaver CS3. Da biste to učinili, kliknite ikonu s globom u srednjem gornjem izborniku. Ako se umjesto slova na zaslonu pojavi abracadabra, onda biste trebali postaviti u postavkama vašeg preglednika auto-kodiranje.

kodiranje

Od odjeljka "Projekt" i idite na dio koda - "Šifra". U prozoru koji se otvori odaberite i kopirajte sve što je zatvoreno između oznaka i . Spremite datoteku. Zatim zalijepite HTML kôd.

Pošaljite HTML poruku

Da biste izvršili otpremu, otvorite SmartResponder (SR). tada je:

• odaberite ili izradite novo pismo popunjavanjem "Ime" i "Adresa pošiljatelja".
• popunite redak "Predmet pisma";
• označite u gornjem lijevom izborniku HTML kôd;
• umetnite kod koji je kopiran u DW kod u veliki polje "Izvor";
• provjerite točnost zaslona pomoću alata "Pregled";
• izbrisati tekstualnu verziju poruke;
• testirati ga za neželjenu poštu pomoću gumba istog naziva koji se nalazi pored gumba "Pošalji".

Neki popularni predlošci

Korištenje okvira pomaže uvelike ubrzati proces stvaranja pisma i učiniti ga pristupačnijim razvojnom programeru koji još uvijek uči osnove stvaranja internetskih dokumenata. Najpopularniji predlošci su:

• Kerber. Taj skup tzv. Responzivnih predložaka omogućuje stvaranje pisama koja se normalno prikazuju i u aplikaciji za mobilne Gmail i u programu Outlook. Omogućuje vam upotrebu blokova HTML koda pojedinačno ili kombiniranjem.
• tinta - ovo je priprema pisama, čije slanje je gotovo univerzalno i kompatibilno s bilo kojim uređajima i klijentima.
• Vrlo jednostavan HTML predložak e-pošte. Predložak vam omogućuje jednostavno i brzo kreiranje poštanskih brojeva. Istina, imat će izuzetno jednostavnu izvedbu u obliku jednog stupca, u kojemu se završava poziv na akciju.

Kako umetnuti HTML u poruku

Sada razmotrimo nešto drugačiji problem. Da biste umetnuli HTML kôd u e-poštu, na primjer, putem Gmail, kao u primjeru u nastavku, preglednik Google Chrome, trebali biste:

• Pritisnite tipku "F12" ili odaberite odgovarajući slijed naredbi u izborniku;
• u otvorenom prozoru s kodom trenutne stranice gmail klijenta, pronađite mjesto gdje trebate umetnuti HTML-pismo, desnom tipkom kliknite i odaberite "Uredi kao HTML".
• umetnite kopiran HTML kôd;
• Pritisnite kombinaciju dvaju tipki "Ctrl" i "Enter".

U istu svrhu možete preuzeti jednostavan Mozilla thunderbird program. Pomoću nje možete stvoriti pismo, a zatim prvo odaberite "Zalijepi", a zatim "HTML" i unesite kôd svoje pošte.

instrumenti

Wordpress plug-in e-Newsletter vam omogućuje profesionalno upravljanje mailing liste i pretplatnika. Oba se obavljaju izravno putem WordPress administracije. Ova okolnost pruža potpunu kontrolu i potpuno je slobodna, što se ne može radovati.

Još jedan jednostavan alat - zrcalna pozadinska slika, koja je jednostavan alat koji vam omogućuje da dobijete kod za pozadinsku sliku stvorenih slova. Pomoću nje možete učiniti korespondenciju mnogo ljepšom. za obradu slova samo trebate navesti URL pozadinske slike koju želite i njegovu boju sigurnosne kopije, te trebaju li se ti parametri primijeniti na cijelo tijelo HTML poruke ili su namijenjeni samo za jednu od ćelija tablica. Kao rezultat toga, dobit ćete gotov kod koji želite kopirati i zalijepiti u svoj predložak.

Sada znate slati HTML slovo. Njegovo stvaranje nije osobito teško, pogotovo ako koristite gotove predloške u kojima nema nedostatka na webu. Stoga i oni koji nemaju posebna znanja lako se mogu nositi s tim zadatkom.