Kako stvoriti HTML e-poštu: detaljne upute

Popisi za slanje važan su diomarketinške kampanje. Pisanje e-maila za njih je slično oblikovanju jednostavnih web stranica. Istodobno, treba uzeti u obzir neke važne razlike. Slanje HTML e-pošte posebno će biti učinkovito samo ako su sami tehnički ispravni i ako su njihov sadržaj i stil u skladu s vašim ciljevima. Istodobno, postoji mišljenje da se laik ne može nositi s tim zadatkom. Ovaj članak pruža detaljne detaljne upute o tome kako pisati i kako poslati HTML e-poštu.

Značajke stvaranja

Suvremeni čovjek prima prosječno dnevno5-6, a ponekad i do 10 e-adresa. To znači da imate samo manje od sekunde da privučete pažnju adresata prije nego što krene čitati sljedeću prepisku. U suprotnom, vaša HTML pošta bit će potpuno neučinkovita i jednostavno ćete gubiti vrijeme.

Jedna od nijansi koja povećava vaše šanse zaprivlačenje pozornosti potencijalnih kupaca ili druge ciljne publike je stvaranje korespondencije koja je prilagođena mobilnim uređajima. Napokon, većina onih kojima je namijenjena za pregled pošte, vjerojatno ih koriste puno češće od stolnih računala i prijenosnih računala.

U tu svrhu možete primijeniti, na primjer, "responzivni dizajn" koji se lako prilagođava veličini zaslona.

Što bi trebao biti predložak slova

Prilikom postavljanja dokumenta namijenjenog slanju dopisnicima, treba se pridržavati sljedećih zahtjeva:

• Trebao bi biti dovoljno uski, odnosno ne bi trebao prelaziti raspon veličine 500-600 piksela, što će osigurati točan prikaz teksta i drugog sadržaja na uređajima bilo koje vrste.
• Morate upotrijebiti dovoljno velik font za sve tekstualne informacije, jer će na iOS uređajima HTML slovo biti nezgodno za čitanje ako je veličina fonta manja od 13 piksela.
• Elementi na koje se može kliknuti moraju biti dovoljno veliki i izolirani od najbližih poveznica. U tom ih slučaju primatelj može lako aktivirati u prvom pokušaju.

Priprema

Prije nego što razvijete HTML e-poštu, trebali bistestvorite novu mapu na jednom od pogona i nazovite je, na primjer, "Mailings". Također je potrebno preuzeti i instalirati Dreamweaver CS3. Ovaj Adobeov proizvod jedan je od najjednostavnijih alata za dizajn web stranica i vrlo je pogodan za izradu HTML mailing liste.

Stvorite i spremite dokument

Prije pisanja tekstualnog dijela pisma morate:

• Otvorite popularni Dreamweaver CS3 (DW) HTML izrađivač;
• stvoriti dokument odabirom tipa "Prijelazni HTML 4.01";
• spremite datoteku s nastavkom ".html";
• pronađite naredbu za uređivanje u gornjem izborniku;
• poništite potvrdni okvir "Koristi CSS umjesto HTML oznaka".

Upute korak po korak

Sada, pogledajmo kako stvoriti HTML e-poštu. Za ovo:

• Sekvencijalno otvorene kartice u izborniku"Umetni" i "Tablica" i postavite potrebne parametre tablice. Na primjer, retci - 2, stupci - 1, širina - 700, naslov - vrh. Granice se mogu postaviti, a možete i bez njih tako da navedete 0.
• Oblikujte naslov slova. Budući da je HTML poruka namijenjena većem broju primatelja, zato upotrijebite operator [first_name], zamjenjujući željeno ime primatelja.
• U donjem prozoru "Svojstva" postavite željene parametre za font, veličinu i boju teksta naslova i boju pozadine.
• "Izlaz" iz područja naslova. Na dnu zaslona postavite parametre za pokazivač "Center" i "Middle".
• Gotov tekst slova umetnemo ili ga "napišemo" izravno u DW program, odabirom željene vrste i veličine fonta, kao i mjesta na kojem se nalazi tekst na stranici.

Stvaranje hipertekstualnih poveznica

Pokušajmo povećati HTML e-poštuprofesionalni i napredni. U tu ćemo svrhu sakriti hipertekstualne veze u sadržaj. Da biste to učinili, morate odabrati mjesto u tekstu koje ste odabrali kao hipertekstualnu vezu. U lijevom kutu na vrhu zaslona trebali biste "otvoriti" odgovarajuću ikonu i umetnuti vezu u skočni prozor. U tom slučaju, ne zaboravite staviti kvačicu u potvrdni okvir "_prazno", tako da se veza otvara u novom prozoru, a primatelj nakon pregleda ne gubi pristup glavnom slovu.

Kako umetnuti slike

HTML e-pošta obično završava spodaci za kontakt, po mogućnosti s fotografijom autora ili s prikladnom tematskom slikom. Može se preuzeti s Interneta ili prethodno poslati na Internet, jer će vam trebati URL ove slike. Najbolji način za to je putem jedne od besplatnih usluga.

