Nepodceňujte patičku na e-shopu

Majitelky a majitelé e-shopů často věnují spoustu energie tvorbě lákavých bannerů na hlavní stránce, ladění detailů produktů nebo hladkému průchodu košíkem. Je tu ale jedno místo, na které se zapomíná, přestože má na důvěryhodnost e-shopu, a tedy i úspěch celého byznysu, velký vliv.

Jde o patičku (footer) e-shopu.

Proč by vás měla zajímat a co by v ní rozhodně nemělo chybět?

Pojďte se na to podívat podrobněji a zjistěte, jak a kde si ji nastavit přímo v administraci Shoptetu.

Obsah

  1. Proč je patička na e-shopu tak důležitá?
  2. Co všechno patří do patičky?
    1. Kontaktní a firemní údaje
    2. Důležité informace a legislativa
    3. Odkazy pro rychlou navigaci
    4. Sociální sítě a newsletter
    5. Loga partnerů a ocenění
  3. Jak má patička vypadat?
    1. Ukázka z praxe
    2. Odkazy pod patičkou (ve spodní liště)
  4. Jak nastavit patičku v administraci Shoptetu?
    1. Struktura odkazů a sloupců v patičce
    2. Kontaktní údaje
    3. Loga plateb, dopravců či certifikáty
  5. I na detailech záleží

 

Proč je patička na e-shopu tak důležitá?

Patička má jednu obrovskou výhodu - je vidět napříč celým e-shopem. Ať už si zákazník prohlíží kategorii, čte si popisek na detailu produktu nebo prochází obchodní podmínky, patička ho neustále doprovází ve spodní části stránky. 

Jedinou výjimkou, kde patičku standardně nenajdete, je nákupní košík a proces objednávky. Zde je skrytá, což má svůj důvod. V této fázi už nechceme zákazníka ničím rozptylovat ani mu nabízet cesty zpět na e-shop. Cílem je, aby se plně soustředil na dokončení nákupu.

Všude jinde ale patička funguje jako průvodce. Když uživatel sjede na konec stránky, obvykle tam hledá odpovědi na specifické otázky nebo ujištění, že nakupuje u důvěryhodného prodejce.

Správně navržená patička:

  • Buduje důvěryhodnost: Ukazuje, že za e-shopem stojí reální lidé a legální firma.

  • Zlepšuje SEO: Pomáhá vyhledávačům lépe pochopit strukturu vašeho e-shopu.

  • Zrychluje nákupní proces: Zákazník nemusí složitě hledat, když na vás potřebuje kontakt nebo chce zjistit cenu dopravy.

 

Co všechno patří do patičky?

Patička by neměla obsahovat náhodné odkazy, které se  jinam nevešly, ale měla by být logicky uspořádaným rozcestníkem. Ideální je rozdělit ji do několika přehledných sloupců - většinou se používají 4, které se krásně vejdou na šířku stránky, fantazii se však meze nekladou.

1. Kontaktní a firemní údaje

Zákazník musí vědět, s kým obchoduje:

  • Název firmy či provozovatele, IČO (případně DIČ).

  • Adresa sídla a případně i prodejny/výdejny.

  • Telefonní číslo a e-mail ("klikací", aby vám mohli zákazníci z mobilu rovnou zavolat nebo napsat).

  • Provozní doba (kdy jste na telefonu či na prodejně k zastižení).

"Má být adresa a IČO v patičce vidět na první pohled nebo je můžete schovat pod odkaz?"

Častou otázkou je, zda musíte mít celou svou firemní adresu a IČO vypsané přímo v patičce. Legislativa říká, že zákazník tyto údaje musí na webu snadno najít, nicméně stačí, když jsou dostupné na jedno kliknutí – např. přes odkaz „Kontakty“.

Tohoto jsme na e-shopu využili a udělali změnu, kterou můžete vidět při srovnání na obrázcích níže. Původně text zabíral celý jeden sloupec, kde byl název firmy, adresa a identifikační údaje. Nakonec jsme se rozhodli tento sloupec ušetřit, abychom patičku opticky provzdušnili. Všechny formální údaje jsem přesunula pomocí odkazu na již existující stránku „Kontakty“ a patička díky tomu získala modernější a čistší vzhled, aniž by tím utrpěla legislativa nebo důvěryhodnost.

