Vytvoření funkčního e-shopu je jen polovina úspěchu. Druhá polovina spočívá v tom, aby zákazníci dokázali snadno dokončit nákup. Statistiky ukazují, že až sedmdesát procent nákupních košíků zůstává opuštěných. V tomto čtvrtém díle našeho tutoriálu se zaměříme na implementaci objednávkového procesu, který zákazníky neodradí, ale naopak je povede k dokončení nákupu.
Anatomie úspěšného nákupního košíku
Nákupní košík není jen seznam produktů s tlačítkem „Objednat“. Je to klíčový prvek, který může rozhodnout o úspěchu nebo neúspěchu vašeho e-shopu. Dobře navržený košík musí splňovat několik základních požadavků.
Co musí košík obsahovat
- Přehledný seznam všech položek s náhledovými obrázky
- Možnost rychlé změny množství bez nutnosti opouštět stránku
- Jasně viditelnou celkovou cenu včetně DPH
- Informaci o nákladech na dopravu
- Odhadovaný termín dodání
- Jednoduché odstranění položek z košíku
Implementace košíku v PHP a JavaScriptu
Pro správu košíku potřebujete kombinaci backendové logiky a frontendové interaktivity. Košík lze ukládat buď do session na serveru, nebo do localStorage v prohlížeči zákazníka. Každá varianta má své výhody.
Session-based košík
Ukládání do session je tradiční a bezpečnější přístup. Data zůstávají na serveru a zákazník k nim nemá přímý přístup. Tento přístup však vyžaduje, aby server udržoval aktivní session, což může být náročnější na zdroje při velkém počtu návštěvníků.
Základní struktura zahrnuje vytvoření session pole, do kterého ukládáte ID produktu, množství a případně varianty jako velikost nebo barvu. Při každém přidání do košíku kontrolujete, zda produkt již v košíku není, a pokud ano, pouze zvyšujete jeho množství.
LocalStorage košík
Moderní přístup využívá localStorage v prohlížeči. Data přežijí zavření prohlížeče a nezatěžují server. Musíte však počítat s tím, že zákazník může mít zakázané cookies nebo používat režim inkognito.
Nejlepším řešením je hybridní přístup, kdy košík ukládáte do localStorage pro rychlou odezvu, ale při každé změně synchronizujete data se serverem. To zajistí, že košík přežije i přechod na jiné zařízení, pokud je zákazník přihlášen.
AJAX operace pro plynulou uživatelskou zkušenost
Nikdo nechce čekat na znovunačtení celé stránky pokaždé, když změní množství produktu. AJAX volání umožňují aktualizovat košík na pozadí bez přerušení nákupního procesu.
Klíčové AJAX operace
- Přidání produktu do košíku s okamžitou vizuální zpětnou vazbou
- Změna množství s automatickým přepočtem ceny
- Odstranění položky s animovaným zmizením
- Aplikace slevového kupónu bez refresh stránky
- Aktualizace dopravy při změně doručovací adresy
Důležité je vždy poskytovat zákazníkovi okamžitou zpětnou vazbu. Když klikne na „Přidat do košíku“, měl by vidět animaci nebo notifikaci, že akce proběhla úspěšně. Loading indikátory při AJAX voláních dávají najevo, že systém pracuje.
Objednávkový formulář který neodradí
Délka a složitost objednávkového formuláře přímo ovlivňuje míru dokončených objednávek. Každé dodatečné pole snižuje konverzní poměr přibližně o pět až deset procent.
Minimalistický přístup k formuláři
Ptejte se pouze na to, co skutečně potřebujete pro zpracování objednávky. Základní informace zahrnují jméno, e-mail, telefonní číslo, dodací adresu a způsob platby. Vše ostatní je volitelné.
Využijte automatické vyplňování adres pomocí API služeb jako Firmy.cz nebo ARES pro firemní zákazníky. Zákazník zadá IČO a systém automaticky doplní název firmy, adresu a DIČ. To výrazně urychlí proces a sníží počet chyb v adresách.
Validace v reálném čase
Nečekejte až zákazník odešle celý formulář, abyste mu řekli, že e-mail je ve špatném formátu. Validujte pole průběžně a poskytujte okamžitou zpětnou vazbu. Zelené zaškrtnutí u správně vyplněného pole dodává pocit pokroku.
Pro telefonní čísla implementujte automatické formátování, které přidá mezery nebo pomlčky na správná místa. Pro PSČ kontrolujte, zda odpovídá zadanému městu.
Způsoby platby a dopravy
Nabídka platebních metod a možností doručení je kritická pro dokončení objednávky. Čím více relevantních možností nabídnete, tím vyšší je pravděpodobnost konverze.
Platební brány
Pro české e-shopy jsou standardem platební brány jako GoPay, ComGate nebo Stripe. Každá má své výhody a poplatky. GoPay nabízí nejširší portfolio platebních metod včetně rychlých bankovních převodů a platebních tlačítek jednotlivých bank.
Implementace platební brány obvykle zahrnuje přesměrování zákazníka na zabezpečenou stránku platební brány, kde zadá platební údaje. Po dokončení platby je přesměrován zpět na váš e-shop s informací o úspěchu nebo neúspěchu transakce.
Nezapomeňte implementovat callback URL, kam platební brána zasílá notifikace o změně stavu platby. Zákazník totiž nemusí počkat na přesměrování zpět a zavře prohlížeč, ale platba může být přesto úspěšná.
Integrace dopravců
Moderní e-shopy nabízejí výběr výdejních míst přímo v objednávkovém formuláři. Pro Zásilkovnu existuje widget, který zobrazí mapu s nejbližšími výdejními místy. Podobné řešení nabízí Packeta nebo DPD.
Integrace s API dopravců umožňuje automatické vytváření štítků a sledování zásilek. Zákazník ocení, když mu přijde e-mail s trackovacím číslem a odkazem na sledování zásilky.
Potvrzovací stránka a následné kroky
Po dokončení objednávky nezapomeňte na potvrzovací stránku s přehledem objednávky a dalšími kroky. Tato stránka by měla obsahovat číslo objednávky, souhrn objednaných položek, celkovou cenu a informace o dalším postupu.
Automatické e-maily
Systém by měl automaticky odeslat několik typů e-mailů během životního cyklu objednávky. První e-mail s potvrzením objednávky by měl přijít okamžitě. Další e-maily následují při změně stavu – platba přijata, objednávka expedována, zásilka na cestě.
Každý e-mail by měl obsahovat odkaz na detail objednávky, kde zákazník vidí aktuální stav. Pro neregistrované zákazníky použijte jednorázový bezpečnostní token v URL, aby se dostali k detailu bez nutnosti registrace.
Optimalizace konverzního poměru
Dokončení objednávky je konverze, kterou chcete maximalizovat. Několik osvědčených technik může výrazně zvýšit počet dokončených objednávek.
Indikátor postupu
Zobrazujte zákazníkovi, ve kterém kroku objednávkového procesu se nachází. Typicky to jsou tři až čtyři kroky: košík, dodací údaje, platba a shrnutí, potvrzení. Když zákazník vidí, že je v kroku dva ze tří, je motivovanější dokončit proces.
Možnost objednávky bez registrace
Povinná registrace před objednávkou je jeden z hlavních důvodů opuštěných košíků. Nabídněte možnost objednávky jako host a registraci nabídněte až po dokončení objednávky jako volitelnou možnost.
Trust signály
Zobrazujte loga platebních metod, certifikáty bezpečnosti a zákaznické recenze. Tyto prvky budují důvěru a snižují obavy z nákupu. Informace o možnosti vrácení zboží do třiceti dnů nebo záruce také zvyšují ochotu dokončit nákup.
Technické aspekty a bezpečnost
Objednávkový proces zpracovává citlivá data, proto musí být maximálně zabezpečený. SSL certifikát je absolutní základ – bez něj vám moderní prohlížeče zobrazí varování a zákazníci odejdou.
Ochrana proti podvodům
Implementujte základní ochranu proti podvodným objednávkám. Kontrolujte shodu fakturační a dodací adresy, sledujte neobvykle velké objednávky od nových zákazníků a používejte CAPTCHA při podezřelé aktivitě.
Ukládejte IP adresu zákazníka a user agent prohlížeče k objednávce. V případě sporu nebo pokusu o podvod jsou tyto informace cenné. Samozřejmě musíte být v souladu s GDPR a informovat zákazníky o zpracování těchto údajů.
Databázová struktura
Objednávky ukládejte do samostatné tabulky s vazbou na tabulku položek objednávky. Nikdy neukládejte pouze ID produktu, ale vždy i název, cenu a další parametry v době objednávky. Produkty se mění, ale objednávka musí zachovat stav v okamžiku nákupu.
Stavy objednávky spravujte přes číselník stavů a změny stavů logujte do historie. To umožní sledovat, kdy a kdo změnil stav objednávky, což je důležité pro řešení reklamací.
Testování objednávkového procesu
Před spuštěním ostrého provozu důkladně otestujte všechny scénáře. Vytvořte testovací objednávky se všemi kombinacemi platebních metod a způsobů dopravy.
Co testovat
- Přidání produktu do košíku z různých míst webu
- Změnu množství a odebrání položek z košíku
- Aplikaci slevových kupónů a jejich kombinace
- Dokončení objednávky se všemi platebními metodami
- Chování při neúspěšné platbě
- Odeslání všech automatických e-mailů
- Zobrazení objednávky v administraci
Nezapomeňte testovat i na mobilních zařízeních. Více než padesát procent objednávek dnes přichází z mobilů a tablet, takže objednávkový proces musí být na těchto zařízeních stejně plynulý jako na desktopu.
Monitoring a analytika
Po spuštění sledujte, jak zákazníci procházejí objednávkovým procesem. Google Analytics nabízí nástroj Enhanced Ecommerce, který přesně ukáže, ve kterém kroku zákazníci nejčastěji opouštějí košík.
Nastavte si cíle a sledujte konverzní poměr. Průměrný konverzní poměr e-shopů se pohybuje mezi dvěma až třemi procenty, ale dobře optimalizovaný e-shop může dosahovat i pěti až deseti procent.
Závěrečné tipy pro úspěšný objednávkový proces
Implementace objednávkového procesu je technicky náročná, ale klíčová část každého e-shopu. Zaměřte se na jednoduchost a rychlost. Každá sekunda navíc v načítání stránky snižuje konverze o sedm procent.
Pravidelně procházejte objednávkový proces očima zákazníka a hle