Kodėl dizainas e-laiškuose vis dar svarbus 2024-aisiais
Gal kas nors dar prisimena tuos laikus, kai e-laiškai atrodė kaip paprastas tekstas su keliomis nuorodomis? Na, tie laikai seniai praėjo. Dabar, kai mūsų pašto dėžutės sprogo nuo įvairių pranešimų, marketingo kampanijų ir naujienlaiškių, dizainas tapo ne tik estetikos klausimu – tai tiesiog būtinybė, jei norite, kad jūsų žinutė būtų pastebėta.
Campaign Monitor tai supranta geriau nei daugelis kitų platformų. Jų dizaino įrankiai sukurti taip, kad net ir tie, kurie niekada nėra matę HTML kodo eilutės, galėtų sukurti profesionaliai atrodančius e-laiškus. Bet čia ne tik apie „drag and drop” – tai apie tai, kaip technologija gali padėti sukurti tikrai veiksmingą komunikaciją su auditorija.
Pats naudojau įvairias e-laiškų kūrimo platformas, ir tiesą sakant, Campaign Monitor išsiskiria tuo, kad jie nesibando būti viskas visiems. Jie tiesiog gerai daro tai, ką daro – leidžia kurti gražius, responsyvius e-laiškus be bereikalingų komplikacijų.
Šablonų biblioteka ir kaip ja protingai naudotis
Campaign Monitor turi daugiau nei 100 paruoštų šablonų. Skamba neblogai, tiesa? Bet štai problema – daugelis žmonių tiesiog pasirenka pirmą patikusį šabloną ir mano, kad darbas baigtas. Tai klaida.
Šablonai yra tik atspirties taškas. Jie sukurti taip, kad atitiktų geriausias e-laiškų dizaino praktikas – tinkamas balansas tarp teksto ir vaizdų, aiškūs CTA mygtukai, responsive dizainas. Bet jūsų prekės ženklas, jūsų auditorija, jūsų žinutė – tai unikalūs dalykai.
Kai naršau per jų šablonų biblioteką, pastebiu, kad jie sugrupuoti pagal kategorijas: naujienlaiškiai, produktų pristatymai, renginių kvietimai, sezoninės kampanijos. Tai prasminga, nes skirtingi e-laiškų tipai turi skirtingus tikslus ir struktūrą.
Praktinis patarimas: prieš pasirinkdami šabloną, pagalvokite apie savo e-laiško tikslą. Jei norite, kad žmonės užsiregistruotų į renginį, pasirinkite šabloną su ryškiu CTA viršuje. Jei siunčiate mėnesinį naujienlaiškį su keliais straipsniais, ieškokite šablono su aiškia turinio hierarchija.
Drag-and-drop redaktorius: kai paprastumas nesumažina galimybių
Gerai, prisipažinsiu – aš esu tas žmogus, kuris mėgsta rašyti kodą rankomis. Bet net ir man Campaign Monitor drag-and-drop redaktorius atrodo įspūdingas. Kodėl? Nes jis neapriboja.
Redaktorius veikia intuityviai. Vilkate blokus į savo e-laišką – tekstą, vaizdus, mygtukus, tarpus, socialinės medijos ikonas. Kiekvienas blokas turi savo nustatymus, kuriuos galite keisti dešinėje pusėje. Spalvos, šriftai, išdėstymas, padding, margin – viskas čia.
Kas man patinka labiausiai – galite matyti, kaip jūsų e-laiškas atrodys mobiliuose įrenginiuose tiesiog perjungdami vaizdą. Ir tai ne tik preview – galite skirtingai nustatyti dalykus desktop ir mobile versijai. Pavyzdžiui, galite paslėpti tam tikrus elementus mobiliuose arba pakeisti šrifto dydį.
Įdomus niuansas: Campaign Monitor automatiškai optimizuoja vaizdus e-laiškams. Tai reiškia, kad jūsų 5MB nuotrauka neužkraus gavėjo pašto dėžutės ir neužtruks amžinybę kol užsikraus. Sistema automatiškai sumažina failų dydį išlaikant priimtiną kokybę.
Personalizavimo galimybės, kurios tikrai veikia
Visi žinome, kad personalizuoti e-laiškai veikia geriau. Bet „Labas, [Vardas]” – tai ne personalizavimas, tai minimum. Campaign Monitor leidžia eiti daug toliau.
Jų dizaino įrankiai integruoti su personalizavimo funkcijomis, todėl galite dinamiškai keisti ne tik tekstą, bet ir vaizdus, produktų rekomendacijas, net visą e-laiško struktūrą priklausomai nuo gavėjo duomenų.
Pavyzdžiui, galite sukurti vieną šabloną, bet rodyti skirtingus produktus priklausomai nuo to, ką žmogus anksčiau pirko ar naršė jūsų svetainėje. Arba keisti e-laiško toną ir stilių priklausomai nuo gavėjo demografinių duomenų.
Techniškai tai veikia per jų merge tags sistemą ir conditional content blokus. Skamba sudėtingai, bet dizaino įrankyje tai atrodo kaip paprastas „if-then” scenarijus, kurį galite nustatyti per kelias sekundes.
Dinaminio turinio pavyzdys
Tarkime, turite e-commerce parduotuvę. Galite sukurti vieną e-laišką, kuris:
- Naujiems prenumeratoriams rodo 20% nuolaidos kodą
- Aktyvus pirkėjams rodo naujausius produktus jų mėgstamoje kategorijoje
- Neaktyviems klientams rodo specialų „grįžk pas mus” pasiūlymą
Viskas viename šablone, viename dizaine, bet kiekvienas gavėjas mato tai, kas jam aktualu.
Kodas po gaubtu: HTML redagavimas tiems, kas nori daugiau
Gerai, dabar prie skanumynų tiems, kurie nemoka bijoti kodo. Campaign Monitor leidžia visiškai prieiti prie HTML ir CSS, jei norite daugiau kontrolės.
Jų HTML redaktorius nėra tik paprastas teksto laukas. Jis turi syntax highlighting, automatinį užbaigimą, klaidų tikrinimą. Galite importuoti savo HTML šablonus arba eksportuoti tai, ką sukūrėte drag-and-drop redaktoriuje ir toliau redaguoti rankomis.
Bet štai kas svarbu – Campaign Monitor automatiškai testuoja jūsų kodą įvairiuose e-pašto klientuose. Kas nors, kas yra bandęs sukurti e-laišką, kuris gerai atrodytų Outlook, Gmail, Apple Mail ir visose kitose platformose, žino, kad tai košmaras. Kiekvienas e-pašto klientas interpretuoja HTML ir CSS skirtingai.
Campaign Monitor turi integruotą Litmus testą (arba galite naudoti jų pačių Email Previews funkciją), kuris parodo, kaip jūsų e-laiškas atrodys 90+ skirtinguose e-pašto klientuose ir įrenginiuose. Tai sutaupo neįtikėtinai daug laiko.
Pro tip: jei rašote HTML rankomis, naudokite table-based layout. Taip, žinau, tai skamba kaip grįžimas į 1999-uosius, bet e-laiškų pasaulyje tai vis dar patikimiausias būdas užtikrinti, kad jūsų dizainas atrodys gerai visur.
Responsive dizainas: ne pasirinkimas, o būtinybė
Daugiau nei 60% e-laiškų dabar atidaroma mobiliuose įrenginiuose. Jei jūsų e-laiškas neatrodo gerai telefone, galite iš karto pamiršti apie konversijas.
Gera žinia – visi Campaign Monitor šablonai ir jų dizaino įrankiai yra sukurti su mobile-first požiūriu. Tai reiškia, kad jūsų e-laiškas automatiškai prisitaiko prie ekrano dydžio.
Bet čia ne tik apie tai, kad tekstas tampa skaitomas. Tai apie tai, kad visa e-laiško struktūra keičiasi. Pavyzdžiui:
- Dvi kolonos tampa viena kolona mobiliuose
- Mygtukai tampa didesni ir lengviau paspaudžiami pirštu
- Vaizdai automatiškai skalėjasi
- Tarpai tarp elementų optimizuojami mažesniems ekranams
Campaign Monitor dizaino įrankiai leidžia jums kontroliuoti šiuos dalykus. Galite nustatyti skirtingus font dydžius, padding, net paslėpti ar rodyti tam tikrus elementus priklausomai nuo įrenginio.
A/B testavimas dizaino elementų
Dizainas nėra tik apie tai, kas atrodo gražiai – tai apie tai, kas veikia. Ir vienintelis būdas sužinoti, kas veikia, yra testuoti.
Campaign Monitor leidžia A/B testuoti ne tik subject lines ar siuntimo laiką, bet ir dizaino elementus. Galite testuoti:
- Skirtingas mygtukų spalvas
- Skirtingus vaizdus
- Skirtingą turinio išdėstymą
- Skirtingus CTA tekstus ir pozicijas
Sistema automatiškai paskirsto jūsų auditoriją į grupes, siunčia skirtingas versijas ir renka duomenis apie tai, kuri versija veikia geriau. Po to galite automatiškai siųsti laimėjusią versiją likusiai auditorijai.
Aš paprastai testuoju vieną elementą vienu metu. Jei keičiate ir mygtuko spalvą, ir vaizdą, ir išdėstymą vienu metu, nebus aišku, kas iš tikrųjų padarė skirtumą.
Integracijos ir workflow optimizavimas
Dizaino įrankiai nėra atskirti nuo visos Campaign Monitor platformos – jie yra glaudžiai integruoti su visomis kitomis funkcijomis.
Kai sukuriate e-laišką, galite tiesiogiai jame naudoti duomenis iš jūsų prenumeratorių sąrašų, segmentų, automatizavimo workflow’ų. Galite sukurti šabloną ir naudoti jį automatizuotose kampanijose, trigger e-laiškuose, transakciniuose pranešimuose.
Be to, Campaign Monitor integruojasi su daugybe trečiųjų šalių įrankių – CRM sistemomis, e-commerce platformomis, analytics įrankiais. Tai reiškia, kad jūsų dizainas gali būti tikrai duomenimis grįstas.
Pavyzdžiui, galite integruoti su Shopify ir automatiškai įtraukti produktų rekomendacijas į savo e-laiškų dizainą. Arba integruoti su Google Analytics ir matyti, kaip skirtingi dizaino elementai veikia ne tik e-laiško atidarymo ir paspaudimų prasme, bet ir galutinių konversijų svetainėje prasme.
Kas veikia praktikoje: patirtis ir rekomendacijos
Po kelių metų darbo su Campaign Monitor dizaino įrankiais, turiu keletą konkrečių rekomendacijų, kurios tikrai veikia.
Pirma, neskubėkite. Taip, galite sukurti e-laišką per 15 minučių, bet tai nereiškia, kad turėtumėte. Skirkite laiko apmąstyti savo žinutę, auditoriją, tikslą. Geras dizainas prasideda nuo geros strategijos.
Antra, mažiau yra daugiau. Vienas aiškus CTA veikia geriau nei penki. Vienas stiprus vaizdas veikia geriau nei galerija. Aiški hierarchija veikia geriau nei chaosas.
Trečia, testuokite viską. Jūsų intuicija apie tai, kas veikia, dažnai bus klaidinga. Duomenys nemeluoja. Naudokite Campaign Monitor analytics ir A/B testavimo funkcijas.
Ketvirta, neužmirškite prieinamumo. Naudokite alt tekstus vaizdams, užtikrinkite gerą kontrastą tarp teksto ir fono, naudokite semantišką HTML struktūrą. Tai ne tik gerai etiškai, bet ir pagerina jūsų e-laiškų pristatymą.
Penkta, stebėkite, kaip jūsų e-laiškai atrodo skirtinguose e-pašto klientuose. Net jei naudojate Campaign Monitor šablonus, vis tiek verta patikrinti. Kartais mažas CSS tweakas gali visiškai sugadinti dizainą tam tikrame kliente.
Dizaino įrankiai yra tik įrankiai. Jie negali pakeisti kūrybiškumo, strateginio mąstymo ar supratimo apie jūsų auditoriją. Bet geri įrankiai gali padėti jums efektyviau įgyvendinti savo idėjas ir pasiekti geresnius rezultatus. Campaign Monitor dizaino įrankiai tikrai priklauso prie gerųjų – jie pakankamai paprasti pradedantiesiems, bet pakankamai galingi profesionalams. Ir galiausiai, tai svarbiausia – jie leidžia jums sutelkti dėmesį į tai, kas tikrai svarbu: komunikaciją su jūsų auditorija.