Kaip sukurti HTML el. laišką - 7 sėkmingi patarimai

2022 m. Bal 11
8

Kai ką nors skaitote ekrane, iš pirmo žvilgsnio matote daugiau, nei atrodo iš pirmo žvilgsnio.

Kiekviena teksto eilutė (įskaitant ir tą, kurią dabar skaitote) turi tam tikrą kodą. Tas pats pasakytina ir apie el. laiškus, net ir pačius paprasčiausius.

Yra dviejų tipų el. laiškai: paprasto teksto el. laiškai ir HTML el. laiškai. Nors paprastas tekstas yra veiksmingas, HTML el. laiškai atveria daugybę pritaikymo galimybių. Šiandien pateiksime praktinių patarimų, kaip kurti savo HTML el. laiškus - nepradedant lankyti programavimo kursų.

Kaip sukurti HMTL el. laišką

Jums bus malonu išgirsti, kad, norint sukurti HTML el. laišką, nereikia būti programuotoju. Kaip ir kuriant savo svetainę, šiais laikais yra daugybė reaguojančių html el. pašto šablonų kūrėjai galima rasti paprastų HTML el. laiškų šablonų, kurie yra iš anksto suformatuoti ir paruošti pritaikyti, todėl galite kurti puikius HTML el. laiškus, nesikišdami į galinį kodą.

​​HTML kodo el. laiške pavyzdys.

HTML kodo el. laiške pavyzdys. Šaltinis

Viskas, ką jums reikia padaryti, tai padaryti norimus el. pašto šablono pakeitimus naudodami el. pašto redaktorių, kuris galiausiai koduoja pakeitimus galutiniame produkte.

Jei jūsų komandoje nėra el. pašto dizainerio ir nesate programuotojas, bet vis tiek norite sukurti ir išsiųsti elegantišką ir profesionalų el. laišką, el. pašto kūrimo įrankiai gali būti ideali galimybė.

Sukurkite ir išsiųskite HTML el. laišką nuo nulio

Jei išmanote HTML ir norite tiesiogiai valdyti el. pašto kodą, daugelis el. pašto įrankiai taip pat galite tiesiogiai redaguoti svarbius HTML failus, kuriuos galite naudoti kaip pasirinktinį HTML el. pašto šabloną.

Internete yra daug nemokamų HTML el. pašto šablonų, kuriuos galite naudoti. Jei išmanote HTML failą, pritaikyti HTML el. pašto šabloną jūsų naudojamai el. pašto kūrimo priemonei dažnai yra gana lengvas ir paprastas procesas.

Darbas su kūrėju

Jei norite sukurti HTML el. laišką visiškai nuo nulio, nenaudodami jokių šablonų, jums reikės turėti pažangių HTML žinių ir įgūdžių arba dirbti su kūrėju, kuris išmano el. pašto kodą.

Kadangi HTML el. pašto kūrimo procesas yra gana sudėtingas, jei neturite reikiamų pažangių įgūdžių, verta bendradarbiauti su kūrėju. Arba, jei norite pasidaryti patys, galite naudoti iš anksto sukurtą reaguojantį el. pašto šablonas paprastai yra geresnis pasirinkimas.

Kaip sukurti HTML el. laišką - 8 geriausios praktikos pavyzdžiai

Dabar, kai jau geriau suprantate HTML el. laiškų kūrimo pagrindus, pravartu žinoti keletą pagrindinių strategijų, kurių turėtumėte nepamiršti.

Nepriklausomai nuo to, kokį metodą planuojate naudoti rengdami HTML el. laiškus, ši geroji praktika padės jums pagerinti teksto efektai, skaitytojų patirtis ir el. paštas pristatomumas.

Įsitikinkite, kad HTML el. laiško kodas reaguoja

Tai, kaip jūsų el. laiškas bus rodomas naudotojo pašto dėžutėje, priklauso nuo daugelio skirtingų veiksnių. Vienas iš didžiausių veiksnių yra mobiliųjų įrenginių, kuriais tas pats el. laiškas peržiūrimas, ekrano dydis. Jei norite, kad jūsų el. pašto kampanijos kad svetainė būtų sėkminga, vizualiniai elementai turėtų atrodyti ir jaustis vienodai įvairiuose įrenginiuose.

Jautrūs el. laiškai puikiai atrodo visuose įrenginiuose.

reaguojantis el. paštas mobiliajame ir darbalaukyje

Šaltinis

