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.

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).

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