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.
