Kako stvoriti HTML-mail: korak po korak vodič

Mailing liste su važan dio marketinške kampanje. Stvoriti e-poštu za njih na mnogo načina liči razvoj jednostavnih web stranica. Istovremeno, treba uzeti u obzir neke bitne razlike. Konkretno, slanje HTML-e će biti efikasan samo ako su činili ispravno u tehničkom smislu, a njihov sadržaj i stil ispuniti svoje ciljeve. U ovom slučaju, postoji percepcija da laik ne može nositi s ovog zadatka. Ovaj članak pruža detaljne korak po korak upute kako da pišu i kako poslati HTML-mail.

Karakteristike stvaranja

Moderni čovjek prima dnevno u prosjeku od 5-6, a ponekad i do 10 e-mailove. To znači da imate samo manje od sekunde, imati vremena da bi privukli pažnju primaoca, prije nego što ide na čitanje sljedeće prepiske. U suprotnom, slanje HTML-e će biti potpuno neefikasan, a ti samo izgubljenog vremena.

Jedan od nijanse koje povećavaju vaše šanse za privlačenje pažnje potencijalnih kupaca ili drugih ciljana publika je stvaranje korespondenciju, koji je prilagođen mobilnim uređajima. Na kraju krajeva, većina onih na koje se odnosi da biste vidjeli e-mail, vjerojatno ih češće koriste nego desktop računara i laptopova.

Za tu svrhu mogu se koristiti, na primjer, "responsive dizajn" lako se prilagođava veličini ekrana.

Ono što bi trebalo da bude predložak pismo

Kada je prikaz dokumenta, namijenjen za slanje dopisnika, treba da se pridržavaju sljedeće uvjete:

• To bi trebalo biti dosta uska, tj. E. U veličina ne smije prelaziti opseg 500-600 piksela koji daju ispravan prikaz teksta i drugih sadržaja na uređajima bilo koje vrste.
• Potrebno je da koristite dovoljno veliki font za sve informacije u tekstu, kao i iOS-uređaj HTML-mail će biti neugodno čitati ako je veličina fonta od najmanje 13 piksela.
• Elementi na kojima možete kliknuti da radim, treba da bude dovoljno velika i izolirani od najbliže veze. U ovom slučaju, primalac može lako ih aktivirati iz prvog pokušaja.

obuka

Prije razvoj HTML pismo, trebalo bi stvoriti jedan od diskova novi folder i ime je, na primjer, "Vijesti". Osim toga, morate preuzeti i instalirati softver Dreamweaver CS3. Ovaj proizvod iz Adobe je prilično jednostavan alat dizajn web stranica i dobro je pogodna za razvoj mailing slova u HTML formatu.

Stvori i spremi dokument

Prije nego što napišete tekst pisma, potrebno je da:

• otvoriti prilično popularan program-dizajner HTML-e-mailove Dreamweaver CS3 (DW);
• stvoriti dokument odabirom vrsta "Tranzicija HTML 4.01»;
• spremite datoteku s ekstenzijom ".html»;
• u glavnom meniju da naredbu za uređivanje;
• ukloniti krpelja od check-box "Use CSS umjesto oznake HTML».

Korak po korak vodič

Sada, da vidimo kako stvoriti HTML-pošte. Da bi se to učiniti:

• Dosljedno otvorite karticu izbornika "Umetanje" i "sto" i izložiti potrebne parametre stola. Na primjer, linija - 2 kolone - 1, Širina - 700, u zaglavlju - vrha. Granice može se postaviti, a možete bez njih, navodeći 0.
• Oblik zaglavlja poruke. Od HTML pismo namijenjen za veći broj korisnika, tako da koristi operator [first_name], zamijeniti ime željenog primatelja.
• U donjem prozoru, "Properties" postavio potrebne parametre za font, veličinu i boju naslova teksta i boja pozadine.
• "Exit" iz polja zaglavlja. Na dnu ekrana za pomicanje opcije kursor put "Centrirane" i "u sredini."
• Ubacite pripremljene tekstualne poruke ili "slike" to pravo u DW programu izborom vrste i veličine slova, i poravnanje teksta na stranici.

Stvaranje hipertekst linkova

Mi ćemo pokušati da HTML pismo više profesionalni i napredni. S tim ciljem u skrivanje sadržaja hipervezama. Da biste to učinili, odaberite mjesto u tekstu, koji je izabran kao link hipertekst. U lijevom kutu bi trebao biti "otvoren" odgovarajuću ikonu i ubacite link od pada kutije na vrhu ekrana. U ovom slučaju, ne zaboravite da stavite krpelja u check-box "_blank", da biste otvorili link u novom prozoru, a primalac nakon emisije nije izgubio pristup glavnoj pismo.

Kako da ubacite slike