Svarbu to nepamiršti, nes nesvarbu, kaip gerai suformatuota ir nuostabi svetainė gali atrodyti jūsų darbalaukyje, kai ją kuriate, ji lengvai gali tapti didele netvarka, kai kas nors bandys ją peržiūrėti daug mažesniame išmaniojo telefono ekrane.

Geriausia įsitikinti, kad jūsų išdėstymas yra paprastas ir aiškus; tai padės užtikrinti, kad jūsų HTML el. laiškai atrodytų taip, kaip juos ketinama peržiūrėti įvairiuose skirtingų dydžių ekranuose.

Sudėtingi elementai, pavyzdžiui, plaukiojantys paveikslėliai arba keli stulpeliai, apsunkins el. laiško formato vertimą į skirtingo dydžio ekranus. Įsitikinkite, kad aktyviai sprendžiate, kaip elementai bus pertvarkyti skirtingiems ekrano dydžiams, jei nuspręsite į išdėstymą įtraukti sudėtingesnių elementų.

Įsitikinkite, kad el. laiško kūno HTML veikia keliuose el. pašto klientuose

El. pašto klientas, kurį abonentas naudoja el. pašto pranešimui atidaryti, yra dar vienas svarbus veiksnys, turintis didžiulę įtaką tam, kaip jūsų HTML el. laiškas pasirodys jūsų abonentų pašto dėžutėse.

Kiekviena el. pašto programa pranešimų formatą įkelia šiek tiek kitaip, todėl turėkite omenyje, kad "Outlook" programoje rodomas el. laiškas gali atrodyti kitaip, pavyzdžiui, "Gmail" programoje. Dėl šios priežasties verta geriau susipažinti su tuo, kaip pagrindiniai el. pašto klientai įkelia tam tikrus HTML ir CSS elementus.

Kai tai sužinosite, galėsite sukurti nuoseklesnę patirtį įvairiose pašto dėžutėse.

Planuokite galutinių naudotojų neatitikimus

Ekrano dydis ir el. pašto klientas nėra vieninteliai du veiksniai, galintys turėti įtakos tam, kaip HTML el. laiškas bus rodomas jūsų prenumeratorių pašto dėžutėse.

Įvairūs elementai, įskaitant jų naudojamą el. pašto kliento versiją, saugumo programinę įrangą, operacinę sistemą, unikalius naudotojo nustatymus ir tai, ar jie automatiškai įkelia paveikslėlius, turi įtakos jūsų el. pašto įkėlimui.

Nors gali būti neįmanoma visiškai išspręsti visų galimų problemų kiekvieną kartą siunčiant el. laišką, tačiau, ruošiantis naudotojų neatitikimams, galima daug nuveikti iš anksto planuojant.

Pavyzdžiui, galite norėti sukurti paprastojo teksto versiją arba tinklalapio versiją transakcinis el. paštas kurį naudotojai gali lengvai spustelėti ir perskaityti, jei dėl kokių nors priežasčių siunčiamas HTML el. laiškas jiems nerodomas gerai.

Kaip sėkmingai koduoti el. laišką HTML formatu ir atlikti bandymus

Įsitikinkite, kad HTML el. laišką testuojate kiekviename kūrimo etape. Tai padės įsitikinti, kad jis gerai veikia įvairiuose el. pašto klientuose, skirtinguose įrenginiuose ir operacinėse sistemose.

Nelaukite proceso pabaigos, kad galiausiai išbandytumėte savo el. laišką. Testavimas eigoje padės greitai pastebėti bet kokius neatitikimus tarp įrenginių ir el. pašto klientų, todėl bus lengviau sukurti nuoseklią patirtį.

Tai galite lengvai padaryti naudodami el. pašto įrankius, kurie siūlo testavimą programėlėje, arba atskirą įrankį, jei HTML el. laišką kuriate iš naujo.

Užtikrinkite, kad el. laiškas būtų greitai įkeliamas

Galiausiai svarbu prisiminti, kad nuo to, per kiek laiko įkeliamas jūsų el. laiškas, gali priklausyti, ar prarasite prenumeratorių, ar sulauksite naujo el. pašto kliento.

Nors gali būti viliojanti mintis naudoti įvairias stiliaus parinktis ir vaizdinius, kuriuos galite įtraukti į HTML el. laišką, nepamirškite, kad visa tai bus bevertė, jei el. laiškas bus ilgai įkeliamas, todėl geriau sutaupyti papildomo laiko.

Kuriant el. laiško dizainą svarbu atsižvelgti į el. laiško įkėlimo laiką. Tai ypač aktualu, jei planuojate jį siųsti prenumeratoriams, kurie gali jį atidaryti neturėdami daug laisvo laiko. Kai kurie pagrindiniai dalykai, į kuriuos reikia atsižvelgti, kai kalbama apie el. laiškų įkrovimo laiko gerinimą, yra šie:

