A. HOMEPAGE

Homepage e-shopu je vstupní branou do obchodu. To platí především pro ty návštěvníky, kteří e-shop již znají a záměrně otevírají konkrétní web. V dnešní době je však velmi časté, že návštěvník, který touží po určitém produktu, začne při jeho hledání na stránkách vyhledávače (v ČR nejčastěji Google nebo Seznam). Tento návštěvník pak přichází na e-shop již na stránku konkrétního produktu, případně kategorie produktů. I pro něj je ale homepage důležitou stránkou webu. Pro e-shop je homepage používána jako hlavní navigační prvek a rozcestník, takže je nezbytné, aby byla přehledná, upoutávala pozornost a obsahovala všechny důležité informace.

Pro e-shopy, stejně jako pro jiné druhy webů, je základem jejich důvěryhodnost. Návštěvník webu musí mít pocit, že firma je k němu upřímná a otevřená a žádné údaje nezatajuje nebo nezkresluje. E-shop by měl obsahovat všechny potřebné informace, které jsou pro návštěvníka jednoduše dohledatelné, měl by být zabezpečený, v případě zpracování jiných než technických cookies by měl obsahovat cookie lištu apod. Vše podstatné pro důvěryhodný web je obsahem auditu důvěryhodnosti.

A.1 Otevření webu e-shopu

Při otevření webu e-shopu musí mít návštěvník okamžitou představu, co přesně v obchodě najde. Na homepage by měly být takové informace, které návštěvníka webu zaujmou a navnadí ho k dalšímu procházení webu. Mohou se zde objevovat údaje o produktech, nejrůznější hodnocení e-shopu, informace o certifikátech apod. Při otevření webu e-shopu nelze zapomínat ani na povinné postupy, jako je např. získání souhlasu se zpracováním cookies nebo potvrzení dosažení požadovaného věku pro vstup na web. Důležitá je i responzivnost webu, tedy jeho optimální zobrazení na PC i mobilním zařízení. Je totiž běžné, že návštěvník jeden web navštěvuje pomocí různých zařízení.

A.1.1 Zaměření e-shopu

Každý majitel e-shopu by se měl nejprve zamyslet nad tím, kdo přesně bude jeho stránky navštěvovat. V souvislosti s tím, co e-shop nabízí, by měla být zvolena i forma předávaných informací. Např. pro e-shop zaměřený na sjezdová horská kola bude důležitý uvolněný styl, který by měl obsahovat i trochu adrenalinu, stejně jako sport, na který se orientuje. Pokud však půjde o e-shop s potřebami pro ty nejmenší, musí být atmosféra přátelská a rodinná.

Každopádně zaměření e-shopu musí být na první pohled zcela zřetelné. Adresa webu nemusí vždy jasně říkat, co na e-shopu návštěvník najde. O to důležitější je, aby byla homepage dobře připravená a návštěvníka v pár vteřinách jasně informovala o tom, kde se nachází a k čemu web slouží. V případě e-shopu mohou mezi základní informace na homepage patřit:

• představení firmy (e-shopu),
• nabídka hlavních produktů e-shopu,
• další aktuální nebo akční nabídky produktů – novinky, výhodné balíčky, slevové akce,
• nabídka podle značek dostupných na e-shopu,
• reference firmy, hodnocení zákazníků, recenze odborníků nebo podrobné případové studie,
• ocenění a certifikáty
• apod.

Každá homepage by dále měla obsahovat např. logo, menu produktů, kontaktní údaje firmy, přístup do košíku apod. O tom více v dalších podkapitolách Best practice.

Příklad – e-shop s představením firmy na homepage
Zdroj: https://www.sportica.eu/ (vid. 18. 7. 2022)

Příklad – e-shop s představením firmy a dostupných značek na homepage
Zdroj: https://www.targo-jbc.cz/ (vid. 18. 7. 2022)

Příklad – e-shop s nabídkou hlavních produktů na homepage
Zdroj: https://www.cityzenwear.cz/ (vid. 18. 7. 2022)

Příklad – e-shop s aktuální nabídkou produktů – novinky a výprodej
Zdroj: https://www.brzak.cz/ (vid. 18. 7. 2022)

Příklad – e-shop s nabídkou podle dostupných značek
Zdroj: https://www.detske-kocarky.cz/ (vid. 18. 7. 2022)

Příklad – e-shop s hodnocením zákazníků na homepage
Zdroj: https://www.czc.cz/ (vid. 18. 7. 2022)

Nelze jednoznačně říci, zda je lepší mít na homepage nabídku nejprodávanějších produktů, produkty v akci nebo nabídku přizpůsobenou např. pomocí cookies. Vždy záleží na konkrétním zaměření e-shopu. Vhodné je informace kombinovat, a především testovat jejich působení na návštěvníka webu. Až podle chování návštěvníků je možné zjistit, co je právě pro jejich skupinu optimální.

A.1.2 Responzivní web e-shopu

