Slovník pojmů

Responzivita

Responzivita je schopnost e-mailu nebo webu automaticky přizpůsobit svůj vzhled a rozvržení velikosti obrazovky zařízení – telefonu, tabletu nebo počítače.

E-mail marketingE-commerce

Co je responzivita

Responzivita (z anglického responsive design) je přístup k navrhování e-mailů a webových stránek, při kterém se obsah automaticky přizpůsobuje rozlišení a velikosti displeje zařízení, na kterém se zobrazuje. Jednosloupcové rozvržení na mobilu, dvousloupcové na tabletu, vícesloupcové na desktopu – to vše obstarává responzivní kód bez zásahu uživatele.

Technicky to zajišťují tzv. media queries – CSS pravidla, která aplikují různé styly v závislosti na šířce obrazovky.

Proč responzivita rozhoduje v e-mail marketingu

Podíl e-mailů otevřených na mobilním zařízení dlouhodobě roste a u většiny e-shopů tvoří nadpoloviční většinu všech otevření. Nereponzivní e-mail zákazníka na mobilu buď odradí, nebo mu znemožní kliknout na tlačítko, protože je příliš malé.

Důsledky špatné responzivity

  • Zákazník e-mail smaže bez přečtení → nižší open rate
  • Zákazník nedokáže kliknout na CTA → nižší click rate a CTOR
  • Špatný zážitek poškozuje vnímání značky

Responzivita e-shopu a její vliv na marketing

Responzivita je stejně důležitá pro web e-shopu jako pro e-maily. Zákazník, který klikne na odkaz v newsletteru a přijde na e-shop, který se na mobilu špatně zobrazuje, s velkou pravděpodobností odejde bez nákupu.

To znamená, že sebelepší e-mailová kampaň s vysokým CTOR nepřinese výsledky, pokud cílová stránka na mobilu nefunguje. Rychlost načítání a mobilní použitelnost e-shopu jsou navíc faktory, které Google zohledňuje při řazení ve výsledcích vyhledávání.

Responzivita v Leadhubu

Leadhub generuje e‑maily s responzivním kódem postaveným na media queries – CSS pravidlech, která přizpůsobují rozvržení e‑mailu podle šířky obrazovky zařízení. Drag & drop editor automaticky vytváří e‑maily, které se správně zobrazí na telefonu, tabletu i desktopu, aniž byste museli upravovat kód ručně.

Při tvorbě kampaně lze přepínat mezi desktopovým a mobilním náhledem přímo v editoru a zkontrolovat, jak e‑mail vypadá na různých zařízeních ještě před odesláním. Části obsahu lze navíc nastavit jako viditelné pouze na desktopu nebo pouze na mobilu – například zobrazit na telefonu zkrácenou verzi textu a na desktopu rozšířenou.

Před odesláním kampaně doporučujeme vždy zkontrolovat mobilní náhled – jiné rozvržení, velikost textu i chování tlačítek mohou výsledky kampaně výrazně ovlivnit.

Časté otázky

Jak zjistím, zda je můj e-mail responzivní?

V Leadhubu přepnete na mobilní náhled přímo v editoru kampaně. Obecně lze e-mail otestovat odesláním na telefon nebo nástrojem jako Litmus či Email on Acid, které zobrazí, jak e-mail vypadá v různých poštovních klientech a zařízeních.

Stačí responzivní e-mail, nebo musí být responzivní i e-shop?

Obojí je nutné. Zákazník, který otevře responzivní e-mail na mobilu a klikne na odkaz, přijde na e-shop. Pokud ten nefunguje na mobilu dobře, celá cesta od kampaně ke konverzi se přeruší. Responzivita je záležitost celého zákaznického zážitku, ne jen jednoho kanálu.

Ovlivňuje responzivita doručitelnost e-mailů?

Přímo ne – doručitelnost závisí na jiných faktorech, jako je reputace odesílatele nebo obsah zprávy. Nepřímo ale responzivita ovlivňuje metriky, které mohou doručitelnost postupně ohrozit: vysoká míra smazání bez přečtení nebo označení za spam je signálem pro e-mailové poskytovatele, že obsah příjemce nezajímá.

Další zdroje