Obično pismo u HTML formatu upotpunjuje kontakt podatke, po mogućnosti sa slikom autora ili relevantne tematske slike. Može se preuzeti sa Interneta ili preuzimanjem na internetu, jer će vam trebati URL slike. Ovo je najbolje uraditi jedan od besplatnih usluga.

Da izda tako dobar završetak:

• umetnuta u dnu poruke, u drugu bazu tabela 3 i kolone 0 parametar za granicu piksela;
• stavi kursor u tabeli, u kojoj žele da vide sliku;
• trag u donjem prozoru, "srednji" i "gornji rub" za svaki odjeljak;
• odabrati iz vrha kartici izbornika "Umetanje";
• Kliknite na natpis "Image" u meniju popup, zalijepite kopirani kontakt adresu;
• pritisnuti «Ok» 2 puta.

pregled

Sada kada znate kako to učiniti HTML pismo, ne bi trebalo biti sigurni da je primalac će ga vidjeti u ispravnom obliku. U tu svrhu, prije podnošenja želite da vidite svoj rad u Dreamweaver CS3 pretraživača. Da biste to učinili, kliknite na ikonu sa globus u sredini gornjem izborniku. Ako umjesto slova pojavio na ekranu, abrakadabra, trebalo bi staviti u vašem pretraživaču postavkama avtokodirovku.

šifrovanje

Iz sekcije "Projekat" i idite na kod dijela - "Kodeks". U prozoru koji se izdvajaju i kopirati sve što se nalazi između tagova i . Sačuvajte datoteku. Zatim ubacite HTML-koda.

Slanje HTML-e-mailove

Da bi pošte otvorena "Smartresponder" (SR). onda:

• odabrati ili otvorite novu e-popunjavanjem niz "ime" i "adresu pošiljaoca".
• popuniti line "tema slova";
• oznaka u gornjem lijevom meniju HTML-kod;
• embed kod kopirati u program DW-koda u velikom polju "Izvor";
• provjeriti ispravnost prikaza pomoću funkcije "Preview";
• Briše tekst verzija pisma;
• testirati ga za spam, koristeći odgovarajuće dugme pored dugme "Pošalji".

Nekoliko popularnih predložaka

Koristeći okvir pomaže da se značajno ubrzati proces pisanja i učiniti ga dostupnim programer, koji je samo razumije osnove izrade web-dokumenata. Najpopularniji obrasce:

• Cerberus. Ovaj set tzv odgovorne za kreiranje slova, normalno prikazuju u mobilnu aplikaciju Gmail i Outlook. To vam omogućava da koristite HTML-kod blokova, sam ili ih kombinirajući.
• Ink - je berbu e-mailove, mejlovi koji su gotovo univerzalno i kompatibilan sa svim uređajima i klijenata.
• Veoma jednostavno HTML e-mail predložak. Predložak vam omogućava da kreirate mailing slova su vrlo lako i brzo. Međutim, oni će imati vrlo jednostavan dizajn u obliku kolone, koji je stupio na poziv na akciju.

Kako da ubacite HTML u jedan

Razmotrimo sada malo drugačiji problem. Da ubacite HTML kod na e-mail, na primjer, Gmail koristi, kao u primjeru, Google Chrome, trebate:

• kliknite na dugme "F12", ili izaberite odgovarajući niz naredbi u izborniku;
• u otvoren prozor na trenutnu kodnu stranicu gmail kupca naći mjesto gdje će se umetnuti u HTML pismo, napravite desni klik i odabrati «Edit kao HTML».
• zalijepite HTML koda;
• pritisnite kombinaciju dva ključa «Ctrl» i «Enter».

Za istu svrhu možete preuzeti jednostavan za ispolzovnii Mozilla Thunderbird program. Uz to možete napraviti pismo, a zatim prvo odaberite "Insert", a zatim "HTML" i zalijepite na svoj mailing kod.

instrumenti

Vordpressovsky e-Newsletter plugin vam omogućava da profesionalno upravljanje biltene i pretplatnika. Kao i onda, a još se vrši direktno kroz admin panel WordPress. Ova okolnost pruža potpunu kontrolu i potpuno besplatno, što ne može a da ne radovati.

Još jedan jednostavan alat - Bulletproof pozadinske slike, što je jednostavan alat koji vam omogućava da dobijete kod za sliku pozadine stvorio pisma. To vam može pomoći da prepiska ljepše. Za registraciju pisma jednostavno treba unijeti URL pozadinsku sliku vam se sviđa i zadržavaju boju, i da li ovi parametri se primjenjuju na cijelo tijelo HTML-mailova ili su namijenjeni samo za jednu od ćelija stola. Rezultat je ready-made kod koji želite da kopirate i zalijepite u vašem predlošku.

Sada kada znate kako poslati HTML-mail. Njegova stvaranja nije posebno teško, pogotovo ako koristite gotove predloške u kojem web postoji manjak. Stoga, čak i one koji nemaju posebna znanja, može se lako nositi s ovog zadatka.