Cart widget

Dejte zákazníkům možnost vybrat si výdejní místo přímo v košíku — ještě před přechodem k pokladně. Globe cart widget přidá do stránky košíku nebo postranního košíku selektor doručení, takže zákazníci mohou zvolit mezi doručením domů a výdejním místem, aniž by museli opustit košík.

Jak to funguje

Widget přidá do košíku dvě karty:

Doručení domů — zákazník chce standardní doručení na svou adresu. Výběr této možnosti vymaže dříve uložené výdejní místo.
Výdejní místa — zákazník chce zásilku vyzvednout na výdejním místě. Kliknutím na tuto kartu se otevře interaktivní mapa a seznam, poháněné Leaflet a OpenStreetMap (není potřeba API klíč pro Google Maps).

Na mapě zákazníci mohou vyhledávat podle adresy, použít svou polohu a procházet značky všech blízkých výdejních míst. Po výběru místa se karta aktualizuje a zobrazí název a adresu vybraného místa spolu s tlačítkem Změnit.

Výběr se uloží do košíku a automaticky se přenese do objednávky.

Volitelně přidá i třetí kartu, Osobní odběr, pro objednávky vyzvedávané ve vaší prodejně. Viz Osobní odběr.

Zákazníci vybírají mezi doručením domů a výdejními místy přímo v košíku.

Nastavení

Ujistěte se, že máte v Globe nakonfigurovaného alespoň jednoho dopravce. Pokud jste to ještě neudělali, podívejte se na Přidání dopravců výdejních míst.
Povolte widget ve svém Shopify motivu:
- V Shopify administraci přejděte do Online Store → Motivy → Přizpůsobit.
- Otevřete App embeds v levém panelu.
- Najděte Cart pickup points a přepněte na zapnuto.
- Klikněte na Uložit.
Na editor motivů se také dostanete přímo z Globe — přejděte do Nastavení → Cart Widget a klikněte na Otevřít editor motivů.

Povolte app embed Cart pickup points ve svém motivu.
V aplikaci Globe přejděte do Nastavení → Cart Widget a nakonfigurujte umístění (viz níže).

Umístění

Widget se vloží do košíku na CSS selektor, který zadáte. Různé motivy používají různé HTML struktury, takže musíte nasměrovat widget na správný element vašeho motivu.

Časté selektory:

Typ motivu	Selektor
Celá stránka košíku	`.cart__footer`
Postranní košík	`.cart-drawer__summary`
Obecný	`#cart-totals`

Nejste si jisti, který selektor váš motiv používá? Klikněte na Nápověda u pole CSS selektor v Globe — provede vás hledáním správného selektoru pomocí DevTools ve vašem prohlížeči. Můžete také kontaktovat podporu a my jej identifikujeme za vás.

Pokud váš motiv má jak celou stránku košíku, tak postranní košík, můžete přidat více umístění — widget se zobrazí v obou.

Nakonfigurujte CSS selektor a rozvržení pro každé umístění.

Přizpůsobení

Překlady

Přizpůsobte čtyři popisky, které zákazníci vidí: nadpis, „Doručení domů”, „Výdejní místa” a tlačítko „Změnit”. Překlady lze nastavit pro každý jazyk — widget automaticky detekuje jazyk prohlížeče zákazníka a zobrazí odpovídající text. Aplikace zobrazuje pouze jazyky, které jsou publikovány ve vašem Shopify obchodu.

Barvy

Osm nastavení barev umožňuje přizpůsobit widget designu vašeho obchodu: barva nadpisu, barva textu, pozadí karty, ohraničení karty (normální), ohraničení karty (vybrané), barva ikony, pozadí tlačítka a barva textu tlačítka.

Rozvržení

Vyberte si mezi horizontálním (dvě karty vedle sebe) nebo vertikálním (karty pod sebou). Horizontální rozvržení funguje dobře u širokých košíků; vertikální je vhodnější pro úzké postranní košíky.

Předvyplnění doručovací adresy

Když zákazník vybere výdejní místo v košíku, Globe může automaticky předvyplnit formulář doručovací adresy v pokladně adresou tohoto výdejního místa. To zákazníkovi ušetří opakované zadávání adresy a sníží tření.

Povolte tuto funkci v Nastavení → Cart Widget → Předvyplnění doručovací adresy.

Pokud váš motiv používá nestandardní tlačítko pokladny, zadejte CSS selektor tlačítka do pole Vlastní selektor tlačítka pokladny (podporuje více selektorů oddělených čárkami, např. .cart__checkout-button, #checkout).

Dobírka

Pokud si za dobírku účtujete poplatek přes samostatnou dodací sazbu (např. „Zásilkovna (dobírka)“), zadejte klíčová slova pro dobírku v Nastavení → Cart Widget → Přizpůsobení doručení v pokladně. U vybraného místa pak zůstane vidět běžná i dobírková sazba. Viz Dobírka na výdejních místech.

Osobní odběr

Když si u vás zákazníci můžou objednávku vyzvednout v prodejně, widget umí ukázat třetí kartu, Osobní odběr, vedle doručení domů a výdejních míst. Po jejím výběru se pokladna otevře rovnou na vyzvednutí v prodejně a prodejnu si zákazník vybere tam. Když potom přepne na doručení domů nebo výdejní místo, pokladna se otevře zase na doručení.

Ve výchozím stavu je karta vypnutá.

Co musí být nastavené v Shopify

V Shopify administraci přejděte do Nastavení → Doprava a doručení → Vyzvednutí v obchodě (Pickup in store). Pokladna nabídne jen lokace se zapnutým vyzvednutím, vyplněnou adresou a zbožím skladem (nebo s přesunem zásob).

Zapnutí

V Globe přejděte do Nastavení → Cart Widget → Pokročilé nastavení.
Zaškrtněte Zobrazit osobní odběr.
V poli Zobrazit jen v těchto zemích vyberte země, kde máte prodejnu. Prázdné pole znamená všude.
Klikněte na Uložit.

Když Globe ukáže varování o oprávněních, otevřete Globe v administraci Shopify a aktualizaci potvrďte. Do té doby zůstane karta skrytá.

Země

Zemi widget určí stejně jako u výdejních míst: podle marketu storefrontu, nebo podle země, ke které je přiřazený jeho jazyk. Vyberte jen země, kde máte prodejnu. Jinak se zákazníkovi odtamtud v pokladně otevře vyzvednutí, ale žádnou prodejnu v něm nenajde.

Texty karty

Název a popis karty nastavíte pro každý jazyk v Překladech textu widgetu, vedle textů ostatních karet. Výchozí název je Osobní odběr v jazyce zákazníka. Můžete ho přepsat třeba na Vyzvednutí na prodejně v Brně.

Omezení

Zákazník mimo vybrané země kartu nevidí.
Expresní tlačítka v košíku (Apple Pay, Shop Pay) volbu z widgetu obejdou.
Když vyzvednutí v Shopify vypnete, pokladna se otevře na doručení. Widget to nepozná, proto vypněte i Zobrazit osobní odběr.

Předpoklady

Nainstalovaná aplikace Globe s aktivním předplatným
Alespoň jeden dopravce výdejních míst nakonfigurovaný v Globe
App embed Cart pickup points zapnutý v editoru motivu

Prozkoumejte funkci cart widget v Globe pro Shopify — ceny a živé demo →