Zpět na seznam článků

Potvrzení přidání do košíku

4 možnosti předkošíku, výhody a nevýhody a kdy použít který. A že na Havaji není vždycky havaj.

Hawaii

13. ledna přistála všem lidem na Havaji v telefonu následující smska: NA HAWAI LETÍ BALISTICKÉ RAKETY. OKAMŽITĚ VYHLEDEJTE ÚKRYT. TOTO NENÍ CVIČENÍ.

Trvalo dlouhých 38 minut, než přišla zpráva, že jde o planý poplach. Problém byl ve dvou věcech:

  1. nedostatečný rozdíl mezi opravdovým poplachem a interním testem…
    planý poplach na Havaji
  2. a velmi slabé potvrzení volby.

Což mě přivedlo na otázku, jak je na e-shopu řešené potvrzení přidání do košíku, někdy též zvané předkošík.

A zjistil jsem na aktuálních zakázkách, že to má každý klient jinak.

4 druhy potvrzení přidání do košíku

Kliknutí na tlačítko koupit ne nutně znamená, že si bude chtít uživatel věc opravdu koupit. Část uživatelů používá košík pro porovnání, část zjišťuje cenu dopravy, část si to rozmyslí nebo upře pozornost jinam.

Po přidání produktu do košíku chtějí lidi:

  • dál nakupovat,
  • zkontrolovat věci v košíku,
  • objednat zboží.

Co se ale stane po kliknutí na tlačítko Koupit?

  1. Z horního tlačítka Košík vyjede na určitou dobu jeho obsah – drop-down košík
  2. Nad aktuální stránkou se objeví okno s potvrzením – modální okno.
  3. Web vás přesměruje na vlastní stránku s potvrzením – mezistránka
  4. Nebo se dostanete kliknutím přímo do košíku – košík.

1. Drop-down košík

Bonami-předkošík

Takhle vypadá přidání do košíku na Bonami.

Hm předkošík

A takhle v H&Mku.

Drop-down předkošík je v Česku dost rarita. A popravdě i na západ od nás to hodně uživatelů mate.

Po kliknutí na tlačítko Koupit se vám v pravém horním rohu ukáže vyjížděcí box s obsahem košíku včetně právě přidaného zboží. Případně i s nějakou animací zboží odjíždějícího do košíku.

Pokud si obsah košíku chcete prohlédnout, musíte se z tlačítka Koupit přesunout do boxu s obsahem košíku. A být rychlí a přesní. Což je málokdy dobrý nápad.

Navíc i když už jste v boxu košíku, tak nemáte vyhráno. Stačí, abyste z vyjížděcího boxu jen na okamžik odjeli myší, a okno se vám zavře.

Tipy:

  1. Drop-down obsah košíku ukažte na minimálně 7 sekund, ideálně 10.
  2. Při odjetí kurzoru myši dejte prodlevu 0,5 sekundy, než okno zavřete.
  3. Důležité odkazy a tlačítka nedávejte ke kraji boxu.
  4. Pokud je kurzor myši umístěný na obsahu košíku, nikdy jej neschovávejte.
  5. Umožněte uživatelům otevřít znova drop-down tím, že najedou na ikonu/tlačítko košíku.
  6. Otevření a zavření okna s košíkem udělejte animací, aby bylo jasné, že se to váže ke košíku.

Nevýhody:

  • Uživatelé na to nejsou moc zvyklí.
  • Je tam málo místa na up-sell a cross sell.

Výhody:

  • Dobré řešení pro luxusní zboží a pro e-shopy, kde dáváte do košíku desítky produktů (potraviny, korálky).

Když to uděláte dobře, tak je to fajn varianta předkošíku. Ukážete uživatelům, že si něco dali do košíku a že je možné pokračovat. A nenutíte je ke krkolomným krokům, aby dál nakupovali. Je to takový neinvazivní způsob, jak dát vědět, že jste si něco přidali do košíku.

Hezky udělané to má například Sephora, Košík nebo Rohlík.

Sephora dropdown košík

2. Modální okno

Czc předkošík

Tohle je v Česku nejčastější volba. Na rozdíl od drop-downu je tohle trochu agresivnější varianta, která vám překryje celou obrazovku. Takže vás nutí si aktivně vybrat, zda budete pokračovat ve výběru zboží nebo půjdete do košíku.

Tipy:

  1. V okně ukažte:
    – Jasné textové potvrzení přidání do košíku.
    – Náhled, název a důležité vlastnosti produktu (jako je velikost, barva atp.).
    – Cenu a množství.
    – Dopravu zdarma nebo kolik musí koupit do dopravy zdarma.
    – Primární CTA směřující do košíku, sekundární CTA pokračování v nákupu.
    – Cross sell.
  2. Pozor na to, abyste to s cross sellem nepřehnali. Neměl by být to nejdůležitější.
  3. A cross sell by měl být opravdu užitečný a logický, jinak lidi jen naštvete.
  4. Pokud k produktu přidanému do košíku nemáte adekvátní další levnější produkt, tak radši neukazujte nic.
  5. Teoreticky můžete do okna zakomponovat i celkový obsah košíku ve smyslu počtu kusů, ceny dopravy a celkové ceny.