Sumažinkite vaizdų skaičių iki minimumo

Nors vaizdai gali būti naudingi el. laiškuose, jų perteklius el. laiško turinyje gali turėti priešingą poveikį jūsų el. laiško dizainui ir skaitomumui.

Laiške, kuriame naudojama mažiau paveikslėlių, ne tik turėsite didesnę galimybę paveikti prenumeratoriams siunčiamą žinutę, bet ir greičiau įkelti laišką.

Taip pat galite naudoti vaizdų dydžio glaudinimo įrankį visiems naudojamiems vaizdams, kad kuo labiau sumažintumėte failo dydį ir gautumėte švaresnį el. pašto formatą.

Taip pat į el. pašto rinkodaros kampanijas įtraukite paprasto teksto el. laiško versiją, kad skaitytojai galėtų rinktis.

Naudokite HTML mažinimo priemonę

HTML mažinimo priemonė - tai el. pašto projektavimo įrankis, kurį galite naudoti, kad iš HMTL failo pašalintumėte nereikalingą kodą. Ji pašalins visus pasikartojančius ar papildomus elementus, o faktinis el. laiško atvaizdavimas išliks toks pat.

Tai gali padėti sutrumpinti įkėlimo laiką, nes kiekviena kodo eilutė turės įtakos tam, kiek laiko užtruks el. laiško įkėlimas. Galite išlaikyti tą patį (arba panašų) el. laiško dizainą, tačiau jis bus įkeliamas greičiau ir atrodys geriau.

Naudokite žiniatinklio šriftus

Nors pasirinktiniai šriftai gali atrodyti puikiai, svarbu būti atsargiems juos naudojant el. laiške, nes jie gali būti sudėtingesni ir galiausiai pailginti el. laiško įkėlimo laiką.

žiniatinklio šriftų tipai

Šaltinis

Kad būtumėte saugūs ir išvengtumėte problemų dėl el. pašto formato, naudokite standartinius žiniatinklio šriftus, kuriuos palaiko visos el. pašto programos, pvz., "Apple Mail".

Jei naudojate el. pašto kūrimo įrankį, galite lengvai sukurti HTML el. laišką neturėdami jokių kodavimo žinių. Nesvarbu, ar naudojatės el. pašto kūrimo priemone, ar pradedate nuo nulio, reikia nepamiršti kelių svarbių dalykų, kad jūsų el. laiškas turėtų pageidaujamą poveikį.

Apibendrinimas

Sukurti reaguojančius el. laiškus HTML formatu galima net neturint daug žinių apie el. laiškų kodavimą. Šiuolaikinių el. pašto įrankių, kurių kiekvienas turi vizualinį kodo redaktorių, dėka ir pasinaudoję kai kuriais anksčiau minėtais patarimais, kiekvienas gali kurti HTML el. laiškus, kurie puikiai atrodo visuose įrenginiuose.

Rengdami kitą el. laiškų kampaniją, norėsite užtikrinti geriausią pristatomumą, todėl būtina sutvarkyti ir patvirtinkite savo el. laiškus prieš juos išsiųsdami. Pasiimkite nemokamą "Bouncer" bandomąją versiją šiandien ir sužinokite, kiek jūsų el. pašto adresų reikia atiduoti į metalo laužą!

Dažniausiai užduodami klausimai

Kas yra HTML el. laiškas?

HTML el. laiškai - tai el. laiškai, sukurti naudojant hiperteksto žymėjimo kalbos kodą, kuris taip pat dažniausiai naudojamas svetainėms kurti. Tai viena iš labiausiai paplitusių programavimo kalbų, o internete yra daug išteklių, kurie gali padėti patiems parašyti pagrindinį HTML el. laišką, nesamdant el. laiškų kūrėjo.

Kokie yra pagrindiniai HTML el. laiško elementai?

Yra tik du - antraštė ir el. laiško tekstą. Nesvarbu, kokio tipo el. laišką kuriate, į jo struktūrą įtrauksite šiuos du elementus. 

Ar galiu "Gmail" sukurti HTML el. laišką?

Taip, "Gmail" galite kurti HTML el. laiškus keliais būdais. Galite nukopijuoti ir įklijuoti HTML kodą į "Gmail" langą, galite naudoti "Chrome" kūrėjų įrankius arba išbandyti įvairius "Chrome" plėtinius, skirtus el. laiškams kurti.

Linija ir taškai