"A co telefonní číslo? Musí být uvedeno v kontaktech a obchodních podmínkách?"

Možná vás to překvapí, ale striktní zákonná povinnost uvádět na e-shopu nebo v obchodních podmínkách telefonní číslo neexistuje. Podle legislativy musíte zákazníkovi zajistit rychlou a efektivní komunikaci, což splňuje i e-mail, kontaktní formulář nebo online chat.

Přesto vám doporučuji telefonní číslo na webu i v patičce nechat. E-shop bez viditelného telefonního kontaktu v očích zákazníků působí nedůvěryhodně, evokuje rizikové weby a může vás připravit o objednávky od lidí, kteří si chtějí před nákupem něco ověřit. Pokud vás zajímají detaily a výklad tohoto pravidla, doporučuji si přečíst článek Musí být v e-shopu vždy uvedeno kontaktní telefonní číslo? na Shoptet blogu.

2. Důležité informace a legislativa

Tohle je sekce, kterou lidé v patičce podvědomě očekávají nejvíce:

  • Obchodní podmínky (VOP/OP)
    Aktuální vzor ke stažení najdete po přihlášení do své administrace v Shoptet Univerzitě

  • Zásady ochrany osobních údajů (GDPR) | Informace o cookies
    Projděte si užitečné návody od Shoptetu - oficiální GDPR checklist potřebných opatření a návod pro správné nastavení Cookies.

  • Možnosti dopravy a platby (včetně cen)
    Doporučuji vytvořit samostatnou stránku, na které budou sepsány všechny související informace.

  • Odstoupení od smlouvy 
    Kromě informací vložte ke stažení formulář a od roku 2026 i odkaz na tlačítko pro vrácení zboží.

  • Reklamace (Práva z vadného plnění)
    K formuláři můžete přidat i odkaz na Reklamační řád, pokud ho na e-shopu využíváte.

3. Odkazy pro rychlou navigaci

Pomozte zákazníkům najít to, co je zajímá:

  • O nás | Můj příběh

  • Často kladené otázky (FAQ)

  • Blog

  • Poradna

  • Věrnostní program | Výhody nákupu u nás

4. Sociální sítě a newsletter

