Od chvíle, kdy jsme na konci minulého roku vydali vysouvací košík jako součást Candy Rack, se jeden požadavek objevoval častěji než téměř všechny ostatní: nechat zákazníky použít slevový kód, aniž byste je posílali do checkoutu. Většina samostatných vysouvacích košíků to už umí. Ten náš do teď ne.
Slevové kódy jsou teď zabudované v patičce vysouvacího košíku. Zákazník napíše kód, klikne na Apply a celková cena i rozpad po položkách se hned přepočítají. Bez znovunačtení stránky a bez přechodu do checkoutu.
Jak to funguje
Cokoli zákazník zadá, se v reálném čase ověří proti Shopify discount API. Platný kód se na košík aplikuje okamžitě a přepočítá celkovou cenu i rozpad po jednotlivých řádcích. Neplatný nebo expirovaný kód místo toho zobrazí chybovou zprávu přímo u pole a celková cena zůstane nedotčená.
Když je kód aplikovaný, zobrazí se vedle pole jako malý štítek, který jde odebrat. Zákazník ho tak může sundat a zkusit jiný, pokud si to rozmyslí.
Sčítání slev se řídí pravidly Shopify, ne pravidly Candy Rack: pokud zákazník zadá víc kódů, zkombinují se jen tehdy, když to vaše nastavení kombinování slev dovolí. Když se nekombinují, poslední zadaný kód nahradí ten, který byl aplikovaný předtím. A pokud zákazník přijde přes slevový odkaz (URL s parametrem ?discount=XYZ, tedy ten typ, který posíláte v e-mailové kampani), kód je aplikovaný už v momentě, kdy košík otevře. Nemusí nic psát.
Přizpůsobení vašemu košíku
Celé pole se nastavuje v sekci Footer u vašeho vysouvacího košíku, vedle Total, Custom text, Terms and conditions, Checkout buttons a Custom block:
- Placeholder text pro pole (výchozí: „Discount code“)
- Error message pro kód, který nelze aplikovat, včetně velikosti písma
- Apply button: text, velikost písma, barva pozadí a textu pro normální stav i hover, a volitelné ohraničení
- Velikost písma štítku s aplikovaným kódem
- Order-level discount preview, přepínač, který v náhledu nastavení zobrazí aplikovanou slevu. Zkontrolujete tak, jak ten stav vypadá, bez toho, abyste měli po ruce skutečný kód
Je tu i volba Collapsible discount field. Když ji zapnete, pole se skryje za odkaz místo toho, aby se ve výchozím stavu zobrazovalo jako otevřené textové pole. To se vyplatí zvážit: prázdné pole na slevu v košíku je známý důvod, proč zákazníci odcházejí hledat kód jinam místo toho, aby objednávku dokončili. Sbalené pole možnost zachová, ale nestrká ji do popředí.
Jak to zapnout
- Otevřete nastavení vysouvacího košíku v Candy Rack.
- Zapněte Discounts v sekci Footer (a Collapsible discount field, pokud ho chcete mít sbalený).
- Nastavte placeholder, chybovou zprávu a styl tlačítka tak, aby ladily se zbytkem košíku.
- Uložte.
Proč jsme to udělali
Zákazníci, kteří mají kód nebo si myslí, že by ho mohli mít, ho hledají v momentě, kdy otevřou košík, ne v posledním kroku checkoutu. Když ho do té doby nikde nenajdou, někteří už budou hledat jinde nebo objednávku úplně opustí, ještě než se vůbec dostanou k poli na slevu, které Shopify nabízí v checkoutu. Tehdy už je většinou pozdě.
Je to vlastně konkrétní případ celé myšlenky vysouvacího košíku: udržet zákazníky na stránce místo toho, abyste je posílali někam jinam. Pole na slevu, které se objeví až v checkoutu, jde proti tomu. A je to mezera, které si člověk všimne hned, jak jednou použije košík, který to řeší nativně. Zaplnit ji bylo mín o přidání něčeho nového a víc o tom nenechat venku zjevný kus.
Přidává se ke všemu, co jsme do vysouvacího košíku od spuštění postavili: odměnová lišta, vlastní bloky, upselly podle kolekcí, popisky generované AI a novější doporučovací systémy. Úvahy za samotným košíkem najdete v našem průvodci upsell strategií. Pokud chcete optimalizovat spíš samotný checkout než košík, tuhle stranu pokrývá náš průvodce checkoutem Shopify.
Slevové kódy jsou v Candy Rack dostupné už dnes. Pokud vysouvací košík už používáte, najdete Discounts v sekci Footer ve svém nastavení. Ještě jste ho nezkusili? Nainstalujte Candy Rack ze Shopify App Store: vysouvací košík, odměnová lišta, upselly i slevové kódy jsou všechny ve stejné aplikaci.
