Do tej pory sklepy bez Shopify Plus mogły pozwolić klientom wybrać punkt odbioru dopiero po złożeniu zamówienia, na stronie Thank you lub Order status. Widżet w koszyku przenosi ten wybór przed checkout, w każdym planie Shopify.
Widżet dodaje do strony koszyka i do wysuwanego koszyka dwie karty: Home delivery i Pickup point. Karta punktu odbioru otwiera wyszukiwarkę, mapę, listę posortowaną według odległości i filtr przewoźników. Checkout pokazuje potem tylko stawkę wybranego przewoźnika, nazwaną od punktu, razem z jej wariantem za pobraniem. Gdy klient wybierze dostawę do domu, stawki za punkty odbioru są ukryte.
Skonfigurujesz go w Settings > Widget > Cart widget settings: zacznij w Test mode, umieść widżet za pomocą bloku aplikacji lub selektora CSS, sprawdź ceny i przełącz na Live. Osobno dla wąskiego i szerokiego widżetu możesz ustawić układ, a do tego kolory, nazwę dostawy w checkoucie i produkty, które nigdy nie trafiają do punktu odbioru.
Każde zamówienie musi przejść przez koszyk, więc wyłącz Buy it now i przyciski płatności ekspresowych na stronach produktów. Widżet w koszyku działa z motywami Shopify (nie ze sklepami headless) i wymaga płatnego planu ShipDock.
Co obejmuje
- Test mode: widżet widzisz tylko ty, dopóki nie przełączysz go na Live
- Umieszczenie: blok aplikacji na stronie koszyka lub selektor CSS dla wysuwanego koszyka, z pomocnikiem umieszczania w edytorze motywu
- Checkout podąża za koszykiem: tylko stawka wybranego przewoźnika i jej wariant za pobraniem, z nazwą punktu
- Ceny „od” dla każdego przewoźnika w koszyku, opcjonalnie
- Układ według szerokości: karty jedna pod drugą lub obok siebie, ikony i kółka wyboru włączone lub wyłączone, osobno dla wąskiego i szerokiego widżetu
- Wykluczenia z punktów odbioru: tag produktu, wybrane produkty lub warianty albo kolekcje
- Każde zamówienie musi przejść przez koszyk: wyłącz Buy it now i przyciski płatności ekspresowych na stronach produktów
- Tylko motywy Shopify (nie headless); płatny plan ShipDock (Lite lub wyższy)
Settings > Widget > Cart widget settings, z banerem How it works, który przeprowadzi cię przez pięć kroków konfiguracji