Checkout optimalizace je systematické zlepšování pokladního procesu e-shopu s cílem snížit opuštění košíku a zvýšit počet dokončených objednávek. Podle výzkumu Baymard Institute obsahuje průměrný checkout 18 zbytečných UX chyb, kvůli kterým zákazníci odcházejí. Opravou těchto chyb můžete zvýšit konverzní poměr o 35 % – bez jakékoli investice do reklamy.
Proč checkout ztrácí zákazníky
Checkout je poslední metr závodu. Zákazník prošel celou customer journey – viděl reklamu, prokliknul se na web, vybral produkt, přidal do košíku. A pak ho ztratíte v posledním kroku. Absurdní? Běžné.
Problém je, že většina e-shopů věnuje 90 % pozornosti produktovým stránkám a 10 % checkoutu. Přitom checkout je místo, kde se peníze buď udělají, nebo ztratí.
Baymard Institute testoval 220+ e-shopů a identifikoval nejčastější problémy:
- Příliš mnoho formulářových polí – průměr je 23, optimum 12.
- Nejasné chybové hlášky – „Vyplňte povinné pole” nic neříká. Které pole? Co je špatně?
- Chybějící guest checkout – 24 % zákazníků odejde kvůli povinné registraci.
- Skryté náklady – dopravné nebo poplatek, který se objeví až na konci.
- Nedůvěryhodný vzhled – chybí trust badges, SSL indikátor, známé platební metody.
Best practices – co funguje
Guest checkout jako default
Nenutit registraci. Tečka. Amazon to ví. Alza to ví. Shopify doporučuje guest checkout jako první možnost. Registraci nabídněte po dokončení objednávky – „Nastavte si heslo pro rychlejší příští nákup.” Zákazník právě nakoupil, důvěřuje vám, a registrace je o jedno heslo. Ne o vyplňování formuláře v momentě, kdy chce platit.
Progress bar
Zákazník musí vědět, kde je a kolik kroků zbývá. „Krok 2 ze 3” nebo vizuální progress bar. Snižuje to úzkost a pocit „tohle nikdy neskončí”. Nielsen Norman Group potvrzuje, že progress indikátor zvyšuje dokončení formulářů o 10–15 %.
Minimální počet polí
Každé pole, které odstraníte, zvyšuje konverze. Baymard doporučuje maximum 12 polí. Prakticky:
- Jméno – jedno pole „Celé jméno” místo dvou (jméno + příjmení).
- Adresa – automatické doplňování přes Google Places API. Zákazník začne psát a systém nabídne kompletní adresu.
- Telefon – vyžadujte jen pokud je nutný pro dopravce. A vysvětlete proč.
- Firma, IČO, DIČ – skryjte za checkbox „Nakupuji na firmu”. Většina B2C zákazníků to nepotřebuje.
Trust badges a bezpečnostní signály
V checkoutu je zákazník nejzranitelnější – zadává platební údaje. Potřebuje ujištění.
- Logo SSL certifikátu u platebního formuláře.
- Ikony platebních metod (Visa, Mastercard, Apple Pay).
- „100% garance vrácení peněz do 14 dnů” – zákonná povinnost, ale většina e-shopů to nekomunikuje.
- Heureka Ověřeno zákazníky badge – social proof přímo v checkoutu.
Platební metody – čím víc, tím líp
V Česku je pořád specifická situace. Podle dat České pošty a Heureka:
- Platba kartou online – 45 % objednávek
- Bankovní převod – 15 %
- Dobírka – 20 %
- Apple/Google Pay – 10 % a roste
- Platba přes GoPay/Comgate – zahrnuje většinu výše uvedeného
Každá chybějící metoda je ztracený zákazník. Dobírku nechcete? Rozumím – ale 20 % tržeb taky nechcete ztratit.
One-page vs. multi-step checkout
Věčná debata. Obě varianty mají své místo.
One-page checkout
Všechno na jedné stránce. Kontakt, doprava, platba, shrnutí – viditelné najednou.
Výhody: Zákazník vidí celý proces. Žádné překvapení. Méně klikání. Nevýhody: Stránka je dlouhá, na mobilu to může přehlcovat. Pokud se formulář špatně načte, ztratíte všechno.
Multi-step checkout
Klasický 3–4 krokový proces. Každý krok na vlastní stránce.
Výhody: Přehlednější, méně informací najednou. Můžete měřit drop-off po krocích v GA4. Nevýhody: Víc kroků = víc příležitostí k odchodu. Pomalé načítání mezi kroky frustruje.
Co říkají data? Baymard nenašel statisticky významný rozdíl v konverzním poměru mezi oběma variantami – pokud jsou obě dobře navržené. Důležitější než počet kroků je kvalita UX v každém z nich.
Mobilní checkout – kde se tržby ztrácejí
Mobilní cart abandonment je 85 %. Osmdesát pět procent. A víc než 60 % návštěvnosti e-shopů přichází z mobilů. Takže problém je očividný.
Co dělá mobilní checkout špatným:
- Malá tlačítka – prst není kurzor myši. Minimální velikost 44 × 44 px.
- Drobný text v polích – font pod 16 px způsobuje na iOS automatický zoom. Otravné.
- Špatná klávesnice – pole pro číslo telefonu musí otevřít numerickou klávesnici, ne QWERTY.
- Žádný Apple/Google Pay – na mobilu je platba jedním klikem zásadní. Eliminuje 80 % formuláře.
- Pomalé načítání – 53 % mobilních uživatelů opustí stránku, která se načítá déle než 3 sekundy (Google).
Příběh z praxe: Shoptet e-shop s módou
Klientka provozovala e-shop na Shoptetu – dámská móda, průměrná objednávka 1 200 Kč. Konverzní poměr z mobilu: 0,6 %. Z desktopu: 2,1 %. Obrovský rozdíl.
V heatmapách z Microsoft Clarity jsme viděli, že na mobilu zákaznice klikaly na pole „Město” a „PSČ” opakovaně – formulář nebyl optimalizovaný pro dotykové ovládání, pole byly příliš blízko u sebe. Plus checkout měl 5 kroků a mezi každým se stránka načítala 2–3 sekundy.
Změny: přepnutí na 3krokový checkout (Shoptet to umožňuje), zvětšení polí na mobilu, přidání Apple Pay a Google Pay, automatické doplňování adresy. Konverzní poměr z mobilu za 6 týdnů: 1,3 %. Pořád nižší než desktop, ale nárůst o 117 %. Při 30 000 mobilních návštěvách měsíčně to znamenalo 210 objednávek navíc – asi 250 000 Kč měsíčně.
A/B testování checkoutu
Checkout je ideální kandidát na A/B testování. Vysoký traffic, jasná konverzní metrika, přímý dopad na tržby.
Co testovat:
- Počet kroků – 3 vs. 4 kroky, one-page vs. multi-step.
- Pořadí polí – doprava před platbou nebo naopak?
- CTA text na tlačítku – „Objednat” vs. „Dokončit objednávku” vs. „Zaplatit 1 450 Kč”.
- Trust badges – s nimi vs. bez nich. Kde přesně?
- Shrnutí objednávky – fixní sidebar nebo collapsible panel?
Důležité: testujte jednu věc najednou. Pokud změníte layout, text i barvy současně, nebudete vědět, co funguje. A potřebujete statisticky významný vzorek – minimum 100 konverzí na variantu, ideálně 200+.
Checklist checkout optimalizace
Rychlý audit vašeho checkoutu:
- Guest checkout je první (nebo jediná) možnost
- Maximum 12 formulářových polí
- Progress bar nebo indikátor kroků
- Cena dopravy viditelná před checkoutem
- Automatické doplňování adresy
- Numerická klávesnice pro čísla (telefon, PSČ)
- Trust badges u platebního formuláře
- Minimálně 3 platební metody včetně Apple/Google Pay
- Formulářová pole min. 44 × 44 px na mobilu
- Jasné chybové hlášky u konkrétních polí
- Shrnutí objednávky viditelné v každém kroku
- Načítání pod 3 sekundy na mobilu
Často kladené otázky
Kolik objednávek navíc přinese optimalizace checkoutu?
Záleží na aktuálním stavu. Pokud máte checkout s 20+ poli, povinnou registrací a skrytými náklady, realistické zlepšení je 20–40 % nárůst dokončených objednávek. U už solidního checkoutu jsou to spíš jednotky procent – ale i 5 % navíc je při tisících objednávek měsíčně hodně peněz.
Mám přejít na one-page checkout?
Nemusíte. Důležitější je kvalita každého kroku než jejich počet. Pokud váš multi-step checkout funguje dobře a máte nízký drop-off mezi kroky (měřte v GA4), nechte ho. Pokud vidíte velký propad v konkrétním kroku, zaměřte se na ten.
Jak měřit úspěšnost checkout optimalizace?
Checkout funnel v Google Analytics 4 – nastavte si e-commerce eventy (begin_checkout, add_shipping_info, add_payment_info, purchase). Uvidíte přesný drop-off v každém kroku. Porovnávejte konverzní poměr před a po změnách. A segmentujte podle zařízení – mobilní checkout se chová jinak než desktopový.
Zdroje
- Baymard Institute – Checkout Usability – Nejrozsáhlejší výzkum checkout UX na světě (analyzováno 220+ e-shopů)
- Nielsen Norman Group – E-Commerce UX – Výzkumy a doporučení pro UX e-shopů
- Google – Mobile Page Speed Benchmarks – Data o vlivu rychlosti na konverze
Chcete vědět, kolik objednávek vám uniká kvůli špatnému checkoutu? Napište mi – udělám audit vašeho pokladního procesu a řeknu vám přesně, kde ztrácíte zákazníky.