Responzivní je takový e-shop, který má vlastní verzi webu pro PC a mobilní zařízení. Tyto verze jsou velikostí a rozložením informací optimalizované pro různé velikosti monitoru nebo displeje a přizpůsobují se flexibilně. S příchodem chytrých telefonů a tabletů se důležitost responzivního webu razantně zvýšila. Návštěvníci dnes velmi často ve volných chvílí procházejí e-shopy a provádí nákupy právě z mobilních telefonů. Pokud je použita pouze jedna verze webu, která se neupravuje s velikostí displeje, bude to způsobovat problémy při návštěvě. Pro návštěvníky je na takovém e-shopu podstatně ztížena, někdy až znemožněna, orientace. E-shop nepůsobí důvěryhodně. Z webu, který není responzivní a je zobrazen na mobilním zařízení, návštěvník odejde a neprovede požadovanou akci.

Podstatné je také to, že vyhledávače, pokud je vyhledávání provedeno z mobilního zařízení, ve výsledcích vždy upřednostňují responzivní weby. Návštěvníkům se snaží poskytnout nejlepší odkazy.

Příklad – zobrazení e-shopu, který je responzivní, na PC a mobilním zařízení
Zdroj: https://www.brzak.cz/ (vid. 18. 7. 2022)

Příklad – zobrazení webu, který není responzivní, na PC a mobilním zařízení
Zdroj: https://superfeet.cz/e-shop/ (vid. 18. 7. 2022)

Předchůdcem responzivního webu byla tzv. mobilní verze webu. Nástroj pro přepnutí webu mezi počítačovou a mobilní verzi obsahují některé e-shopy ještě dnes. Jde však o zastaralý postup, kdy jsou vytvořeny paralelní weby běžící na určité subdoméně, pro mobilní verzi je často použita subdoména m.webfirmy.cz. Responzivní web se oproti manuálnímu přepínání mezi mobilní a počítačovou verzí přizpůsobuje flexibilně podle velikosti displeje.

Příklad – možnost přepnutí na mobilní verzi webu (e-shop zobrazený na PC)
Zdroj: https://www.alza.cz/ (vid. 18. 7. 2022)

Příklad – možnost přepnutí na PC verzi (e-shop zobrazený na mobilním zařízení)
Zdroj: https://www.czc.cz/ (vid. 18. 7. 2022)

A.1.3 Informace při otevření webu e-shopu

Při otevření e-shopu by se měly zobrazit některé informace a pokyny. Většinou se jedná o zákonem požadované poučení nebo omezení. Nejdůležitější jsou informace o cookies, pokud je e-shop používá, a věková hranice pro vstup do e-shopu.

Cookies při otevření webové stránky

Od začátku roku 2022 mohou být podle nové legislativní úpravy cookies zpracovávány pouze se souhlasem návštěvníka webu. To neplatí pro technické cookies, které jsou nezbytné pro správné fungování e-shopu a které mohou být zpracovávány i bez souhlasu. Pokud jsou na e-shop nasazeny jiné než technické cookies, musí být při vstupu do e-shopu získán aktivní souhlas od návštěvníka webu (procházení e-shopu nelze považovat za souhlas). K tomu se používá tzv. cookie lišta, která dává na výběr:

• udělit souhlas se všemi cookies,
• udělit souhlas pro vybrané cookies,
• neudělit souhlas (strpět zpracování pouze technických cookies),
• případně se nevyjádřit – zavřít lištu bez rozhodnutí (např. pomocí křížku).

Příklad – cookie lišta

Detailní audit zpracování cookies, který obsahuje přes 50 hodnocených bodů, si u nás můžete objednat.

Limit pro zpřístupnění obsahu e-shopu

Některé informace a prodej některých produktů (nejen) přes internet je věkově omezen. Proto je nezbytné u některých e-shopů ověřit věkovou hranici návštěvníka webu před zpřístupněním jeho obsahu. To může platit např. pro prodej tabákových výrobků (upraveno zákonem č. 65/2017 Sb., o ochraně zdraví před škodlivými účinky návykových látek). Věkem může být také ovlivněna možnost spustit video nebo se zaregistrovat na sociální síti apod.

Ověřovat věkový limit pro zpřístupnění obsahu webu lze různými způsoby, takové ověření by však mělo být jednoznačné. Nejčastěji se používá tlačítko pro odsouhlasení dovršení požadovaného věku při vstupu do e-shopu. Dříve býval běžnou praxí požadavek při otevření e-shopu na zadání roku narození (případně celého data narození) s tlačítkem pro potvrzení nebo nutnost přihlášení návštěvníka webu. Nutnost přihlášení, respektive registrace při prvním otevření e-shopu je však pro návštěvníky webu velmi odrazující, z takového webu většinou odejdou bez registrace a provedení nákupu. Dnes se často používá takový postup, že e-shop je obecně přístupný každému bez omezení věku, až při požadavku na koupi produktu se návštěvník webu musí registrovat (při registraci zadá datum narození, případně další údaje, a e-shop si potvrdí jejich pravdivost) a tím potvrdit dovršení požadovaného věku. V případě, že se registrovat nechce, je umožněn pouze osobní odběr produktu, při kterém firma ověří dosažení požadovaného věku.

Příklad – požadavek na potvrzení věku při vstupu na web – tlačítko pro potvrzení věku
Zdroj: https://www.ceskatrafika.eu/ (vid. 18. 7. 2022)

Příklad – požadavek na potvrzení věku při vstupu k chráněnému (věkově omezenému) obsahu – zadání datumu narození a tlačítko pro potvrzení
Zdroj: https://store.steampowered.com/agecheck/app/214490/ (vid. 15. 6. 2022)