Nevýhody:

  • Mírně agresivní.
  • Více směruje uživatele k samotné objednávce.
  • Omezený prostor pro cross sell – cca 3-4 produkty.

Výhody:

  • Jednodušší na programování a verzi pro mobil.
  • Možnost ukázat cross sell.
  • Uživatelé si to nepletou s košíkem a jsou na to zvyklí.
  • Lze se jednoduše vrátit na stránku produktu.

Pokud nevíte, která varianta je pro vás nejlepší nebo tvoříte nový eshop, tak zvolte tuhle variantu.

Zde nešikovný příklad Feedo, které neukazuje přidaný produkt a tlačítka pro další krok jsou až pod cross sellem.

Feedo předkošík

3. Mezistránka

Ve chvíli, kdy si někdo přidá něco do košíku, tak ne nutně je připravený rovnou objednat. Zvlášť ve chvíli, kdy chce přidávat další zboží. Ať už kvůli příbuznosti (tabule a fixy) nebo šíři sortimentu (jídlo). Na první pohled tedy dává smysl i varianta, kdy mezi produkt a košík umístíme mezistránku.

Chyba lávky, hodně uživatelů tím zmatete nebo naštvete. Hlavně kvůli tomu, že lidi jsou zvyklí na to, že když přidáte něco do košíku a web nahrává další stránku, tak automaticky předpokládáte, že to bude košík. Navíc tahle stránka košík na první pohled dost připomíná.

Hodně uživatelů tak hledá seznam produktů s celkovou cenou, a až když jim dojde, že nejsou v košíku, tak klikají na ikonu košíku v pravém horním rohu.

Tipy:

  1. Tuhle stránku použijte ve chvíli, kdy máte hodně velký seznam přidružených služeb a produktů.
  2. Graficky tuhle stránku musíte odlišit o standardní struktury stránky košíku.
  3. Hodně zvýrazněte potvrzení přidání do košíku. Více než v předchozích dvou variantách košíku.
  4. Vaše druhá priorita je zvýraznění tlačítek Zpět do obchodu a Pokračovat do košíku.
  5. A až pak se zabývejte upsellem a cross-sellem.

Nevýhody:

  • Zaměnitelnost s košíkem.

Výhody:

  • Jednoduché na programování.
  • Větší prostor pro upsell a cross-sell.

Zdařilý příklad Mobilní Pohotovosti.

4. Košík

Kytary.cz košík

No a pak je tu staré dobré přesměrování do samotného košíku. Tahle volba dává smysl, pokud vaším cílem je tlačit zákazníka co nejvíc ke koupi. A zároveň máte průměrný počet zboží v objednávce blízký číslu 1. Lidsky řečeno – pokud u vás většina lidí nakupuje jednu věc, tak dává smysl je tlačit přímo do košíku a objednávky.

Tipy:

  1. Přidejte decentní upozornění nebo zvýraznění, které zboží bylo přidáno do košíku.
  2. Koukněte se na to, kam lidi z košíku jsou – pokud se jich hodně vrací zpět do e-shopu, tak tohle nebude dobrá volba (ahoj Tomáši B.).

Nevýhody:

  • Menší možnost upsellu.
  • Menší šance na přidání více (nesouvisejícího) zboží do košíku.
  • Určitě to nekombinujte s jednokrokovým košíkem.

Výhody:

  • Uživatelé jsou na ten systém historicky zvyklí.
  • Tlačíte více na dokončení samotné objednávky.

Minimalistický košík v podání Notino.

Závěr

Volbu jedné z variant nedělejte jen podle výhod a nevýhod, ale hlavně podle toho, co vám vydělá nejvíce peněz (jak správně podotkl kolega Lukáš Morávek). Což ale znamená, že všechny varianty otestujete. A když už budete testovat, tak zkuste i ten jedno- či dvou-krokový košík.

Havaj 2.0

No a jak to dopadlo na té Havaji? Poté, co se trochu obyvatelstvo uklidnilo, tak do toho začali lidi šťourat. A zjistili, že existuje veřejná fotografie centra proti-raketové obrany v článku na internetu… a na té fotografii je možné přečíst heslo do systému.

Protože je nalepené lepíkem na monitor!

A to už je na double face-palm. Ale zas tam nosí havajské košile, a to je důležité!

 

Související články

Pingdom

9 možností, jak zrychlit web a zvýšit tím konverze

Levi-jeans-abandoned-cart-email

Přesvědčivost na e-shopu (s příklady)

Vivino

Jak vymyslet konkurenční výhodu vašeho webu

Mobile

10 principů mobilního designu

Smysluplná debata