Šablona a design newsletterů... Tomáš Růžička, 13. 5. 2014 - Praha
Šablona a design newsletterů...
Tomáš Růžička, 13. 5. 2014 - Praha
Kdo jsem
Tomáš Růžička
Grafik a markeťák…
• V současnosti markeťák ve společnosti Conrad Electronic
• Specialista marketingu od roku 2004
• Specializace na newslettery a online marketing
• V minulosti spolupráce s: CeWe Color, Alzasoft, Mironet
www.linkedin.com/in/tomasmarketing
Pár čísel celosvětově
Otestování v ČR (B2C testovací skupina 250.000)
1. Web version 33.41%
2. Outlook 31.34%
3. Gmail 10.54%
4. Thunderbird 7.08%
5. Windows Live Mail 4.48%
6. Google Android 3.13%
7. Apple Mail 2.74%
8. Apple iPhone 2.68%
9. Apple iPad 2.3%
10. Windows Mail 0.65%
1. Web version 33.41%
Using Explorer 4.06%
Using Firefox 12.52%
Using Safari 0.19%
Other 4.55%
Using Android 0.88%
Using iPhone 0.03%
Using iPad 0.27%
Using Chrome 10.76%
Using Kindle 0.0%
Using BlackBerry 0.0%
Using Chrome 0.15%
Otestování v ČR (B2B testovací skupina 50.000)
1. Outlook 51.02%
2. Web version 16.91%
3. Thunderbird 9.58%
4. Gmail 6.93%
5. Windows Live Mail 5.26%
6. Apple Mail 3.65%
7. Apple iPhone 2.34%
8. Apple iPad 1.64%
9. Google Android 1.29%
10. Windows Mail 0.26%
1. Outlook 51.02%
Outlook 2007 12.76%
Outlook 2000-2003 19.56%
Outlook Web Access
(Explorer) 0.01%
Outlook 2010 14.75%
Outlook 2013 3.94%
Otestování v ČR
Desktop 47.1%
Webmail 43.3%
Mobile 9.6%
B2C (250.000)
Desktop 70.6%
Webmail 23.6%
Mobile 5.8%
B2B (50.000)
První kontakt - Subject
Subject - Preheaders
První věta v newsletteru: Nezobrazují-li se Vám informace, klikněte prosím >zde<
• Seznam.cz, Gmail.com, Tiscali.cz, Yahoo atd… zde všude se zobrazuje první věta z newsletteru… Počet
znaků je závislý na délce předmětu a rozlišení monitoru, je to cca 95 až 190 znaků (nový Outlook 2013)
• První věta v newsletteru by měla být nabídka, či informace, o dopravě zdarma, nikoli „prosím klikněte zde“
• Nezapomenout na pole „Odesílate“, též možno otestovat
Řešení:
• První věta v newsletteru: žhavá nabídka/doprava zdarma/benefit cokoli zajímavého
Preheaders TIP
<style>
.preheader { display:none !important; visibility:hidden; opacity:0; color:transparent;
height:0; width:0; }
</style>
</head>
<body>
<span class="preheader" style="display: none !important; visibility: hidden; opacity: 0; color:
transparent; height: 0; width: 0;">Preheader text shows up in GMail, iOS, Mail.app,
& more: 75 text char limit</span>
Preheaders na mobilu
CZC: Nově testují responsibilní šablonu, vyzkoušeli 1x
Co funguje v předmětu emailu (best practices)
1) Zaměřte se na výhody ne funkce produktů
Nepoužívejte jen vlastnosti výrobku, ale ukazujte výhody produktu či jeho využití. Podnítit důvod
proč to potřebuje. Probuzení zájmu.
• Uchovejte staré snímky, fotografie a negativy! (Open rate 29%)
• Skener negativů a dia jen za 1.699,- Kč + poštovné zcela zdarma! (Open rate 20%)
2) Zvědavost
V některých případech probuzení zvědavosti vyvolá skvělý efekt, nedoporučuji používat často,
jednou měsíčně velmi dobře zabere.
• Něco tu pro tebe máme, seber své odhodlání! (Open rate 56%)
• Logitech TOPSELLERy již od 475,- Kč + poštovné zdarma (Open rate 27%)
3) Délka předmětu
Krátké předměty fungují lépe, některé schránky ukazují omezený počet znaků (např.: mobilní
zařízení). Nejdůležitější informaci vždy na začátek.
• Nyní ušetříte až 30% nákladů na vytápění! (Open rate 32%)
• Termostatická hlavice jen 399,- Kč + Doprava zdarma! >> Ušetřete až 30% nákladů na vytápění << (Open rate 27%)
4) Personalizace
Personalizace vždy funguje nejlépe, testovat můžete oslovení, jméno, příjmení, email.
Personalizovat se dá vše co máte v databázi, například do předmětu dát město odkud zákazník je
• Tomáši, vyzkoušejte LED televizor s brilantním podáním barev (Open rate 35%)
• NEUVĚRITELNÉ: 48 cm (19“) značková LED TV za pouhých 4.399,- Kč (Open rate 28%)
5) Nezapomeňte testovat!!!
Newslettrové nástroje v dnešní době umí s každým emailingem poslat až 4 předměty (a/b/c/d/),
v každém z nich můžete otestovat varianty na definované % databáze, ta která bude nejlepší se
odešle na celkou databázi. Zároveň se dá AB testovat odesilatel v některých nástrojích.
• Tomáši, vyzkoušejte LED televizor s brilantním podáním barev! S dopravou zdarma, s námi vždy něco navíc!
• NEUVĚRITELNÉ: 48 cm (19“) značková LED TV za pouhých 4.399,- Kč S dopravou zdarma, s námi vždy něco navíc!
• BRUTÁLNÍ sleva na značkovou LED TV >28%< ušetříte 1.230,- Kč [NAME]! S dopravou zdarma, s námi vždy něco navíc!
• Sleva -28% <<< Brilatní podaní barev >>> LED TV 19“ jez za 4.399,- Kč S dopravou zdarma, s námi vždy něco navíc!
6) Otestujte si speciální znaky a používejte je decentně
Testovali jsme a nemělo to výrazný vliv na open rate.
Testněte: [Re:], Máte (1) novou zprávu, +1 nová zpráva
█▬█ █ ▀█▀ Doprava zdarma pro objednávky nad 500,- Kč!
Newsletter – první kontakt
První pohled na newsletter
- Poskytovatelé freemailu nezobrazují
obrázky (Tiscali, Seznam.cz, starší
Outlooky, O2 - vždy musíte kliknout)
- Někteří (např., seznam.cz
a Outlooky) neakceptují velikost
obrázků, musí být definována
v HTML
- Nejsou-li definované obrázky,
zobrazí se poté prakticky dva
odkazy, zde a hurá odhlásit
Srovnání
Samotná šablona
- Ideální první kontakt, ihned je vidět o co jde
- Okamžitě Vás uděří první nabídka
- Seznam nezobrazuje ani rámeček obrázků
Aktuální šablony conrad.cz
Slevové kódy
vždy v HTML
Samotná šablona
- Ideální první kontakt, ihned je vidět o co jde
- Okamžitě Vás uděří první nabídka
- Seznam nezobrazuje ani rámeček obrázků
Proč šablonu? Statistiky ukázali, že nejvíce
návštěv dříve dorazilo
z odkazu >ZDE< (80%)
- Vysoká bounce rate na stránkách
- Nízká konverze
- Průběžné snižování open rate
Šablona
Wireframe
Hlavička
•První větu v newsletteru
•Logo
•Nějaké informace vedle loga
•Menu v HTML (ne obrázky)
Textové pole
•Top nabídka
•Textové seznámení s nabídkou ideálně s odkazem
•Oslovení
•Poděkování
Tělo newsletteru
•Grafika a samotná nabídka, nezapomínat na „call to action“
•Ideálně proložené dynamickými bloky
Patička
•Tagcloud
•Uživatelské jméno a heslo
•Email na který byla nabídka odeslána
•Kontakty, FAQ, ocenění, další info
•Odhlášení
Hlavička newsletteru Prvky hlavičky:
- První věta newsletteru
- Odkaz pro zobrazení na webu
- Share tlačítko
- Logo
- Top nabídka
- Menu
- Popis
- Rychlá nabídka z newsletteru
Proč takovou šablonu:
Dokázaly to statistiky
Hlavička logo a?
Testování hlavičky:
- Otestujte si vlastní hlavičku, dobré výsledky mělo vyhledávání (Conrad NL používá dodnes)
- Reference kvality též na začátku zvýšila konverzní poměr celé rozesílky
- TOP/TIP/TOPSELLER u Conrada je nejefektivnější
Patička newsletteru
Tagcloud (3% z tržeb)
Dynamické recenze (aktuálně testujeme)
Login
Následné snížení požadavků na obnovu hesla, pro uživatele příjemné
Usnadnění pro blacklist, když se někdo snaží odhlásit telefonicky
(kvůli redirectům a pop3)
Dynamická banner (1% z tržeb)
Jasné statistiky 2013 jednotlivých prvků
Návštěvy Obrat Konverzní poměr
Nezobrazuje 12% 2% 0,28%
logo 9% 4% 0,48%
Top nabídka 6% 9% 3,80%
Top tabulka 13% 17% 1,37%
Horní menu 6% 9% 3,28%
Spodní menu 0% 1% 3,51%
Textové pole 3% 4% 1,66%
Tagcloud 2% 3% 0,68%
- V roce 2010, měl odkaz nezobrazuje 80 – 90% podíl na návštěvnosti z newsletterů
- Jeho konverzní poměr byl velmi nízký 0,2 – 0,5 %
- Vysoká bounce rate návštěv (až 83%)
- Bounce rate s newsletterů nesmí být vyšší než průměr webu
Obsah newsletteru (50% veškerých kliků v šabloně)
Chybí CALL to Action
Alza, Mironet, CZC a další již přidali
logo a menu, bohužel ne v HTML
B2B newslettery – vývoj od roku 2009
- Náhled vývoje b2b šablon
- Funguje více grafický newsletter
- Maximální potlačení klikněte >zde<
B2B newslettery – vývoj od roku 2009
- Náhled vývoje b2b šablon
- Funguje více grafický newsletter
- Maximální potlačení klikněte >zde<
Openrate: 12,96%
Click rate: 6,53%
CVR: 0,41%
Četnost: 1 týdně
Openrate: 16,89%
Click rate: 3,75%
CVR: 0,79%
Četnost: 2 týdně
Openrate: 22,62%
Click rate: 4,08%
CVR: 1,17%
Četnost: 2 týdně
Openrate: 29,88%
Click rate: 5,48%
CVR: 1,11%
Četnost: 2/3 týdně
Openrate: 12,60%
Click rate: 5,10%
CVR: 0,24%
Četnost: 1 týdně
*Open rate, click rate jsou Unique
**Bez automatizovaných kampaní, standardní rozesílka
B2B newslettery – vývoj od roku 2010
- Náhled vývoje b2b šablon
- Nejprve jsme úspěšné prvky B2C aplikovali na B2B
- B2B je jiné, otestování tabulkové šablony
B2B newslettery – vývoj od roku 2010
- Náhled vývoje b2b šablon
- Nejprve jsme úspěšné prvky B2C aplikovali na B2B
- B2B je jiné, otestování tabulkové šablony
Openrate: 25,33%
Click rate: 4,82%
CVR: 2,02%
Četnost: 2-3/týdně
Openrate: 22,62%
Click rate: 4,12%
CVR: 1,99%
Četnost: 1-2/týdně
Openrate: 21,28%
Click rate: 4,68%
CVR: 1,38%
Četnost: 1 týdně
*Open rate, click rate jsou Unique
**Bez automatizovaných kampaní, standardní rozesílka
Openrate: 10,62%
Click rate: 6,83%
CVR: 0,51%
Četnost: 1 týdně
Tipy a rady
Nepoužívat v HTML
• margin, padding,
• width="580" nepoužívejte px (580px)
• <div> (outlook vůbec neakceptuje)
• <p> (outlook vůbec neakceptuje)
• celý newsletter dělat pouze v tabulkách jinak se rozpadne minimálně v outlooku
• každá buňka, kde je text, musí mít opět definovaný font-family a velikost
Dále
• Oslovujte jenom jednou, ne několikrát
• Oslovení jménem působí občas provokativně, ale funguje
• Testujte! Testujte! Testujte!
• Otestujte si šířky, ideální šířka je 580 - 650px, né více
• Nezapomínejte na plaintext verzi v newsletteru
Power on!