Slideshow: Proč a jak ji vytvořit pro své webové stránky

Jak získat a neztratit pozornost návštěvníků vašeho webu? Udržení pozornosti uživatelů může být obtížný úkol. Při správném použití vizuálně působivých a osvědčených prvků máte vysokou šanci uspět. Jedním z těchto prvků je slideshow.

Slideshow na webu si mezi uživateli získala velkou oblibu. Proto si nepochybně zaslouží váš čas.

Udělejte ten správný první dojem a poskytněte vizuální zážitek. Lidé jsou na slideshow zvyklí a je pro ně intuitivní.

Jak vypadá slideshow na webu?

Zapomeňte na nekonečné PowerPointové prezentace.

Slideshow na webových stránkách zobrazuje jen několik málo obrázků/snímků, které ve smyčce přechází do dalších.

Tento webový prvek udržuje návštěvníky ve střehu.

Pokud je strategicky umístěn, pomůže vám nejen upoutat pozornost návštěvníků, ale dokonce získat zákazníky.

ElfSight Slideshow

K čemu využijete slideshow?

Prvek je ideální pro prezentaci portfolia vašich nejlepších fotografií, lákavých pokrmů z vaší restaurace, nových a doporučených produktů, příběhu vaší značky a mnoho dalšího.

Slideshow prezentuje vaše produkty atraktivněji a přesvědčivěji. Hodí se zvlášť, pokud potřebujete soustředit pozornost na hlavní produkt.

Jde o dobrý způsob, jak poutavě sdílet příběh nebo misi vaší společnosti.

Powr.io slideshow editor

Jak vypadá dobrá slideshow?

Existuje několik pravidel, díky kterým je prvek uživatelsky přívětivý a poutavý.

Ruční přepínání mezi snímky

Manuální přechod mezi fotografiemi je standard. Vaši návštěvníci tuto možnost očekávají. Nabídněte jim to, na co jsou zvyklí. Je frustrující, pokud mezi fotografiemi nemohou přepínat podle vlastního tempa.

Naznačte počet snímků

Využijte symbol teček nebo jakýchkoliv vhodných miniatur k vyznačení počtu fotografií.

Nevkládejte příliš mnoho obrázků

První snímek obvykle vzbuzuje největší pozornost. Omezte počet snímků.

Návštěvníci zpravidla kliknou i na druhou nebo třetí fotografii. Jejich pozornost je ale omezená, 189 fotografií si neprohlédnou. I tento odstavec je pravděpodobně příliš dlouhý. Ještě ho čtete?

Jaký je tedy správný počet snímků? Stačí vložit 3-4 fotografie!

Zkontrolujte responzivní zobrazení

Vaše babička možná nepoužívá chytrý telefon, ale vaši návštěvníci si s největší pravděpodobností váš web prohlížejí právě na mobilním zařízení.

Optimalizujte obrázky

Čím větší soubor je, tím více času zabere jeho načtení. V mnohých editorech fotografií najdete možnost optimalizace obrázků pro web.

Animaci vybírejte opatrně

Některé animace mohou návštěvníka zaujmout ale i vyděsit. Zvolte tu pravou pro váš web.

Jak vložit slideshow na web

V závislosti na vaší uživatelské úrovni si můžete vybrat mezi:

• Interní funkcí editoru Webnode v rámci fotogalerie nebo výpisu produktů
• Externím online nástrojem (zkuste na Google vyhledat: slideshow maker website)
• Vlastním kódem (HTML, CSS nebo Javascript)

Jak vytvořit slideshow ve Webnode editoru

Příklad vzhledu fotogalerie ve Webnode editoru

Vložení fotogalerie je rychlé a snadné.

Klikněte na tlačítko plus uprostřed stránky a zvolte sekci „Fotogalerie“. Po výběru obrázků z vašeho zařízení klikněte na „Nahrát obrázky“. Poté změňte zobrazení z výchozího na slideshow.

Podrobný návod pro vložení fotogalerie najdete v naší nápovědě.

Příklad výpisu produktů ve Webnode editoru ve formě slideru

V případě výpisu produktů je postup téměř totožný. Nejprve vložte daný prvek. Pod tlačítkem „Rozložení“ pak nastavte možnost slider.

Další možnosti, jak upravit výpis produktů najdete v našem návodu.

Online nástroje pro tvorbu slideshow

Můžete využít i externí nástroj, jako je Cincopa. Online nástroje obvykle umožňují vytvoření prvku zdarma, můžete si také vyzkoušet různá nastavení. Případně si lze zakoupit prémiový tarif.

Příklad Cincopa slideru

Externě vytvořenou slideshow můžete ve Webnode editoru vložit pomocí HTML kódu, který vygenerujete ve vybraném online nástroji. 

Vlastní kód

V tomto případě postupujte podle pokynů, které najdete například na W3 schools. Hodně štěstí!

Jak využít video slideshow?

Video je skvělým způsobem, jak prezentovat vaši společnost, dovednosti nebo produkty. Můžete jej vytvořit i pomocí obrázků ve smyčce. Sdílejte informace vizuálně poutavým způsobem!

Pro vytvoření videoprezentace z obrázků lze použít nástroj Canva. Nastavte video jako pozadí hlavičky domovské stránky.

Shrnutí

Slideshow s optimalizovanými obrázky, promyšleným copywritingem a nápadnými designovými prvky je funkčním způsobem, jak upoutat pozornost a zájem návštěvníků vašeho webu.

Tvorba slideshow je jako otevření Pandořiny skříňky a nových marketingových možností. Je to komplexní tvůrčí proces!

Zjistěte, jak ještě více vylepšit design webu.