Jeden zákazník napíše nadšenou recenzi. Jiný tiše přestane nakupovat a nikdy vám neřekne proč. Na vašem webu se děje totéž: někteří návštěvníci si nabídky všimnou a jednají, jiní ji úplně přerolují, protože po první obrazovce zmizela nad ohybem.
Prvek připnuté lišty na webu tento problém viditelnosti řeší. Připnutá lišta je vodorovný banner, který zůstává pevně nahoře nebo dole v okně prohlížeče, když návštěvník roluje. Na rozdíl od vyskakovacího okna nezakrývá váš obsah. Tady je, kdy ji použít a jak to udělat dobře.
Co je připnutá lišta?
Připnutá lišta je úzký banner, který zůstává na obrazovce viditelný, když návštěvník stránkou roluje. Obvykle obsahuje krátkou zprávu, tlačítko s výzvou k akci a někdy možnost zavření. Lišta zůstává na místě díky pevnému umístění v rozvržení stránky.
Připnutým lištám se říká také plovoucí lišty nebo oznamovací lišty. Liší se od navigační lišty s připnutou hlavičkou webu, která drží viditelné vaše menu. Připnutá lišta nese propagační sdělení nebo sdělení vedoucí k akci, ne navigační odkazy webu.
Kdy použít připnutou lištu?
Připnutou lištu použijte, když chcete trvalou viditelnost bez blokování obsahu. Oznámení, časově omezené nabídky, výzvy k přihlášení k e-mailům a upozornění na cookies dobře fungují ve formátu připnuté lišty.
Sdělení v plovoucí liště na webu je méně rušivé než vyskakovací okno, protože návštěvníci mohou číst dál, zatímco lišta zůstává viditelná. Postrčí, ale nevyrušuje. Proto jsou připnuté lišty dobrou volbou pro doplňková sdělení nebo pro weby, kde vyskakovací okna působí příliš agresivně.
Připnutá lišta a vyskakovací okno
Vyskakovací okna vyžadují okamžitou pozornost tím, že zakrývají obsah. Připnuté lišty drží pozornost k dispozici, aniž by ji vynucovaly. Vyskakovací okno použijte, když máte jednu silnou nabídku a chcete maximální viditelnost po krátkou dobu. Připnutou lištu použijte, když chcete trvalou viditelnost po celou návštěvu.
Mnoho webů používá obojí: připnutou lištu pro oznámení na celém webu a okno při rolování pro cílenou nabídku na konkrétních stránkách. Pro srovnání obou formátů si přečtěte co je vyskakovací okno na webu.
Tipy pro design připnutých lišt
Zprávu držte pokud možno na jednom řádku. "Doprava zdarma při objednávce nad $50" je jasné. Odstavec o třech větách v připnuté liště úzký prostor přetíží.
Použijte kontrastní barvu pozadí, aby se lišta od obsahu stránky odlišila a přitom se nerozcházela s vaší značkou. Přidejte jedno tlačítko s jasným popiskem. Přidejte možnost zavření, aby ji mohli odmítnout návštěvníci, které nezajímá.
Horní lišty používejte pro oznámení a dolní lišty pro výzvy k akci. Umístění dole působí méně rušivě, protože při načtení netlačí obsah stránky dolů. Umístění nahoře je vidět okamžitě, ale může působit agresivněji.
Připnuté lišty se dobře doplňují s odpočítávacími časovači u časově omezených nabídek. Pokyny k načasování najdete v části jak použít odpočítávací časovače pro zapojení. Širší pravidla pro vyskakovací okna viz vyskakovací okna bez obtěžování návštěvníků.
Často kladené otázky
Může připnutá lišta škodit zapojení na mém webu?
Připnutá lišta, která zakrývá příliš místa na obrazovce nebo se vrací po zavření, může návštěvníky frustrovat. Porovnejte s vyskakovacími okny na webu a zvolte formát, který odpovídá intenzitě vašeho sdělení.
Mám použít horní, nebo dolní připnutou lištu?
Horní lišty jsou vidět jako první, ale při načtení stránky tlačí obsah dolů. Dolní lišty nepřekážejí a přitom zůstávají viditelné při rolování. Vyzkoušejte obě na nejnavštěvovanějších stránkách a porovnejte míru prokliku.
Čím se připnutá lišta liší od připnuté hlavičky?
Připnutá hlavička drží navigační menu viditelné při rolování. Připnutá lišta nese propagační sdělení nebo sdělení vedoucí k akci, například oznámení výprodeje nebo výzvu k přihlášení k e-mailům. Některé weby používají obojí současně.
Mohu zobrazit připnutou lištu na každé stránce?
Připnuté lišty na celém webu fungují pro oznámení, která platí všude, například doprava zdarma nebo sváteční výprodej. Lišty pro konkrétní stránky fungují lépe u cílených nabídek. Nezobrazujte stejnou lištu vracejícím se návštěvníkům, kteří ji už zavřeli.
Fungují připnuté lišty na mobilních zařízeních?
Připnuté lišty na mobilu fungují dobře, když jsou štíhlé a nezakrývají důležitý obsah. U časově omezených nabídek je spojte s odpočítávacími časovači pro zapojení v kompaktní dolní liště.
Mohu přidat připnutou lištu s WEMASY?
Tvůrce webů WEMASY vám umožní přidat prvky připnuté lišty na libovolnou stránku ve vizuálním editoru. Sdělení, umístění, barvy i chování při zavření ovládáte bez psaní kódu.