Příklad – požadavek na registraci a tím potvrzení dovršení požadované věkové hranice v rámci objednávkového procesu
Zdroj: https://www.donpealo.cz/doprava-a-platba (vid. 18. 7. 2022)

A.2 Obsah homepage

Obsah homepage e-shopu je zásadní. Slouží jako základní navigace pro návštěvníky webu, především pro ty, kteří e-shop navštěvují opakovaně. Z homepage by mělo být návštěvníkovi ihned jasné, na jaké produkty je e-shop zaměřen. Informace by měly být přehledné a nenásilné. V současnosti se upřednostňují obrázky, ikony, piktogramy a symboly s krátkými a údernými texty, nikoliv pouze zdlouhavé a nepřehledné texty.

A.2.1 Logo e-shopu

Logo e-shopu je důležitá součást image firmy a tvoří její tvář. Jedná se o grafické ztvárnění obchodní značky, které ji pomáhá vizuálně se odlišit od konkurence, mělo by tedy být nenahraditelné a nezaměnitelné. Logo e-shopu může být spojené s názvem firmy, značkou, nabízenými produkty apod. Nejčastěji bývá logo umístěné v levé části záhlaví e-shopu. Případně může být uvedeno také v zápatí.

Příklad – logo e-shopu v záhlaví vlevo
Zdroj: https://www.alza.cz/ (vid. 18. 7. 2022)

Příklad – logo e-shopu v zápatí
Zdroj: https://www.aboutyou.cz/ (vid. 18. 7. 2022)

Obecně je nejdůležitější funkcí loga zaujmout návštěvníka webu a jednoznačně pro něj logo spojit s konkrétním e-shopem. V případě technických funkcí loga jde o usnadnění navigace na e-shopu. V oblasti loga by měl být uveden nástroj (odkaz), který návštěvníka vrátí na hlavní stránku e-shopu. Pokud se tedy návštěvník ztratí v nabídce nebo nedohledá to, co potřeboval, může mu logo umožnit jednoduchý návrat na homepage e-shopu. Tuto funkci má běžně logo umístěné v záhlaví. Ale i logo v zápatí může mít tuto funkci, kterou návštěvník ocení především u obsáhlých stránek. Pokud je tato funkce nad logo umístěna, je vhodné, aby docházelo ke změně kurzoru myši. Nejobvyklejší variantou změny je ze šipky na ruku. Návštěvník webu tím dostává jasný signál, že kliknutím na logo se něco stane – navrátí se na hlavní stránku.

Příklad – změna kurzoru myši ze šipky na ruku při najetí na logo

A.2.2 Záhlaví e-shopu

Záhlaví (případně se používá též výraz hlavička) e-shopu je většinou první část webu, kterou návštěvník vidí. Proto musí obsahovat takové informace, které návštěvníka webu zaujmou a jsou pro něj důležité. Spolu s menu e-shopu tvoří základní navigační cesty webu. Záhlaví se může měnit podle toho, jakou podstránku návštěvník zrovna prochází, např. pro stránku konkrétního produktu zde může být navíc tlačítko pro vložení produktu do košíku nebo jeho přímé, zrychlené objednání. Častěji však bývá záhlaví na všech stránkách stejné. Některé e-shopy záhlaví neobsahují vůbec.

Záhlaví e-shopu obvykle obsahuje:

• logo e-shopu – nejčastěji v levém horním rohu, součástí loga velmi často bývá prvek navigace – pokud návštěvník webu klikne na logo, vrátí se na homepage e-shopu,
• košík – tlačítko pro vstup na stránku produktů vybraných k objednání, toto tlačítko může najetím kurzoru myši (bez kliknutí) zobrazovat souhrnné informace o produktech vložených do košíku,
• přihlášení do uživatelského účtu – tlačítko bývá často umístěno v pravé horní části e-shopu,
• oblíbené produkty – proklik na stránku seznamu produktů, které si návštěvník webu označil jako své oblíbené,
• nákupní seznam – jedná se o seznam produktů, které má návštěvník webu v plánu na e-shopu koupit, do tohoto seznamu mohou být vkládány i produkty, které např. zrovna nejsou skladem, po naskladnění je návštěvník upozorněn na možnost objednání,
• porovnání produktů – proklik na stránku porovnání produktů, které návštěvník webu zvolil k porovnání,
• fulltextové vyhledávání – je zásadní především pro rozsáhlé e-shopy, návštěvník webu může vyhledat konkrétní produkt bez nutnosti použití jiných navigačních cest e-shopu,
• kontaktní informace – velmi často se v záhlaví e-shopu objevuje telefonní číslo, e-mail, otevírací doba apod., to je pro návštěvníky webu velmi přínosné při potřebě další komunikace s e-shopem (nemusí hledat kontakt jinde na webu),
• apod.

Pro stránky zobrazené na mobilním zařízení je běžné, že záhlaví obsahuje také menu e-shopu, které je možné rozkliknout.

Příklad – záhlaví e-shopu, které obsahuje logo, fulltextové vyhledávání, přihlášení do uživatelského účtu, košík, oblíbené a porovnávané produkty a odkazy na další různé informace
Zdroj: https://www.czc.cz/ (vid. 18. 7. 2022)

Příklad – záhlaví e-shopu, které obsahuje logo, fulltextové vyhledávání, přihlášení do uživatelského účtu, košík a kontaktní informace
Zdroj: https://www.sportica.eu/ (vid. 5. 4. 2022)

