Jei atidarote turinio valdymo sistemą tinklalapiams kurti, tai gana paprastas procesas. Šiuolaikinės interneto naršyklės palaiko HTML, CSS ir JavaScript Griežtas interneto standartų rinkinys. Ir iš tikrųjų tai tik keletas naršyklių, dėl kurių dizaineriai turi susirūpinti. Žinoma, yra išimčių... ir keletas paprastų sprendimų ar funkcijų, būdingų toms naršyklėms.
Dėl bendrų standartų turinio valdymo sistemose sukurti puslapių kūrimo priemones tikrai paprasta. Naršyklės atitinka HTML5, CSS ir JavaScript... ir kūrėjai gali sukurti neįtikėtinai patikimus sprendimus, kad sukurtų tinklalapius, kurie reaguoja į įrenginius ir yra nuoseklūs visose naršyklėse. Prieš du dešimtmečius beveik kiekvienas interneto dizaineris naudojo darbalaukio programinę įrangą tinklalapiams kurti. Dabar gana neįprasta, kad žiniatinklio dizaineris kuria tinklalapį – dažniausiai jie kuria šablonus ir naudoja turinio sistemų redaktorius turiniui užpildyti. Svetainių redaktoriai yra nuostabūs.
Tačiau el. pašto redaktoriai apgailėtinai atsilieka. Štai kodėl…
HTML el. laiškų kūrimas yra daug sudėtingesnis nei svetainė
Jei jūsų įmonė nori sukurti gražų HTML el. laišką, procesas yra eksponentiškai sudėtingesnis nei tinklalapio kūrimas dėl kelių priežasčių:
- Jokių standartų – NĖRA griežto jokio žiniatinklio laikymasis standartai el. pašto programos, rodančios HTML el. Tiesą sakant, praktiškai kiekvieną el. pašto programą ir kiekvieną kiekvienos el. pašto programos versiją veikia kitaip. Kai kurie gerbs CSS, išorinius šriftus ir šiuolaikinį HTML. Kiti gerbia tam tikrą eilutinį stilių, rodys tik šriftų rinkinį ir nepaisys visko, išskyrus lentelės valdomas struktūras. Iš tikrųjų šiuo metu gana juokinga, kad niekas nesprendžia šios problemos. Dėl to šablonų, kurie nuolat pateikiami klientams ir įrenginiuose, kūrimas tapo dideliu verslu ir gali būti gana brangus.
- Pašto kliento sauga – Tik šią savaitę „Apple Mail“ buvo atnaujinta, kad pagal numatytuosius nustatymus blokuotų visus HTML el. laiškuose esančius vaizdus, kurie nėra įterpti į el. laišką. Jūs arba suteikiate leidimą įkelti jiems el. laišką vienu metu, arba turite įjungti nustatymus, kad išjungtumėte šį nustatymą. Be el. pašto kliento saugos parametrų, taip pat yra įmonės parametrų.
- IT sauga – Jūsų IT komanda gali taikyti griežtas taisykles, pagal kurias iš tikrųjų galima pateikti el. laiške esančius objektus. Pavyzdžiui, jei jūsų vaizdai yra iš konkretaus domeno, kuris nėra įtrauktas į įmonės užkardos baltąjį sąrašą, vaizdai jūsų el. laiške tiesiog nebus rodomi. Kartais mums tekdavo kurti el. laiškus ir visus vaizdus talpinti korporacijos serveryje, kad jų darbuotojai galėtų juos matyti.
- Pašto paslaugų teikėjai – Dar blogiau, el. pašto kūrėjai, kurie el. pašto paslaugų teikėjai (ESPs) iš tikrųjų kelia problemų, o ne jas varžo. Nors jie reklamuoja savo redaktorių Ką matote, yra tai, ką jūs gaunate (WYSIWYG), su el. pašto dizainu dažnai būna atvirkščiai. Peržiūrėsite el. laišką jų platformoje, tada el. pašto gavėjas matys visokias dizaino problemas. Įmonės dažnai nežinodamos pasirenka daug funkcijų turintį redaktorių, o ne užrakintą redaktorių, manydamos, kad viena turi daugiau funkcijų nei kita. Priešingai... jei norite, kad el. laiškai būtų nuosekliai pateikiami visose el. pašto programose, kuo paprastesnė, tuo geriau, nes mažiau gali suklysti.
- El. pašto kliento atvaizdavimas – Yra šimtai el. pašto programų, kurių kiekviena skirtingai pateikia HTML darbalaukyje, programose, mobiliuosiuose ir žiniatinklio pašto programose. Nors jūsų el. pašto paslaugų teikėjo madinga teksto rengyklė gali turėti nustatymą, kad į el. laišką būtų įtraukta antraštė, kiekvienoje el. pašto programoje užpildymas, paraštės, eilutės aukštis ir šrifto dydis gali skirtis. Dėl to turite nutildyti HTML ir koduoti kiekvieną elementą skirtingai (žr. toliau pateiktą pavyzdį) ir dažnai įrašyti išimtis, kurios yra skirtos el. pašto programai, kad el. laiškas būtų pateikiamas nuosekliai. Nėra paprastų blokų tipų, turite sudaryti lentelėmis pagrįstus išdėstymus, kurie prilygsta žiniatinklio kūrimui prieš trisdešimt metų. Štai kodėl bet koks naujas išdėstymas reikalauja tiek kūrimo, tiek kryžminio el. pašto kliento ir įrenginio testavimo. Tai, ką matote savo gautuosiuose, gali visiškai skirtis nuo to, ką matau savo gautuosiuose. Štai kodėl atvaizdavimo įrankiai kaip El. paštas apie rūgštį or Lakmusas būtini norint užtikrinti, kad jūsų nauji dizainai veiktų visose el. pašto programose. Štai trumpas populiarių el. pašto programų ir jų atvaizdavimo variklių sąrašas:
- Apple Mail, Outlook for Mac, Android Mail ir iOS Mail naudojimas "WebKit".
- Outlook 2000, 2002 ir 2003 naudojimas "Internet Explorer".
- Outlook 2007, 2010 ir 2013 naudojimas Microsoft Word (taip, žodis!).
- Žiniatinklio pašto klientai naudoja atitinkamą naršyklės variklį (pavyzdžiui, „Safari“ naudoja „WebKit“, o „Chrome“ – „Blink“).
HTML pavyzdys žiniatinklio vs. El. paštas
Jei norite pavyzdžio, iliustruojančio dizaino sudėtingumą el. paštu, palyginti su žiniatinkliu, čia yra puikus pavyzdys iš „Mailbakery“ straipsnio 19 didelių skirtumų tarp el. pašto ir žiniatinklio HTML:
El.pašto adresas*
Turime sukurti lentelių seriją, apimančią visą eilutinį stilių, reikalingą norint tinkamai įdėti mygtuką ir užtikrinti, kad jis gerai atrodytų visose el. pašto programose. Šio el. laiško viršuje taip pat bus pridedama stiliaus žyma, skirta įtraukti klases.
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left">
<table border="0" cellspacing="0" cellpadding="0" bgcolor="#43756e">
<tr>
<td class="text-button" style="padding: 5px 20px; color:#ffffff; font-family: 'Oswald', Arial, sans-serif; font-size:14px; line-height:20px; text-align:center; text-transform:uppercase;">
<a href="#" target="_blank" class="link-white" style="color:#ffffff; text-decoration:none"><span class="link-white" style="color:#ffffff; text-decoration:none">Find Out More</a>
</td>
</tr>
</table>
</td>
</tr>
</table>tinklas
Galime naudoti išorinį stiliaus lapą su klasėmis, kad apibrėžtume inkaro žymos, kuri rodoma kaip mygtukas, raidę, lygiavimą, spalvą ir dydį.
<div class="center">
<a href="#" class="button">Find Out More</a>
</div>Kaip išvengti el. pašto dizaino problemų
El. pašto dizaino problemų galima išvengti atlikus tinkamą procesą:
- Šablonų dizainas – Sukurkite šabloną su skirtingais išdėstymais ir turinio blokais, apimančiais kiekvieną stilių, kurį kada nors norėtumėte sukurti savo el. pašto dizaine. Įgyvendindami klientą, mes jį visada skatiname sukurti el. laišką ateičiai – ne tik kitą išsiųstą el. pašto kampaniją. Tokiu būdu galime visiškai suprojektuoti, kurti, išbandyti ir įgyvendinti reikiamus sprendimus prieš jie kada nors išsiunčia tą pirmąjį el. laišką.
- Šablonų testavimas – Prieš diegiant bet kokį šabloną labai svarbu suprasti el. pašto programas, kurias naudoja jūsų prenumeratoriai, ir užtikrinti, kad jūsų HTML el. paštas būtų visiškai išbandytas mobiliuosiuose įrenginiuose ir staliniuose kompiuteriuose. Galime sukurti el. laišką tiesiogine prasme iš „Photoshop“ išdėstymo... tačiau norint sukurti optimalų ir nuoseklų el. pašto dizainą, būtina jį suskirstyti į lentelę valdomą kryžminio el. pašto programą.
- Vidinis testavimas – Kai jūsų šablonas bus sukurtas ir išbandytas, jis turėtų būti išsiųstas į organizacijos vidinį pradinį sąrašą, kad būtų peržiūrėtas ir patvirtintas. Galbūt netgi norėsite pradėti nuo labai riboto asmenų pogrupio, kad įsitikintumėte, jog nėra užkardos ar saugos problemų, susijusių su el. laiškų pateikimu viduje. Jei tai sukuria egzempliorių naujam el. pašto paslaugų teikėjui, netgi galite rasti tam tikrų filtravimo ar blokavimo problemų, susijusių su el. laiškų gavimu į gautuosius.
- Šablono versijų kūrimas – Nekeiskite savo maketų ar dizaino nedirbdami su nauja šablono versija, kurią būtų galima sukurti, tinkamai išbandyti ir įdiegti. Daugeliui įmonių patinka vienkartiniai kiekvienos kampanijos dizainai, tačiau tam reikia sukurti, sukurti ir pritaikyti kiekvieną el. laišką kiekvienai kampanijai. Tai prideda daug laiko vidiniam el. pašto rinkodaros procesui. Be to, rizikuojate nesuprasti, kurie el. pašto elementai veikia geriau, o kurie ne. Nuoseklumas yra ne tik būdas palengvinti procesą, bet ir svarbus jūsų prenumeratorių elgesiui.
- El. pašto paslaugų teikėjų išimtys – Beveik kiekvienas el. pašto paslaugų teikėjas turi būdų, kaip išspręsti problemas, kurias pateikia jų el. pašto kūrėjas. Dažnai galime pridėti neapdorotą CSS prie paskyros arba netgi turėti turinio bloką, kuris turi būti įtrauktas į kiekvieną el. laišką, kad įmonė naudotų integruotą el. pašto rengyklę ir nepažeistų jūsų el. pašto dizaino. Žinoma, tam gali prireikti tam tikro mokymo ir proceso kontrolės, kad būtų galima atlikti šiuos veiksmus ir užtikrinti, kad jų būtų laikomasi. Arba – galbūt tiesiog norėsite sukurti savo el. pašto dizainą sprendimu, kuris, kaip įrodyta, veikia įvairiuose klientuose ir įrenginiuose, tada įklijuokite jį atgal į savo el. pašto paslaugų teikėją.
El. pašto dizaino platformos
Kadangi el. pašto paslaugų platformos atliko prastą darbą kurdamos ir palaikydamos įvairiuose klientuose ir įrenginiuose nuosekliai pateikiamus kūrėjus, į rinką atėjo daugybė puikių platformų. Vienas, kurį mes plačiai naudojome, yra Stripo.
„Stripo“ nėra tik el. pašto kūrėjas, jie taip pat turi daugiau nei 900 šablonų, kuriuos galima lengvai importuoti, biblioteką. Sukūrę el. laišką, galite siųsti el. laišką daugiau nei 60 ESP ir el. pašto programoms, įskaitant MailChimp, „HubSpot“, „Campaign Monitor“, „AWeber“, „eSputnik“, „Outlook“ ir „Gmail“. Geriausi „Stripo“ šablonai pateikiami kartu su el. pašto atvaizdavimo testais, todėl galite užtikrinti, kad jie buvo išbandyti ir nuosekliai veikia daugiau nei 40 el. pašto programų.
Prisijunkite prie „Stripo“ redaktoriaus demonstracinės versijos
Atskleidimas: siunčiu nuorodą į savo rinkodaros konsultacinė firma kuris kuria ir diegia įvairių klientų el. laiškus pirmaujantiems prekių ženklams praktiškai bet kuriame el. pašto paslaugų teikėje. Aš taip pat esu filialas Stripo ir aš naudoju savo nuorodą šiame straipsnyje.