Patička je skvělé místo pro propojení s vašimi dalšími kanály:

  • Ikonky sociálních sítí (Facebook, Instagram, LinkedIn atd.).

  • Formulář pro přihlášení k odběru newsletteru (např. s textem "Chcete slevy a novinky jako první? Zadejte e-mail“) - ten může být umístěn i nad patičkou na celou šíři stránky (bližší info viz Newsletter box). Je to jedno z nejkonverznějších míst pro sběr kontaktů.

5. Loga partnerů a ocenění (tzv. trustbadgy)

Ukažte, že vám lidé věří. Do spodní části patičky (nebo těsně nad ni) můžete vložit loga partnerů, dopravců, platebních metod (Visa, Mastercard) a certifikáty kvality (např. Ověřeno zákazníky od Heureky).

 

Jak má patička vypadat?

Méně je někdy více. Aby patička plnila svůj účel, držte se těchto tří pravidel:

  1. Přehlednost a struktura: Rozdělte texty do sloupců s jasnými nadpisy (např. O nákupu, Kontakty, Sledujte nás).
  2. Čitelnost: Ujistěte se, že barva písma má ideální kontrast a text je dostatečně velký i na mobilním zařízení.
  3. Responzivita: Na mobilních zařízeních se sloupce patičky řadí pod sebe. Zkontrolujte, zda není na mobilu patička dlouhá a nepřehledná.
Původní patička | Nová strukturovaná patička s jasně oddělenými tématy

 

Ukázka z praxe: Jaké změny jsou v nové patičce a co naopak zůstalo?

Hlavní je, že se celý prostor pročistil a dává větší smysl pro návštěvníka e-shopu.

  1. Zrušení sloupce s firemními údaji: Jak jsem již zmínila, tak původně byl ve 2. sloupci čistě textový výpis s názvem, adresou, IČ, DIČ a dalšími informacemi. V nové patičce tento blok zmizel a byl nahrazen přímým odkazem na Kontakty, čímž se uvolnilo drahocenné místo.

  2. Lepší tematické rozdělení (Kategorizace): Odkazy jsem přeskupila tak, aby k sobě logicky seděly. Vznikly jasně definované sloupce „Pro vás“ (výhody, poradna, komunitní obsah jako blog a podcast), „Vše o nákupu“ (čistě klientské věci – objednávky, reklamace, podmínky) a "O e-shopu" s kontakty, informacemi O nás, možnostmi spolupráce atd.

  3. Klikatelné kontakty v horní liště zůstaly: V horní liště nad patičkou jsou klikatelné odkazy na telefonní číslo a e-mail, což je obrovské plus pro mobilní uživatele, kteří mohou na číslo klepnout a rovnou volat nebo jedním klikem odeslat e-mail.

  4. Loga na pravé straně: Původně byl čtvrtý sloupec „Soukromí“ poloprázdný. Nově zde na přání majitelů vznikl dominantní a vizuálně atraktivní blok s dopravou a platbami včetně log (GLS, Zásilkovna, Visa, Apple Pay atd.), který zvyšuje důvěryhodnost e-shopu.

TIP: Sloupec "navíc" ale můžete využít i jinak. Loga dopravců a platebních metod totiž nemusí být součástí sloupců – Shoptet je umí elegantně vypsat v samostatném řádku až dolů pod patičku jako Ikonky.

 

Můžete přidat např.:

  • Widgety sociálních sítí - náhledy posledních fotek z Instagramu nebo příspěvků na Facebooku, které návštěvníky e-shopu propojí s vaší komunitou. Prvek může být umístěn vlevo či vpravo v Menu a nebo nad patičkou.

  • Ujištění o nákupu či další výhody (Jedinečná nabídka hodnoty = Unique Value Proposition = UVP) - blok s ikonkami jako „Doprava zdarma nad 1 500 Kč“, „Výměna zboží do 30 dnů“ nebo „Rychlá expedice do 24 hodin“.

  • Certifikáty a hodnocení - např. widgety z Heureky (Ověřeno zákazníky), které se do běžného textového sloupce špatně vejdou, ale na pravé straně mají dostatek prostoru vyniknout.

  • Sezónní nebo nejnovější články z blogu - vytvořte sloupec, ve kterém odkážete na vaše TOP články. Můžete je měnit podle ročního období (např. v zimě tipy na vánoční dárky, na jaře příprava na sezónu). Pomáhá to internímu prolinkování (SEO) a zákazník vidí, že e-shop žije.

  • Zpětná vazba, anketa a dotazníky - hodí se, pokud chcete vědět, jak jsou u vás zákazníci spokojení, nebo co jim na e-shopu chybí. Vložte sem výzvu a odkaz na dotazník (např. přes Google Forms, Typeform nebo Tally, využít můžete i funkci Anketa přímo v administraci Shoptetu) s textem ve stylu „Pomozte nám se zlepšit“. Pro motivaci můžete nabídnout např. slevu na další nákup.

  • Komunitní obsah - tvoříte podcast, točíte videa na YouTube nebo máte aktivní poradnu? Patička je ideální místo, kde se tím pochlubit a budovat si se zákazníky bližší vztah.

  • Odkazy pro partnery a B2B - pokud nabízíte velkoobchodní spolupráci, hledáte influencery nebo rozšiřujete tým, přidejte odkazy jako „Velkoobchod (B2B)“, „Spolupráce“ nebo „Kariéra“. Do menu e-shopu se tyto odkazy nehodí, správné místo je právě v patičce.

  • Odkazy na oblíbené kategorie - v některých případech může být vhodné vložit do patičky i seznam nejoblíbenějších kategorií.

 

Odkazy pod patičkou (ve spodní liště)

Když sjedete úplně dolů pod hlavní sloupce patičky, narazíte na lištu těsně nad copyrightem. V Shoptetu se tato sekce nazývá Odkazy a spousta e-shopařů ji nechává prázdnou, případně v ní ponechá jen výchozí odkazy na Shoptet.

Je to přitom geniální místo pro odkazy, které na webu musíte nebo chcete mít, ale nechcete jimi přeplňovat sloupce v patičce. Můžete sem v řadě vedle sebe umístit například:

  • Odkazy na partnerské e-shopy nebo weby.

  • Méně hledané legislativní stránky (např. Podmínky soutěží, Prohlášení o přístupnosti).

  • Mapu stránek (sitemap) pro vyhledávače.

  • Informace o řazení produktů v kategoriích: Pokud nabízíte produkty řazené podle „nejprodávanějších“, „doporučených“ nebo pomocí jiného algoritmu, legislativa vám ukládá povinnost zákazníkovi vysvětlit, na základě jakých kritérií toto řazení funguje. Stačí vytvořit jednoduchou podstránku s vysvětlením a odkaz dát do patičky nebo sem dolů.

  • Pravidla pro ověřování recenzí: Zobrazujete na e-shopu hodnocení produktů nebo e-shopu? Pak musíte mít na webu viditelně uvedeno, jak zajišťujete, že tyto recenze pocházejí od reálných lidí, kteří u vás nakoupili. Stránka typu „Jak fungují naše recenze“ může mít své místo třeba v této spodní liště.

 

Jak nastavit patičku v administraci Shoptetu?

Správa patičky je v Shoptetu velmi intuitivní. Než se ale pustíte do samotného nastavování prvků, je důležité zmínit, jak v administraci měnit vzhled e-shopu.

Základní design e-shopu můžete ladit v Návrháři šablon nebo přes celkové nastavení Šablony obchodu.

Návrhář šablon Shoptet neustále vyvíjí a vylepšuje. Některé vzhledové a obsahové funkce v něm však zatím není možné měnit přímo vizuálně. Jde například o položky v menu, uvítací text na titulní straně nebo právě seznam kategorií a odkazů v patičce. U těchto prvků vás Návrhář vždy odkáže na jejich konkrétní nastavení v administraci e-shopu.

Vše podstatné nyní nastavíte na těchto místech:

Struktura odkazů a sloupců v patičce

Odkazy na články (Obchodní podmínky, Doprava a platba atd.) se v Shoptetu spravují jako Stránky (Vzhled a obsah → Stránky). Prvky a texty do nich ale můžete dostat hned 3 způsoby podle toho, jak moc si s patičkou chcete pohrát a jak jste technicky zdatní:

Klasické zápatí

Nejjednodušší cesta pro začátečníky.
  • Běžte do Vzhled a obsah → Šablony → PrvkyZde uvidíte jednotlivé sloupce umístěné v patičce.
  • Přetažením myší můžete měnit umístění a pořadí prvků nebo přejít na úpravu jejich obsahu. Prvky jsou vytvořené např. v sekcích Stránky, Články a rubriky nebo Bannery.
  • Aby se daný blok v patičce zobrazil, musíte mít prvek (např. Menu boxpřetažený do pole patičky.

  • Vytvořte si banner v sekci Vzhled a obsah → Bannery → Bannery (více v nápovědě pro Bannery).
  • Následně v sekci Vzhled a obsah → Šablony → Prvky konkrétní banner chytnete myší a přetáhnete ho do patičky. Kompletní přehled fungování najdete v nápovědě pro Prvky.

Textové bannery s vlastním HTML
Tento způsob se používá často v e-shopech, které mají upravený design. Pokud nechcete být svázáni výchozím vzhledem a chcete mít patičku strukturovanou, můžete ji postavit jako textový banner:

  • Přejděte do sekce Vzhled a obsah → Bannery → Bannery a přidejte nový banner.
  • U Typu banneru přepněte na Textový banner.
  • Do textového pole v části Nastavení vložte HTML kód (viz níže).

 

Můžete využít např. tuto HTML šablonu - kompletní kód pro zkopírování do Shoptetu vypadá takto:

<h4>Pro zákazníky</h4>
<ul>
  <li><a href="/klient">Můj účet</a></li>
  <li><a href="/DOPLNTE-VASE-URL-STRANKY">Další informace</a></li>
  <li><a href="/blog">Náš blog</a></li>
  <li><a href="/DOPLNTE-URL-VERNOSTNIHO-PROGRAMU">Věrnostní program</a></li>
  <li><a href="/DOPLNTE-URL-AKCE">Aktuální slevové akce</a></li>
</ul>
Část HTML kódu Význam a funkce Co s tím musíte udělat?
<h4>Pro zákazníky</h4> Hlavní nadpis sloupce v patičce. Text Pro zákazníky přepište na vlastní nadpis (např. O nákupu, Užitečné odkazy). Velikost můžete změnit dle potřeby.
href="/klient" Odkaz na klientskou zónu. Můžete nechat, v Shoptetu je tato adresa v základu.
href="/DOPLNTE-VASE-URL-STRANKY" Odkaz na informační stránku (poradna, kontakt...). Nahraďte URL adresou (např. /kontakty nebo /poradna).
href="/blog" Odkaz na váš blog. Můžete nechat, pokud používáte výchozí Shoptet blog.
href="/DOPLNTE-URL-VERNOSTNIHO-PROGRAMU" Odkaz na věrnostní program. Nahraďte URL adresou (např. /vernostni-program).
href="/DOPLNTE-URL-AKCE" Odkaz na akční nabídku. Nahraďte URL adresou (např. /akce-a-slevy).
>Můj účet</a>, >Náš blog</a> atd. Klikatelný text, který uvidí zákazník. Text mezi značkami > a </a> si upravte libovolně podle sebe.

 

  • Tento textový banner pak opět v sekci Vzhled a obsah → Šablony → Prvky umístěte na požadované místo v patičce.

Při úpravě kódu si dejte pozor na několik důležitých věcí. První z nich je to, kam směřuje odkaz (href=""). Části v uvozovkách (např. /klient) jsou tzv. relativní adresy. Shoptet ví, že před ně má doplnit doménu vašeho e-shopu. Pokud má tedy vaše stránka adresu www.mujeshop.cz/vernostni-bonusy, do kódu vložíte pouze /vernostni-bonusy.

Další věcí je samotný text odkazu. Text mezi značkami <a> a </a> (např. Můj účet) je to, co zákazník uvidí reálně na e-shopu jako klikatelný text, a můžete si ho libovolně přejmenovat.

Posledním prvkem je nadpis sloupce. Text mezi značkami <h4> a </h4> určuje nadpis celého sloupce v patičce včetně jeho velikosti.

TIP PRO POKROČILÉ: Pokud si kód píšete sami, je možné, že bude potřeba třídy (jako např. .footer-list) stylovat v CSS kódu. Pokud ale používáte některou z prémiových šablon z Shoptet doplňků, tvůrci šablony už mívají tyto vzhledy předpřipravené a v manuálu vám přesně řeknou, jaký kód máte do textového banneru zkopírovat, aby patička vypadala skvěle.

Kontaktní údaje

Aby se vaše firemní údaje propsaly správně do patičky (a na další místa e-shopu):

  • Přejdete do sekce Nastavení → Základní nastavení → Nastavení obchodu.

  • Vyplňte záložku Kontaktní údaje pro vaše zákazníky. Prvek Kontakt pak můžete umístit do patičky.  

Loga plateb, dopravců či certifikáty

Chcete-li do patičky nebo pod patičku vložit loga platebních karet nebo dopravců, vyzkoušejte:

  • Použití Ikonek (pod patičku): Pomoci vám může i nápověda od Shoptetu pro správu Ikonek.

  • Vlastní řešení přes HTML (do patičky): Pokud chcete vložit vlastní ikonky, loga spojená do jednoho obrázku nebo specifické výhody (např. doprava zdarma nad určitou částku), můžete využít sekci Vzhled a obsah → Bannery → Bannery a kód vložit do textového banneru (viz Textové bannery s vlastním HTML).

Pro přehledné zobrazení dopravy a plateb vedle sebe v jednom sloupci patičky můžete využít tento vzorový HTML kód:

<div class="footer__column footer__column--combined footer-list">
  <!-- Sekce Doprava -->
  <div class="footer__section">
    <h4>Rychlé a spolehlivé doručení</h4>
    <ul>
      <li>Doprava zdarma nad 1 500 Kč</li>
    </ul>
    <div class="footer__logos" style="margin-top: 10px;">
      <a href="/doprava-a-platba/" style="display: inline-block; text-decoration: none; cursor: pointer;">
        <img src="https://cdn.myshoptet.com/usr/URL-VASEHO-ESHOPU/user/documents/upload/footer/NAZEV-OBRAZKU-DOPRAVY.png"
             alt="Doprava GLS, Zásilkovna a Balíkovna"
             loading="lazy"
             style="width: 220px; height: auto; display: block; object-fit: contain;">
      </a>
    </div>
  </div>

  <!-- Sekce Platba -->
  <div class="footer__section" style="margin-top: 40px;">
    <h4>Pohodlná a bezpečná platba</h4>
    <ul>
      <li>Online, převodem či dobírkou</li>
    </ul>
    <div class="footer__logos payment" style="margin-top: 10px;">
      <a href="/doprava-a-platba/" style="display: inline-block; text-decoration: none; cursor: pointer;">
        <img src="https://cdn.myshoptet.com/usr/URL-VASEHO-ESHOPU/user/documents/upload/footer/NAZEV-OBRAZKU-PLATBY.png"
             alt="Platba VISA, Mastercard, Google Pay, Apple Pay"
             loading="lazy"
             style="width: 220px; max-width: 100%; height: auto; display: block; object-fit: contain;">
      </a>
    </div>
  </div>
</div>
Část kódu Význam Co s tím musíte udělat?
href="/doprava-a-platba/" Odkaz po kliknutí na loga. Směruje zákazníka na stránku s detaily o dopravě. Upravte URL podle vaší informační stránky.
src="https://cdn.myshoptet.com/usr/DOPLNIT/upload/..." Cesta k obrázku s logy. Nejprve nahrajte svůj obrázek s logy do Shoptetu přes Správce souborů a jeho adresu pak vložte sem namísto textu NAZEV-OBRAZKU-....
alt="..." Popis obrázku pro Google a nevidomé. Stručně textem popište, co na obrázku je (např. Loga dopravců Zásilkovna, PPL). Pomáhá to vašemu SEO.
<li>Doprava zdarma...</li> Rychlý benefit. Text mezi značkami <li> změňte podle vašich podmínek (např. Doprava zdarma nad 2 000 Kč).

 

I na detailech záleží

Patička e-shopu není vidět na první pohled a zákazník nepřijde na web jen proto, aby si ji prohlédl. Plní ale důležitou roli spolehlivého průvodce.

Když je přehledná a zákazník v ní najde vše rychle a bez problémů, jeho důvěra ve váš e-shop poroste a spolu s ní i konverze. Navíc tím vysíláte jasný signál: "Záleží nám na vaší spokojenosti od prvního kliknutí až po ten nejmenší detail. 

A právě takové drobnosti často rozhodují o tom, zda u vás zákazník nakoupí nebo odejde ke konkurenci. Důvěra zákazníků je totiž to nejcennější, co můžete získat a správně nastavená patička ji pomáhá budovat.

 

 

Zkontrolujte patičku svého e-shopu ještě dnes a proměňte ji v perfektního průvodce pro vaše zákazníky.


Chcete mít patičku (i celý e-shop) v pořádku, ale nemáte na to čas?

Ráda vám pomůžu! Podívám se na váš e-shop a nastavím zápatí tak, aby budovalo důvěru,
obsahovalo vše potřebné a spolehlivě navigovalo vaše zákazníky.

Ozvěte se mi a společně patičku vašeho e-shopu doladíme k dokonalosti!

Napište mi na: asistentka@terezavalkova.cz nebo si rovnou zarezervujte Úvodní konzultaci zdarma.