Příklad – kontaktní informace v záhlaví e-shopu (provozní doba, e-mail a telefonní číslo)
Zdroj: https://www.madein1977.cz/internetovy-obchod/ (vid. 18. 7. 2022)

Příklad – záhlaví e-shopu na mobilním zařízení, které obsahuje fulltextové vyhledávání, přihlášení do uživatelského účtu, nákupní košík, menu a logo
Zdroj: https://www.menstruacnikalisekyuuki.cz/ (vid. 8. 9. 2022)

Záhlaví může být na stránkách e-shopu umístěno tak, že zůstává pouze v horní části stránky a návštěvník webu při procházení e-shopu směrem dolů záhlaví dále nevidí. Lepším řešením je umístit záhlaví do tzv. statické linky. Tato linka zůstává viditelná v horní části obrazovky stále, i při posunu návštěvníka do spodních částí e-shopu. V případě e-shopu je to vhodné především proto, že v záhlaví bývají viditelné informace košíku a návštěvník webu má díky tomu stále přehled o svém nákupu. Statická linka může mít na všech stránkách a ve všech částech e-shopu stejnou velikost. Některé e-shopy používají takovou statickou linku, která se s pohybem návštěvníka směrem dolů zmenší, aby nezabírala tolik prostoru webu. Pro tiskovou verzi e-shopu je dobré nastavit statickou linku tak, aby se v tištěném dokumentu objevila pouze jednou, nikoliv několikrát podle načítání webu pro tisk.

Příklad – statická linka s fixní velikostí
Zdroj: https://www.pvmodel.cz/ (vid. 18. 7. 2022)

Příklad – statická linka s variabilní velikostí a zmenšením při rolování webem směrem dolů – původní velikost na horní části webu
Zdroj: https://www.alza.cz/ (vid. 18. 7. 2022)

Příklad – statická linka s variabilní velikostí a zmenšením při rolování webem směrem dolů – zmenšená linka při procházení webu
Zdroj: https://www.alza.cz/ (vid. 18. 7. 2022)

A.2.3 Menu e-shopu na homepage

E-shop může obsahovat pouze menu produktů. Běžně ale obsahuje i další doplňkové menu s odkazy např. na informace o firmě, kontakty apod. Menu produktů je hlavním navigačním nástrojem, proto musí být přívětivé, přehledné a srozumitelné. Základem je jednoznačné pojmenování kategorií a jejich přiměřený počet. Běžně se používá horizontální nebo vertikální menu e-shopu. V případě menšího počtu hlavních kategorií produktů, může být (namísto menu nebo spolu s menu) na homepage umístěna navigace do tzv. dlaždic. Tento způsob se využívá stále více.

Příklad – menu na homepage e-shopu
Zdroj: https://www.kosik.cz/ (vid. 18. 7. 2022)

Příklad – menu formou dlaždic
Zdroj: https://www.brzak.cz/ (vid. 18. 7. 2022)

Menu e-shopu může mít různé podoby i různé vlastnosti a funkce. Podrobnosti pro menu produktů i doplňkové menu e-shopu jsou sepsány v kapitole věnované navigaci webu, konkrétně v kapitole B.1 Menu produktů.

A.2.4 Nabídka produktů na homepage

Homepage e-shopu musí návštěvníka webu ihned zaujmout, a to především nabídkou prodávaných produktů. Proto je vhodné vybrat ty nejlepší a nejzajímavější produkty, které budou uvedeny již na hlavní stránce. Aby bylo jasné, že se e-shopu někdo věnuje, je příhodné tuto nabídku produktů na homepage pravidelně aktualizovat a obměňovat. Na homepage může být umístěna nabídka:

• běžných produktů e-shopu,
• novinek,
• výhodných nabídek – akce, balíčky apod.,
• zlevněných nebo bazarových produktů,
• podle značek dostupných na e-shopu,
• nejprodávanější nebo nejoblíbenější produkty e-shopu,
• naposledy prohlížené produkty,
• související produkty s naposledy prohlíženými nebo nakoupenými produkty – příslušenství, doplňky a navazující produkty,
• apod.

Příklad – nabídka běžných produktů e-shopu na homepage
Zdroj: https://superfeet.cz/e-shop/ (vid. 18. 7. 2022)

Příklad – nabídka novinek a výprodeje na homepage
Zdroj: https://www.brzak.cz/ (vid. 18. 7. 2022)

Příklad – nabídka nejoblíbenějších produktů na homepage
Zdroj: https://www.scuk.cz/ (vid. 18. 7. 2022)

Příklad – nabídka naposledy prohlížených produktů na homepage
Zdroj: https://www.vapp.cz/nejcasteji-prodavane-produkty (vid. 18. 7. 2022)

Příklad – možnost volby zobrazení doporučených produktů, akčních produktů, novinek, výprodeje a nejprodávanějších produktů na homepage
Zdroj: https://www.sportica.eu/ (vid. 18. 7. 2022)

Produkty zobrazené na homepage e-shopu musí obsahovat dostatek informací, podle kterých se návštěvník webu rozhoduje o nákupu. Informace musí být přehledné a měly by obsahovat především název produktu, kvalitní obrázek produktu a informace o ceně. Dále mohou být zobrazeny údaje o slevách, hodnocení zákazníků, marketingové štítky (označení akce, slevy, top produktu apod.). Nezbytné je umístit tlačítka s výzvou k akci, nejčastěji možnost rozkliknout podrobné informace a vložit produkt do košíku. Může být také umožněno porovnání produktů, hlídání jejich dostupnosti apod., to však bývá častější až na stránce seznamu produktů.

