E-mail sablon kiválasztása és testreszabása

A legtöbb e-mail sablonnal az a baj, hogy túl szép. Beleteszel öt képet, három gombot, egy hátteret meg egy elválasztó grafikát — és a végén a vásárló mobilon egy zsúfolt, lassan betöltő valamit lát, amiről nem derül ki, mit kellene csinálnia.

Az e-mail sablon nem dizájnfeladat. Döntési feladat: mi az az egy dolog, amit a címzettnek meg kell tennie, és mi az, ami ettől elvonja a figyelmét.

Hivatalos theMarketer-partner vagyok — ha a linkemen keresztül fizetsz elő, jutalékot kapok, az árad ettől nem magasabb.

Miért nem kell hozzá kódolnod?

Régen ez volt a fő akadály: az e-mail HTML-je saját szabályok szerint működik, és amit a böngésző szépen megjelenít, azt a levelezőprogram szétesve mutatja. Ma ezt nem neked kell megoldanod.

A theMarketer kreatív eszközei között drag-and-drop szerkesztő és iparágakra kész sablonok vannak — vagyis blokkokból rakod össze a levelet, és a technikai része a rendszer dolga. Ez nem apróság: pont az a rész tűnik el, ahol a legtöbben elakadtak és feladták.

A gyakorlati következmény, hogy a sablon nem lehet többé kifogás. Ha ma nem küldesz e-mailt, annak nem az az oka, hogy nincs jó sablonod.

Válassz sablont — de a tartalom alapján

A tipikus hiba, hogy először kiválasztod a legszebb sablont, aztán megpróbálod beletölteni a mondandódat. Fordítva működik.

Írd le előbb, mi lesz a levélben: egy termék vagy több? Van hosszabb szöveges rész, vagy csak kép és gomb? Egy ajánlat van benne, vagy egy válogatás? Ezután válassz olyan sablont, aminek a szerkezete ehhez illik. Így nem kell erőltetned semmit, és nem lesz a levélben három üresen maradt blokk.

Egy praktikus szabály: kevesebb blokkból álló sablont válassz, mint amennyit elsőre elképzeltél. Blokkot hozzáadni könnyű, elvenni — miután már beleraktál valamit — nehéz.

Márkakonzisztencia: három dolog, semmi több

Nem kell arculati kézikönyv. Három dolgot rögzíts, és tartsd be minden levéltípusnál — hírlevélnél, automatizmusnál, rendelés-visszaigazolásnál egyaránt:

• Szín. Egy fő szín és egy kiemelőszín. A gomb mindig ugyanaz a szín legyen — ez tanítja meg a vásárlónak, hol kell kattintania.
• Logó. Ugyanaz a fájl, ugyanaz a méret, ugyanott. Meglepően sok webshopnál a hírlevélben más logó van, mint a rendelés-visszaigazolóban.
• Betűtípus. Válassz egy jól olvasható, biztosan megjelenő betűtípust, és maradj nála. Az e-mailben az egyedi betűtípus gyakran nem az, aminek szántad — a levelezőprogram lecseréli.

Miért számít ez? Mert a felismerhetőség bizalom. Ha a leveleid egységesek, a vásárló egy pillanat alatt látja a postaládájában, hogy tőled jött — és nem kell azon gondolkodnia, hogy ez most adathalászat-e.

A leggyakoribb rés itt az automatikus levelek. A hírlevél szép, mert azzal foglalkoztál — a rendelés-visszaigazoló viszont a rendszer alapértelmezett sablonja maradt. Pedig azt olvassák el a legtöbben.

Mobil nézet: itt dől el minden

Az e-mailek jelentős részét telefonon nyitják meg. Ezért a mobil nézet nem ellenőrzési lépés a végén, hanem az elsődleges nézet, amire tervezel.

Négy dolgot nézz meg minden levélnél, mielőtt kiküldöd:

• Olvasható-e a szöveg nagyítás nélkül?
• Elfér-e a gomb egy hüvelykujjnyi felületen, és van-e körülötte hely, hogy ne a mellette lévő linkre kattintson valaki?
• Látszik-e a lényeg görgetés nélkül — vagyis mi a levél célja, és hol kell kattintani?
• Mit lát az, akinél nem töltődnek be a képek? Ha a leveled egyetlen nagy kép, akkor egy üres téglalapot — ezért a fontos üzenet mindig legyen szöveg is, ne csak a képre írva.

Küldj magadnak egy tesztlevelet, és nyisd meg telefonon. Ez a harminc másodperc többet ér, mint bármilyen sablonválasztás.

Ha teheted, két különböző levelezőben is nézd meg — a megjelenítés programonként eltér, és ami az egyikben rendben van, az a másikban elcsúszhat. Nem kell mindegyikben tökéletesnek lennie; az a cél, hogy sehol ne legyen olvashatatlan vagy kattinthatatlan.

A tárgymező és az előnézeti szöveg is a sablon része

Erről szinte sosem esik szó a sablonválasztásnál, pedig ez a levél legfontosabb két sora — ezt látja a címzett, mielőtt eldönti, megnyitja-e egyáltalán.

A tárgymező legyen rövid és konkrét, mert mobilon úgyis levágódik a vége. Az előnézeti szöveg — az a rövid részlet, ami a tárgy mellett jelenik meg — pedig ne az legyen, hogy „Ha nem látod jól ezt a levelet, kattints ide”. Ez az alapértelmezett szöveg sok sablonban, és feleslegesen elpazarol egy értékes sort. Írd felül, és folytasd benne a tárgymező gondolatát.

Egy másik gyakran kihagyott elem a feladó neve. Legyen felismerhető és állandó — a webshopod neve, ne egy „noreply” cím. A vásárló a feladót nézi először, nem a tárgyat.

A túl sok elem csapdája

Minden hozzáadott elem elvon a fő cselekvéstől. Ha a levélben öt link van, akkor a figyelem is öt felé oszlik — és a legtöbben egyikre sem kattintanak, hanem továbbgörgetnek.

A tapasztalatom az, hogy az egyszerű, szinte dísztelen levelek gyakran jobban teljesítenek, mint a látványosak — különösen az automatizmusoknál, ahol a levél amúgy is egy konkrét helyzetre válaszol. Egy elhagyott kosár e-mailnek nem kell kampányszerűnek lennie: elég, ha emlékeztet, megmutatja a terméket, és ad egy gombot.

Van egy egyszerű módja annak, hogy ezt kordában tartsd: állíts össze egyetlen alapsablont, és abból származtass mindent. Egy fejléc, egy tartalmi blokk, egy gomb, egy lábléc. Ha egy új levélhez hozzá akarsz adni valamit, előbb kérdezd meg magadtól, mit vennél el helyette. Ez a szokás hosszú távon többet ér, mint bármelyik sablonkészlet — és mellékesen a leveleid is egységesek maradnak.

Praktikus szűrő, mielőtt kiküldesz: takard le a levél alsó kétharmadát, és nézd meg a maradékot. Kiderül belőle, mi ez, és mit kellene tenned? Ha nem, akkor nem a sablonnal van baj, hanem a felépítéssel.

Ha az e-mail csatorna felépítésén dolgoznál, az aktuális ajánlat és a partnerlink itt található: theMarketer eszközbemutató.