Kaip sukurti HTML-laišką: nuosekli instrukcija

Pašto sąrašai yra svarbi rinkodaros kampanijų dalis. Kuriant laiškus jiems daugeliu atžvilgių primena paprastų tinklalapių kūrimą. Tuo pačiu metu reikėtų atsižvelgti į tam tikrus svarbius skirtumus. Visų pirma, HTML laiškų siuntimas bus veiksmingas tik tuo atveju, jei jie bus teisingai surinkti technine prasme, o jų turinys ir stilius atitinka jūsų tikslus. Tuo pačiu metu yra ir nuomonė, kad nesąmonė negali įveikti šios užduotys. Šiame straipsnyje pateikiama išsami nuosekli instrukcija, kaip rašyti ir kaip siųsti HTML laišką.

Kūrybos savybės

Šiuolaikinis žmogus kasdien gauna vidutiniškai 5-6, o kartais ir 10 laiškų. Tai reiškia, kad jūs turite mažiau nei sekundę, kad sugauti adresato dėmesį, kol jis perskaitys kitą korespondenciją. Priešingu atveju jūsų HTML laiškų siuntimas bus visiškai neefektyvus, o jūs tiesiog praleisite laiką veltui.

Vienas iš niuansų, padidinančių jūsų potencialių klientų ar kitos tikslinės auditorijos pritraukimo galimybes, yra korespondencijos kūrimas, pritaikytas mobiliesiems įrenginiams. Galų gale, dauguma tų, kuriems ji skirta, nori peržiūrėti paštą, tikrai naudoja jas daug dažniau negu staliniai kompiuteriai ir nešiojamieji kompiuteriai.

Tuo tikslu galite naudoti, pavyzdžiui, "reaguojantį dizainą", lengvai pritaikytą ekrano dydžiui.

Koks turėtų būti laiško šablonas?

Kai parengiate dokumentą, skirtą siųsti korespondentams, turėtų būti laikomasi šių reikalavimų:

• Ji turėtų būti pakankamai siaura, t. Y. Dydžio, ji neturėtų viršyti 500-600 pikselių diapazono, kad būtų užtikrintas tinkamas teksto ir kito turinio rodymas bet kokio tipo įrenginiuose.
• Būtina naudoti gana didelį šriftą visai tekstinę informaciją, nes "iOS" įrenginiuose HTML formato laiškas bus nepatogu skaityti, jei šrifto dydis yra mažesnis nei 13 pikselių.
• Elementai, kuriuos galima spustelėti, turėtų būti pakankamai dideli ir atskirti nuo artimiausių nuorodų. Tokiu atveju adresatas gali lengvai suaktyvinti juos nuo pat pirmojo bandymo.

Paruošimas

Prieš pradedant kurti HTML raidę, turėtumėte sukurti naują aplanką viename iš diskų ir jį pavadinti, pvz., "Naujienlaiškiai". Be to, turite atsisiųsti ir įdiegti "Dreamweaver CS3". Šis "Adobe" produktas yra vienas iš paprastų tinklalapių kūrimo įrankių ir puikiai tinka kurti el. Laišką HTML formatu.

Sukurkite ir išsaugokite dokumentą

Prieš rašydami teksto laiško dalį, jums reikia:

• Atidarykite gana populiarias programas-dizainerius HTML-raides Dreamweaver CS3 (DW);
• Sukurkite dokumentą, pasirinkdami "Transitional HTML 4.01" kaip tipą;
• Išsaugokite failą su plėtiniu ".html";
• Viršutiniame meniu raskite redagavimo komandą;
• Jei norite pašalinti žymę iš žymės langelio "Naudoti CSS, o ne HTML žymes".

Žingsnis po žingsnio instrukcija

Dabar apsvarstykite, kaip sukurti HTML laišką. Norėdami tai padaryti:

• Iš eilės atidarykite "Insert" ir "Table" skirtukus meniu ir nustatykite reikiamus lentelės parametrus. Pavyzdžiui, eilutės - 2, stulpeliai - 1, plotis - 700, antraštė - iš viršaus. Sienos gali būti nustatytos, bet jūs galite išsiversti be jų, nurodant 0.
• Parašykite laiško pavadinimą. Kadangi HTML-laiškas skirtas didesniam gavėjų skaičiui, naudokite operatoriaus [first_name], pakeičiant norimą gavėjo vardą.
• Apatiniame "Ypatybės" lange nustatykite reikiamus šrifto parametrus, antraštės teksto dydį ir spalvą bei fono spalvą.
• "Išeiti" iš antraštės srities. Ekrano apačioje nustatote žymeklio "Centras" ir "Vidurio" parametrus.
• Įklijuojame gatavą laiško tekstą arba "rašome" jį tiesiai į DW programą, pasirinkdami norimą šriftą ir jo dydį, taip pat puslapio teksto vietą.

Hiperteksto nuorodų kūrimas

Mes stengiamės, kad HTML-laiškas būtų profesionalesnis ir patobulintas. Šiuo tikslu slėgiame turinio hiperteksto nuorodas. Norėdami tai padaryti, pasirinkite vietą tekste, kuris buvo pasirinktas kaip hiperteksto nuoroda. Kairėje ekrano viršuje esančiame kampe turite "atidaryti" atitinkamą piktogramą ir įterpti nuorodą į išskleidžiamąjį laukelį. Tuo pat metu nepamirškite pažymėti žymės langelyje "_blank", kad nuoroda būtų atidaryta naujame lange, o adresatas po jo peržiūros neprarado prieigos prie pagrindinės raidės.

Kaip įterpti nuotraukas