Příklad – informace o produktech zobrazené na homepage (název produktu, obrázek, cena, sleva, marketingové štítky, vložení do košíku, při kliknutí na vybraný produkt se zobrazí stránka konkrétního produktu)
Zdroj: https://www.kosik.cz/ (vid. 18. 7. 2022)

A.2.5 Kontaktní údaje na homepage

Kontakty na e-shop jsou jednou z velmi často vyhledávaných informací. V rámci e-shopu nemůže zákazník vyhledat prodavače a ihned mu položit dotaz tak, jako je tomu v kamenné prodejně. Firmu musí nějakým způsobem nejprve kontaktovat. Proto je důležité, aby byly kontakty na první pohled viditelné. Za tímto účelem se v rámci e-shopu zobrazují na homepage hlavní kontaktní údaje na firmu. Hlavní kontakt může být umístěn:

• v záhlaví e-shopu,
• v sidebaru (boční nebo také postranní panel s informacemi),
• pod výpisem produktů na homepage,
• v zápatí e-shopu,
• apod.

Příklad – kontaktní údaje v záhlaví e-shopu
Zdroj: https://www.kompletkeramika.cz/ (vid. 18. 7. 2022)

Příklad – kontaktní údaje v sidebaru
Zdroj: https://www.alza.cz/ (vid. 18. 7. 2022)

Příklad – kontaktní údaje v zápatí e-shopu
Zdroj: https://www.scuk.cz/ (vid. 18. 7. 2022)

Na homepage e-shopu mohou být kontaktní informace sděleny různou formou. Na viditelném místě je možné uvést výpis nejdůležitějších kontaktů. Dále může být pro návštěvníka webu dostupný kontaktní formulář, zde je však nutné čekat na odpověď a může se tak stát, že návštěvník odejde a upřednostní e-shop, kde informace získá ihned. Pro komunikaci v reálném čase se běžně používá nástroj pro chat – chatovací okénko. Případně mohou být kontakty uvedeny pouze ve formě odkazu na kontaktní stránku e-shopu. To však nutí návštěvníka webu odcházet např. ze stránky konkrétního produktu, ke kterému má dotaz.

Příklad – výpis základních kontaktů na homepage (zde v zápatí)
Zdroj: https://www.zoot.cz/ (vid. 18. 7. 2022)

Příklad – chat na homepage
Zdroj: https://www.czc.cz/ (vid. 18. 7. 2022)

Příklad – odkaz na stránku kontaktů na homepage (zde v doplňkovém menu e-shopu)
Zdroj: https://www.vapp.cz/ (vid. 18. 7. 2022)

Mezi kontakty, které se uvádějí na homepage e-shopu, by měly patřit základní identifikační údaje firmy. Vždy je vhodné uvést IČ a adresu firmy. Tyto údaje nemusí být na první pohled viditelné, je dobré uvést je např. v zápatí e-shopu. Uvedení těchto informací již na homepage zvyšuje důvěryhodnost e-shopu. Návštěvník webu tak může mít jistotu, že firma skutečně existuje a za svůj obchod se nestydí. Dále by mělo být rychle a snadno dohledatelné telefonní číslo a e-mail. Mohou být uvedeny např. i odkazy na sociální sítě a další místa, kde se návštěvník dozví další požadované informace.

Příklad – základní identifikační a kontaktní údaje firmy provozující e-shop v zápatí
Zdroj: https://www.sportica.eu/ (vid. 18. 7. 2022)

Další podrobnosti a hodnocení kontaktních údajů na stránkách webu a používání chatu jsou součástí auditu důvěryhodnosti.

A.2.6 Čistota e-shopu

Tzv. čistý e-shop je takový, který neobsahuje nepřiměřené množství reklam, odkazů a dalších informací o třetích (nesouvisejících) stranách. Některé weby mohou potřebovat zobrazovat reklamy třetích stran pro financování vlastního provozu. To však neplatí pro e-shop. V případě e-shopu naopak není žádoucí uvádět reklamy dalších firem. Pokud by návštěvník webu na takovou reklamu kliknul, odchází z e-shopu a je velmi pravděpodobné, že se na původní stránky již nevrátí. Tímto způsobem by e-shop zbytečně přicházel o možné zákazníky.

E-shop by neměl obsahovat ani další rušivé prvky, které znesnadňují nákup návštěvníkovi webu. Může jít např. o nepřiměřený počet informací zobrazovaných v pop-up oknech (vyskakovací okna webu) nebo rušivé informace při vstupu na stránky e-shopu (tzv. intra). U těchto nástrojů je vždy nutné dobře zvážit jejich použití, počet i četnost zobrazování.

Příklad – sdělení při vstupu na web e-shopu (tzv. intro) – pro některé návštěvníky může být rušivé
Zdroj: https://www.alza.cz/ (vid. 18. 7. 2022)

A.2.7 Zápatí e-shopu