Da bismo dogovorili tako lijep kraj:

• umetnite na dnu slova, unutar glavne tablice, još jedan s 3 stupca i parametrom za granicu od 0 piksela;
• stavite kursor na mjesto stola tamo gdje žele vidjeti sliku;
• označite u donjem prozoru "U sredini" i "Uz gornji rub" za svaki odjeljak;
• odaberite karticu "Umetni" u gornjem izborniku;
• kliknemo na natpis "Slika" i u padajući izbornik zalijepimo kopiranu adresu;
• pritisnite "Ok" 2 puta.

Pogled

Sad kad znate kako napraviti HTML e-poštu,trebali biste se pobrinuti da je adresat vidi u ispravnom obliku. Da biste to učinili, morate pregledati svoje umjetničko djelo u Dreamweaver CS3 prije nego što ga pošaljete. Da biste to učinili, morate kliknuti ikonu globusa u gornjem središnjem izborniku. Ako se umjesto slova na zaslonu pojave nerazumijevanja, u postavkama preglednika trebali biste postaviti automatsko kodiranje.

Kodiranje

Iz odjeljka "Projekt" i idite na dio koda - "Kod". U prozoru koji se otvori odaberite i kopirajte sve između oznaka <body> i </body>. Spremamo datoteku. Zatim zalijepite HTML kôd.

Slanje HTML e-pošte

Kako bi bilten otvorio "Pametni odgovor" (SR). Zatim:

• odaberite ili izradite novo slovo ispunjavanjem redaka "Ime" i "Adresa pošiljatelja".
• ispunite redak "Predmet pisma";
• označite HTML kôd u gornjem lijevom izborniku;
• zalijepite kod kopiran u programu DW-koda u veliko polje "Izvor";
• provjerite ispravnost prikaza pomoću alata "Pregled";
• izbrisati tekstualnu verziju pisma;
• testirajte ga na neželjenu poštu pomoću istoimenog gumba koji se nalazi pored gumba "Pošalji".

Nekoliko popularnih predložaka

Korištenje okvira puno pomažekako bi ubrzao postupak izrade pisma i učinio ga pristupačnijim programeru koji još uvijek uči osnove izrade web dokumenata. Najpopularniji predlošci su:

• Cerberus... Ovaj set takozvanih responzivnih predložakaomogućuje vam sastavljanje e-adresa koje se normalno prikazuju i u mobilnoj aplikaciji Gmail i u programu Outlook. Omogućuje vam upotrebu blokova HTML koda ili pojedinačno ili njihovim spajanjem.
• Tinta Je priprema pisama čija su poštanska pošiljka gotovo univerzalna i kompatibilna s bilo kojim uređajima i klijentima.
• Stvarno jednostavan HTML predložak e-pošte. Predložak vam omogućuje stvaranje brzog i jednostavnog pisma. Istina, imat će izuzetno jednostavan dizajn s jednim stupcem koji sadrži poziv na akciju.

Kako umetnuti HTML u e-poštu

Razmotrimo sada malo drugačiji problem. Da biste umetnuli HTML kôd u e-poštu poput gmaila pomoću preglednika Google Chrome, kao u primjeru u nastavku, trebali biste:

• pritisnite gumb "F12" ili odaberite odgovarajući redoslijed naredbi u izborniku;
• u prozoru koji se otvori s kodom trenutne stranice klijenta gmaila pronađite mjesto na koje treba umetnuti HTML slovo, kliknite desnom tipkom miša i odaberite "Uredi kao HTML".
• zalijepite kopirani HTML kôd;
• pritisnite kombinaciju dvije tipke "Ctrl" i "Enter".

U istu svrhu možete preuzeti i jednostavan upomoću programa Mozilla thunderbird. Pomoću nje možete stvoriti slovo, a zatim prvo odabrati "Umetni", a zatim "HTML" i tamo umetnite svoj poštanski broj.

instrumenti

WordPress dodatak za e-biltene omogućujeprofesionalno upravljati poštom i pretplatnicima. Štoviše, oba se rade izravno putem WordPress administratorske ploče. Ova okolnost pruža potpunu kontrolu i potpuno je besplatna, što je dobra vijest.

Još jedan jednostavan alat je Bulletproofpozadinske slike, što je jednostavan alat koji vam omogućuje dobivanje koda za pozadinsku sliku generirane e-pošte. Pomoću nje možete puno uljepšati dopisivanje. Da biste dizajnirali slovo, trebate samo navesti URL pozadinske slike koja vam se sviđa i njezinu rezervnu boju, kao i trebaju li se ti parametri primijeniti na cijelo tijelo HTML slova ili su namijenjeni samo jednoj tablici Stanice. Kao rezultat, dobit ćete gotov kod koji trebate kopirati i zalijepiti u svoj predložak.

Sada znate kako poslati HTML e-poštu.Njegova izrada nije osobito teška, pogotovo ako koristite gotove predloške, kojih na webu ne nedostaje. Stoga se i oni koji nemaju posebna znanja mogu lako nositi s tim zadatkom.