Od té doby, co jsme vysouvací košík jako součást Candy Rack uvedli začátkem roku, nejčastější zpětná vazba od obchodníků zněla: „Je to skvělé, ale chtěl bych přidat ještě jednu věc.“ Proužek s platebními metodami. Odznak důvěry. Odpočítávání. Stírací los. Každý obchod má své vlastní nástroje pro zvýšení konverzí a košík s pevným rozložením jich pojme jen omezené množství.
Vlastní bloky jsou naší odpovědí. Umožňují vám vložit vlastní HTML a CSS přímo do vysouvacího košíku a následně výsledek umístit přesně tam, kam potřebujete – vedle položek v košíku nebo přímo u tlačítka pokladny. Pokud to dokážete napsat v sekci Shopify, můžete to vložit do vysouvacího košíku.
Co můžete vytvořit
Vlastní blok je v podstatě flexibilní kontejner, což umožňuje široké využití. Podle toho, co jsme viděli během předběžného přístupu, obchodníci nejčastěji sahají po těchto možnostech:
- Loga platebních metod pro ujištění zákazníků, že mohou platit tak, jak chtějí
- Sociální důkazy – hvězdičkové hodnocení, úryvky recenzí, počítadla „X zákazníků si to dnes koupilo“
- Odpočítávání pro limity dopravy zdarma nebo naléhavost konce výprodeje
- Značky důvěry a odznaky zabezpečené pokladny pro snížení obav při dokončení nákupu
- Stírací losy které odhalí tajnou slevu, když je zákazník „setře“
- Informace o dopravě a vrácení zboží – limity pro dopravu zdarma, příslib snadného vrácení
- Ikony hlavních výhod které shrnou vaše klíčové prodejní argumenty do jednoho řádku
- Propagační bannery pro kampaně nebo sezónní nabídky
Jde o stejnou sadu nástrojů, kterou obchody zaměřené na konverze již používají na produktových stránkách a v košíku, nyní přenesenou přímo do vysouvacího košíku – což je pro obchod zaměřený na upsell zdaleka nejvýznamnější moment nákupního procesu.
Kde vlastní bloky najdete
V každé ze dvou zón vysouvacího košíku získáte jeden vlastní blok:
- V těle, vedle položek v košíku
- V patičce, poblíž tlačítka pokladny
To jsou až dva vlastní bloky na jeden vysouvací košík. Přesná pozice v rámci každé zóny se ovládá v nastavení rozvržení, takže můžete blok přetáhnout nad nebo pod lištu odměn, mezi jednotlivé položky nebo pod mezisoučet – podle toho, co si rozvržení žádá.
Záměrně jsme toto omezení zachovali. Dva bloky stačí k efektivnímu merchandisingu, aniž by se z vysouvacího košíku stala reklamní plocha. Pokud zákazníci neuvidí tlačítko pokladny bez posouvání, na ničem jiném nezáleží.
Jak blok přidat
Nastavení je záměrně rychlé:
- Otevřete nastavení vysouvacího košíku v Candy Rack.
- Najděte komponentu Vlastní blok v sekci těla nebo patičky.
- Vložte své HTML a CSS do pole pro kód.
- Uložte změny.
- Přetáhněte blok na požadované místo v nastavení rozvržení.
Vlastní bloky plně podporují HTML a CSS. CSS, které napíšete, se aplikuje uvnitř výsuvného košíku, proto své selektory specifikujte – globální pravidlo pro tlačítko by se projevilo i u ostatních prvků. JavaScript je omezený: <script> tagy se neanalyzují, ale inline události jako onclick, onmouseover a onload fungují. To stačí pro většinu drobných interakcí – tlačítko, které vyvolá upozornění, časovač aktualizující DOM nebo obsluhu kliknutí, která otevře nápovědu. Pokud potřebujete fetch požadavky, složitý stav nebo SDK třetích stran, ozvěte se nám. Sledujeme zájem o plnější podporu JS a pokud o ni bude dostatek obchodníků stát, přidáme vyhrazené pole.
Náhled před spuštěním
Jeden detail, který stojí za zmínku: vlastní blok můžete uložit, nechat funkci vypnutou a přesto přesně vidět, jak se v košíku vykreslí, pomocí speciálního odkazu pro náhled. Standardní tlačítko náhledu zobrazuje pouze bloky, které jsou již aktivní, takže tento vyhrazený odkaz je jediným způsobem, jak blok připravit a zkontrolovat, aniž byste jej vystavili skutečným zákazníkům.
Tento postup sami používáme, když chceme schválení od kolegy nebo si chceme vše vyzkoušet na skutečném zařízení, než funkci spustíme.
Neumíte kódovat? Zeptejte se AI
Většina našich zákazníků nejsou vývojáři, a to je v pořádku. Příklady, které uvádíme v centru nápovědy – automaticky posouvaný karusel recenzí, desetiminutový odpočet, řada prvků pro zvýšení důvěry nebo stírací los – jsou připraveny ke zkopírování a jejich úprava je přesně ten typ drobného úkolu, ve kterém jsou dnešní modely AI skutečně dobré. Vložte úryvek do Claude (nebo svého oblíbeného AI nástroje), popište změnu, kterou chcete, a během sekund získáte funkční HTML a CSS. Pokud něco stále nesedí, náš tým podpory je na chatu.
Proč jsme to vytvořili
Výsuvné košíky vyhrávají nebo prohrávají na dvou věcech: rychlosti a hustotě merchandisingu. Rychlost je problémem vývoje, který jsme vyřešili. Hustota merchandisingu je však pro každý obchod jedinečná – někdo potřebuje odznaky důvěry, někdo naléhavost, někdo odpočet dopravy zdarma, někdo stírací los, který nerozhodného kupujícího postrčí k nákupu. Vlastní bloky vám umožní tato rozhodnutí dělat sami, místo abyste čekali, až vytvoříme konkrétní komponentu, kterou máte na mysli.
Funkce je v Candy Rack dostupná již dnes. Pokud již výsuvný košík používáte, najdete komponentu Vlastní blok ve svém stávajícím rozvržení. Pokud jste výsuvný košík ještě nezkusili, můžete si nainstalovat Candy Rack z Shopify App Store – výsuvný košík, lišta s odměnami i vlastní bloky jsou součástí jedné aplikace.
Více informací o tom, jak z košíku vytěžit maximum, najdete v našem průvodci strategií upsellu a v našich poznámkách k optimalizaci pokladny Shopify.