Zápatí e-shopu je dalším navigačním nástrojem webu, kde se dnes již běžně objevuje doplňkové menu e-shopu. V případě e-shopových stránek zde návštěvník webu hledá především informace ohledně nákupního procesu. Pokud se návštěvník webu dopracoval až k zápatí, je pravděpodobné, že ho e-shop zaujal a chce provést nákup. Proto je podstatné poskytnout mu k tomu potřebné informace v přehledné a snadno dohledatelné podobě. V zápatí může návštěvník ale hledat také podrobnosti o firmě a odkazy na další údaje a weby, např. sociální sítě. V zápatí se mohou objevovat i informace formou ikon, které návštěvníkovi usnadňují orientaci na webu. Zápatí bývá na všech stránkách e-shopu stejné. Zápatí e-shopu může obsahovat:

• odkaz na homepage (může být umístěn do loga v zápatí e-shopu),
• logo firmy/e-shopu,
• doplňkové menu,
• informace o firmě,
• výzvu k akci (nejčastěji přihlášení k odběru informací, případně výzvu ke kontaktování firmy),
• kontaktní údaje,
• legislativní informace (smluvní podmínky, reklamační řád, informace o dopravě a platbě, informace o zpracování osobních údajů a cookies apod.),
• informace ohledně servisu a další zákaznické podpoře,
• odkazy na sociální sítě, případně i další spřátelené weby,
• odkazy na stažení aplikace e-shopu,
• informace o webu (copyright, provozovatel, webmaster, designer apod.).

Příklad – zápatí e-shopu s výzvou k akci (odběr newsletteru), doplňkovým menu, informacemi o nákupním procesu, odkazy na sociální sítě (formou ikon), kontaktními údaji a legislativními informacemi
Zdroj: https://www.zoot.cz/ (vid. 19. 7. 2022)

V případě e-shopu může být v zápatí uvedeno i hlavní menu webu. Takové menu nebývá tak rozsáhlé a podrobné, jako to umístěné v horní části stránky. Může odkazovat na kategorie produktů, značky apod. Případně zde mohou být vybrané pouze nejnavštěvovanější nebo nejoblíbenější kategorie produktů e-shopu.

Příklad – zápatí s odkazy na kategorie produktů e-shopu (téměř totožné s hlavním menu e-shopu)
Zdroj: https://www.sportica.eu/ (vid. 19. 7. 2022)

Příklad – zápatí s vybranými kategoriemi e-shopu podle produktů a značek (zredukované hlavní menu e-shopu)
Zdroj: https://www.aboutyou.cz/vas-obchod (vid. 19. 7. 2022)

Na internetu se stále častěji objevují nekorektní e-shopy. Proto když návštěvník vstoupí na e-shop, který zatím nezná, chce se ujistit, že za ním skutečně stojí ověřená firma. Takové firmy jsou transparentní a nebojí se veřejně oznamovat, kdo je provozovatelem a majitelem e-shopu. Aby návštěvník webu informace o firmě našel rychle bez nutnosti dalšího procházení webu, mohou být uvedeny v zápatí e-shopu. Nejobvykleji je zde uveden název firmy s právní formou a adresa sídla firmy. Pro návštěvníka může být ale důležité také IČ, DIČ nebo informace o rejstříkovém soudu spolu se spisovou značkou (případně jiným evidenčním číslem firmy). Pokud firma takové údaje v zápatí (ale i kdekoliv jinde na webu) zveřejňuje, je důležité, aby se shodovaly s informacemi v rejstříku, ve kterém je firma zapsaná.

Příklad – základní informace o firmě uvedené v zápatí e-shopu
Zdroj: https://www.brzak.cz/ (vid. 19. 7. 2022)

A.3 Nástroje použité na homepage

Homepage e-shopu je rozcestníkem při výběru produktů. Informace, které jsou na hlavní stránce uvedeny, tedy musí navést návštěvníka správným směrem a dovést ho k požadované akci.

A.3.1 Nástroje pro úpravu zobrazovaných informací

Pro některé návštěvníky jsou důležité podrobné informace již na homepage, jiní upřednostňují detaily až na stránce seznamu produktů nebo konkrétního produktu. Proto může být již na hlavní stránce e-shopu nabídnuta možnost upravovat filtrování, řazení nebo zobrazení informací o konkrétních produktech.

Příklad – možnost filtrování na homepage
Zdroj: https://www.aboutyou.cz/vas-obchod (vid. 19. 7. 2022)

Příklad – možnost úpravy řazení produktů na homepage
Zdroj: https://www.sportica.eu/ (vid. 19. 7. 2022)

K těmto nástrojům jsou sepsány samostatné kapitoly, ve kterých jsou uvedeny další podrobnosti, konkrétně C.2 Filtrování, C.3 Řazení a C.4 Zobrazení.

A.3.2 Přihlášení k odběru informací na homepage

Prvním krokem k úspěšnému e-mailovému marketingu je sběr e-mailových kontaktů (získání souhlasu se zasíláním e-mailů). Nejčastěji zasílaným druhem e-mailové zprávy je tzv. newsletter, který bývá zaměřen na novinky, akce, události a další zajímavosti. Rozesílané informace mají především pobídnout k provedení požadované akce, v případě e-shopu tedy prodeji produktů. Proto je důležité, aby měl návštěvník webu jednoznačnou a rychlou možnost přihlásit se k odběru informací. Formulář pro registraci by měl být uveden na homepage e-shopu. Vhodné je jeho umístění i na dalších stránkách, to může být zajištěno např. vložením formuláře do zápatí e-shopu. Případně může být uveden i na konci objednávkového procesu (tam se ale mohou přihlásit pouze ti návštěvníci, kteří již dokončují nákup).