Paprastai laiškas HTML formatu baigiasi kontaktine informacija, pageidautina su autoriaus nuotrauka arba tinkama tema. Jį galima atsisiųsti iš interneto arba iš anksto įkelti į internetą, nes jums reikės šio vaizdo URL. Geriausias būdas tai padaryti yra viena iš nemokamų paslaugų.

Siekiant suprojektuoti tokį gražią pabaigą:

• Įterpti raidės apačioje, viduje kitos pagrindinės lentelės 3 stulpeliais ir 0 pikselių sienos parametru;
• Įdėkite žymeklį į lentelės vietą, kurioje norite pamatyti paveikslėlį;
• Pastaba: apatiniame lange "Viduryje" ir "Viršutiniame briaune" kiekvienai sekcijai;
• Viršutiniame meniu pasirinkite skirtuką "Įterpti";
• Paspauskite ant užrašo "Vaizdas" ir išskleidžiamajame meniu įklijuosime nukopijuotą adresą;
• Paspauskite "Gerai" 2 kartus.

Pažiūrėk į vidų

Dabar, kai žinote, kaip sudaryti HTML laišką, turėtumėte įsitikinti, kad adresatas jį mato teisingai. Norėdami tai padaryti, prieš siunčiant, turite peržiūrėti savo darbą Dreamweaver CS3 naršyklėje. Norėdami tai padaryti, spustelėkite piktogramą, esančią viršutiniame meniu viduryje. Jei vietoje raidžių ekrane pasirodė abracedabra, tuomet turėtumėte įdėti savo naršyklės automatinio kodavimo nustatymus.

Kodavimas

Skiltyje "Projektas" eikite į kodo dalį - "Kodas". Atsidariusiame lange pasirinkite ir nukopijuokite viską, kas yra uždėta tarp žymių ir . Išsaugokite failą. Tada įklijuokite HTML kodą.

Siųsti HTML žinutę

Norėdami išsiųsti, atidarykite "SmartResponder" (SR). Tada:

• Pasirinkite arba sukurkite naują raidę, užpildydami "Vardas" ir "Siuntėjo adresas".
• Užpildykite eilutę "laiško tema";
• Pažymėkite viršutiniame kairiajame meniu HTML kodą;
• Įdėkite kodą, nukopijuotą į DW kodą, į didžiulį lauką "Šaltinis";
• Patikrinkite ekrano teisingumą įrankiu "Peržiūra";
• Ištrinti teksto laiško versiją;
• Išbandykite jį šlamštu, naudodami to paties pavadinimo mygtuką, esantį šalia mygtuko "Siųsti".

Kai kurie populiarūs šablonai

Naudojant sistemą labai padeda pagreitinti laiško rašymo procesą ir padaryti jį prieinamesnį kūrėjui, kuris vis dar mokosi žiniatinklio dokumentų kūrimo pagrindų. Populiariausi šablonai yra:

• Cerberus . Šis vadinamasis prisitaikantis šablonų rinkinys leidžia jums kurti raides, paprastai rodomus tiek "Gmail" programoje mobiliesiems, tiek "Outlook". Tai leidžia jums naudoti blokus HTML kodą atskirai arba juos sujungiant.
• Rašalas yra ruošiant laiškus, kurių siuntimas yra beveik universali ir suderinama su bet kokiais įrenginiais ir klientais.
• Tikrai paprastas HTML el. Laiško šablonas. Šablonas leidžia jums sukurti pašto laiškus labai paprasta ir greita. Tiesa, jie turės labai paprastą dizainą kaip vieną stulpelį, kuriame bus sudarytas raginimas veikti.

Kaip į HTML įterpti pranešimą

Dabar apsvarstykime šiek tiek kitokią problemą. Norėdami įterpti HTML kodą į el. Laišką, pvz., Naudojant "Gmail", kaip toliau pateiktame pavyzdyje, "Google Chrome" naršyklę, turėtumėte:

• Paspauskite mygtuką "F12" arba pasirinkite atitinkamą komandų seką meniu;
• Atidarytame lange, kuriame yra dabartinio "Gmail" kliento puslapio kodas, raskite vietą, kurioje reikia įterpti HTML laišką, dešiniuoju pelės mygtuku spustelėkite ir pasirinkite "Redaguoti kaip HTML".
• Įterpti nukopijuotą HTML kodą;
• Paspauskite dviejų klavišų kombinaciją "Ctrl" ir "Enter".

Tuo pačiu tikslu galite atsisiųsti paprastą Mozilla Thunderbird programą. Su juo galite sukurti laišką, tada pirmiausia pasirinkite "Įklijuoti", tada "HTML" ir įterpkite savo pašto kodą.

Įrankiai

"WordPress" papildinio el. Naujienlaiškis leidžia jums profesionaliai valdyti pašto adresus ir abonentus. Abi atliekamos tiesiai per "WordPress" administratoriaus skydą. Ši aplinkybė suteikia visišką kontrolę ir yra visiškai laisva, kuri gali ne tik džiaugtis.

Kitas paprastas įrankis - Bulletproof fono paveikslėliai, kurie yra paprastas įrankis, leidžiantis gauti kodą sukurtų raidžių fone. Su jo pagalba galite padaryti korespondenciją daug gražesnę. Norėdami sukurti pranešimą, tiesiog nurodykite norimą fono paveikslėlio URL ir jo atsarginę spalvą ir ar šie parametrai turėtų būti pritaikyti visam HTML laiško kūnui arba jie skirti tik vienai iš lentelės langelių. Todėl gausite parengtą kodą, kurį norite kopijuoti ir įklijuoti į savo šabloną.

Dabar jūs žinote, kaip siųsti HTML laišką. Jo sukūrimas nėra ypač sunkus, ypač jei naudojate paruoštus šablonus, kurių internete nėra. Todėl net ir tie, kurie neturi specialių žinių, gali lengvai susidoroti su šia užduotimi.