Příklad – formulář pro přihlášení k odběru informací na homepage
Zdroj: https://www.alza.cz/ (vid. 19. 7. 2022)

Příklad – formulář pro přihlášení k odběru informací v zápatí e-shopu (dostupný na všech stránkách e-shopu)
Zdroj: https://www.rockpoint.cz/ (vid. 19. 7. 2022)

Příklad – přihlášení k odběru informací v závěru objednávkového procesu
Zdroj: https://www.mall.cz/kosik?c=2 (vid. 12. 5. 2022)

E-mail marketing je důležitý také pro možné podněty ke zlepšení a úpravě e-shopu, nabídkového procesu apod. Je totiž poměrně jednoduché měřit aktivitu čtenářů newsletteru a na základě těchto statistik upravovat e-shop, nabídku, nákupní proces a další postupy vedoucí k úspěšnému prodeji.

Podrobný audit přihlášení k odběru informací je součástí auditu důvěryhodnosti webu, ke kterému je připraven také podrobný text Best practice.

A.3.3 Fulltextové vyhledávání na homepage

Někteří návštěvníci webu mohou na stránky přicházet s požadavkem zakoupit konkrétní produkt. Může pro ně být jednodušší jeho vyhledání pomocí fulltextu, než hledání v jednotlivých kategoriích e-shopu. Pro návštěvníky je tak připraven nástroj, kterým urychlí dohledání požadovaného produktu nebo informací. Fulltextové vyhledávání by mělo být ihned viditelné (velmi často se vkládá do záhlaví e-shopu) a především funkční. Nemělo by se stát, že výsledkem vyhledávání je prázdná stránka. Pokud zadanému výrazu nic neodpovídá, měly by se přesto zobrazit nějaké produkty, např. naposledy prohlížené, nejoblíbenější, nejvíce odpovídající vyhledávanému výrazu apod. Další podrobnosti k fulltextovému vyhledávání jsou uvedeny v kapitole B.3 Fulltextové vyhledávání.

Příklad – fulltextové vyhledávání na homepage (v záhlaví e-shopu)
Zdroj: https://shop.fondmetal.cz/ (vid. 19. 7. 2022)

A.3.4 Tlačítko pro akci na homepage

Tlačítko pro akci se obecně označuje jako Call To Action (CTA tlačítko). Výzva k akci by měla být aktivní a tlačítko by mělo mít dostatečně výrazné prvky, aby návštěvníka webu k akci podpořily. Nejdůležitější tlačítka k akci na e-shopu jsou samozřejmě pro vložení produktu do košíku (toto tlačítko může být na homepage, vždy ale bude v seznamu produktů a na stránce konkrétního produktu) a dokončení objednávky (většinou ze stránky košíku). Proto by součástí homepage mělo být tlačítko košíku, který shrnuje celý objednávkový proces. Na homepage mohou být i další CTA tlačítka, např. pro kontaktování firmy, přihlášení k odběru newsletterů apod.

Příklad – tlačítko s výzvou k akci na homepage – přidání produktu do košíku
Zdroj: https://www.brzak.cz/ (vid. 19. 7. 2022)

Příklad – tlačítko s výzvou k akci na homepage – otevření stránky košíku
Zdroj: https://www.rockpoint.cz/ (vid. 19. 7. 2022)

Příklad – tlačítko s výzvou k akci na homepage – přihlášení k odběru informací
Zdroj: https://www.czc.cz/ (vid. 19. 7. 2022)

Příklad – tlačítko s výzvou k akci na homepage – sledování firmy na sociální síti
Zdroj: https://www.brzak.cz/ (vid. 19. 7. 2022)

Příklad – tlačítko s výzvou k akci na homepage – kontaktování firmy
Zdroj: https://www.zoot.cz/ (vid. 19. 7. 2022)

Další informace ke konkrétním tlačítkům s výzvou k akci jsou uvedeny v následujících kapitolách:

• C.1.3 Tlačítka s výzvou k akci a další navigační nástroje na stránce seznamu produktů,
• D.4 Tlačítka s výzvou k akci a další navigační nástroje na stránce konkrétního produktu,
• E.3 Tlačítka s výzvou k akci a další navigační nástroje na stránce porovnání produktů,
• F.3.3 Tlačítka s výzvou k akci na stránkách košíku.

A.3.5 Pop-up okna na homepage

Pro pop-up okna se v češtině obvykle používá výraz vyskakovací okna. Jsou to informace, které se objeví “nad stránkou” e-shopu při jeho otevření, procházení nebo při zdánlivém odchodu návštěvníka webu z e-shopu. Při nasazování pop-up oken je nutná velká obezřetnost. Příliš velký počet nebo časté zobrazování pop-up oken může být pro návštěvníka webu rušivé. Kromě vyskakovacích oken souvisejících s legislativou (např. žádost o souhlas se zpracováním cookies) se v rámci e-shopu nejčastěji používají pop-up okna:

• se slevou nebo další výhodnou nabídkou při první návštěvě e-shopu,
• s upozorněním na akční nabídky v průběhu procházení e-shopu,
• výzva k odběru novinek, newsletterů apod.,
• se slevou nebo další výhodnou nabídkou při odchodu z e-shopu (slouží především pro prodloužení doby strávené na webu).

Příklad – pop-up okno s informací o dopravě zdarma při otevření e-shopu
Zdroj: https://www.alza.cz/ (vid. 19. 7. 2022)

Příklad – pop-up okno s přihlášením k odběru informací (při otevření e-shopu)
Zdroj: https://www.4camping.cz/ (vid. 19. 7. 2022)

Příklad – pop-up okno se slevou na první nákup při odchodu z e-shopu
Zdroj: https://www.scuk.cz/ (vid. 19. 7. 2022)

A.4 Další informace na homepage

Na homepage, ale i na jiných stránkách e-shopu, může firma zobrazovat další informace. Pro rychlou orientaci je možné použít např. známe a běžně využívané ikony. Pro e-shop je zásadní hodnocení zákazníků, jelikož se podle něj velmi často rozhodují o nákupu noví návštěvníci webu. To může být podpořeno certifikátem dalších firem, které např. umožňují porovnávání produktů.

A.4.1 Informace formou ikon

Ikony, piktogramy a symboly jsou nedílnou součástí většiny e-shopu. Mohou plnit dvě funkce – usnadňují návštěvníkům orientaci na e-shopu a mohou pomoci vytvořit originální styl e-shopu. Proto by v rámci celého e-shopu měly mít jednotný styl. Vždy se doporučuje používat obecně známé a srozumitelné ikony, aby skutečně usnadnily získání informací a náhodou naopak nemátly návštěvníka webu.

Ikony mohou být použity formou prostých obrázků (statické obrázky bez další funkce), případně s proklikem na další informace. Dále může být uvedena pouze ikona (pokud je obecně známá a používaná) nebo ikona s vysvětlujícím textem. Ikony mohou vizuálně podpořit konkrétní sdělení. Případně jde o doplňkové informace, které návštěvník webu otevře např. v pop-up okně, pokud na ně klikne.

Příklad – prosté obrázky (informativní ikony bez další funkce)
Zdroj: https://www.scuk.cz/ (vid. 19. 7. 2022)

Příklad – ikony s odkazem (zde pro podrobnější informace, stažení aplikace, přepínání verzí webu a na sociální sítě)
Zdroj: https://www.alza.cz/ (vid. 19. 7. 2022)

Příklad – ikony se základním vysvětlením
Zdroj: https://www.brzak.cz/ (vid. 19. 7. 2022)

Příklad – ikona s odkazem na podrobnější informace zobrazené v pop-up okně
Zdroj: https://www.czc.cz/ (vid. 19. 7. 2022)

Pomocí ikon mohou být na e-shopu uvedeny nejrůznější informace, např.:

• spolehlivost firmy (např. pomocí znaku Živých firem, ověření zákazníky firmou Heureka),
• kontakty – telefonní čísla, maily, adresa, odkazy na sociální sítě apod.,
• upozornění na akční nabídky, novinky, slevy a další výhody pro návštěvníka webu,
• informace o možnostech dopravy a platby, vyzkoušení a vrácení produktu,
• videa a návody,
• informace o dalších prodejnách, výdejních místech apod.,
• propagované značky,
• nejrůznější odkazy – na sociální sítě, mobilní aplikace
• apod.

A.4.2 Hodnocení společnosti Heureka

Až tři čtvrtiny návštěvníků webu se o nákupu rozhoduje podle hodnocení a zkušeností ostatních. Vedle informací vložených na e-shop samotnou firmou je proto vhodné používat i další hodnocení, která návštěvníky webu přesvědčí o kvalitě e-shopu. Pro běžné e-shopy je přínosné hodnocení společnosti Heureka.

Heureka uděluje dva typy certifikátů – modrý a zlatý – s označením “Ověřeno zákazníky”. Rozdíl je v procentuálním hodnocení zákazníky. Konkrétně se uvádí, jaké procento osob doporučuje nákup na daném e-shopu:

• modrý certifikát – hodnocení spokojenosti alespoň 90 %, při poklesu na 88 % je certifikát odebrán,
• zlatý certifikát – hodnocení spokojenosti alespoň 97 %, při poklesu pod 95 % změna na modrý certifikát.

Certifikáty jsou poskytovány zdarma, jen je potřeba je vložit na e-shop. V souvislosti s tím je pak ale nutné dodržovat smlouvy a smluvní podmínky uzavřené se společností Heureka, která např. bude automaticky oslovovat ty, kteří na webu provedli nákup, aby e-shop zhodnotili. V rámci certifikátu společnosti Heureka se uvádí hvězdičkové hodnocení e-shopu – celkové hodnocení, hodnocení dodací lhůty a kvality komunikace. Certifikát může být umístěn u levého nebo pravého okraje stránek. Hodnocení, která zákazníci poslali pomocí dotazníku spokojenosti společnosti Heureka, mohou být také přidaná přímo na e-shop.

Příklad – zabalený certifikát společnosti Heureka
Zdroj: https://www.4camping.cz/ (vid. 19. 7. 2022)

Příklad – rozbalený modrý certifikát společnosti Heureka
Zdroj: https://www.lidl.cz/ (vid. 19. 7. 2022)

Příklad – rozbalený zlatý certifikát společnosti Heureka
Zdroj: https://pvmodel.cz/ (vid. 19. 7. 2022)