Smart Delivery Page to osobna strona wyboru sposobu dostawy, wyświetlana między stronami Cart i Checkout. Klienci wybierają na niej, jak chcą odebrać zamówienie, i mogą podać dane do faktury, a podsumowanie koszyka jest przez cały czas widoczne obok. Setup Guide domyślnie poleca tę integrację, a jest ona dostępna w każdym planie, także w planie Free.
Dostosowywanie wyglądu strony
Na zakładce Page design możesz dopasować wygląd Smart Delivery Page do wyglądu swojego sklepu.
W panelu administracyjnym Shopify otwórz aplikację PickupBird by Digiloop i przejdź do menu Integration and Design.
Wybierz opcję Smart Delivery Page, klikając Settings.
Na wyświetlonej zakładce Page design możesz dostosować wygląd strony.
W sekcji Page ustaw szerokość strony, położenie podsumowania koszyka i tło strony.
W sekcji Button ustaw kolor tła, kolor tekstu i zaokrąglenie przycisków.
W sekcji Text ustaw główne i dodatkowe kolory tekstu, zarówno na stronie, jak i wewnątrz bloków wyboru.
W sekcji Selection blocks ustaw kolor tła i obramowania bloków oraz osobne kolory dla wybranej opcji.
W sekcji Map wybierz styl znacznika, styl mapy i kształt przycisku oraz ustaw kolory mapy.
W sekcji Branding możesz ukryć na mapie plakietkę „Powered by PickupBird”. Ta opcja jest dostępna w planie Plus.
Wskazówka: podgląd po prawej stronie aktualizuje się automatycznie zgodnie z ustawieniami. Korzysta z przykładowych danych, dlatego kliknij View in your store, aby zobaczyć stronę z własnymi produktami i przewoźnikami. Za pomocą Desktop view i Mobile view możesz sprawdzić oba widoki.
Ustawianie sposobów dostawy
Na zakładce Delivery methods decydujesz, które sposoby dostawy widzą klienci i w jakiej kolejności.
W panelu administracyjnym Shopify otwórz aplikację PickupBird by Digiloop i przejdź do menu Integration and Design.
Wybierz opcję Smart Delivery Page, klikając Settings.
Otwórz zakładkę Delivery methods.
Za pomocą pola wyboru Show włącz lub wyłącz opcje Pickup point / Parcel locker, Local pickup i Home delivery.
Za pomocą przycisków Move up i Move down zmień kolejność. Kolejność obowiązuje zarówno w podglądzie, jak i na stronie widocznej dla klientów.
Dobrze wiedzieć: w przypadku opcji Home delivery i Local pickup strona wyświetla tylko krótką informację. Na tej stronie nie ma wyboru stawki wysyłki ani sklepu, konkretną opcję klienci wybierają w kasie Shopify (Checkout).
Zbieranie danych do faktury
Na zakładce Invoice details możesz poprosić klientów o dane do faktury jeszcze przed przejściem do kasy.
W panelu administracyjnym Shopify otwórz aplikację PickupBird by Digiloop i przejdź do menu Integration and Design.
Wybierz opcję Smart Delivery Page, klikając Settings.
Otwórz zakładkę Invoice details.
Włącz opcję Ask for the billing type, aby klienci przed wyborem sposobu dostawy wskazywali, czy kupują jako osoba prywatna, czy jako firma.
Włącz opcję Tax number required for company purchases, jeśli klienci kupujący jako firma muszą podać numer identyfikacji podatkowej.
W polu Tax number cart attribute wpisz nazwę atrybutu koszyka, w którym zapisywany jest numer podatkowy, na przykład tax_number. Użyj tej nazwy, jeśli Twoja aplikacja do fakturowania lub proces odczytuje numer podatkowy z zamówienia.
W sekcji Countries wybierz kraje, w których ma być wyświetlana sekcja danych do faktury. Jeśli pozostawisz ją pustą, sekcja będzie wyświetlana we wszystkich krajach.
Wskazówka: w podglądzie wybierz „I'm buying as a company”, aby zobaczyć pole numeru podatkowego.
Włączanie app embed
Aby Smart Delivery Page wyświetlała się w Twoim sklepie, rozszerzenie Smart Delivery Page as app embed musi być włączone.
W panelu administracyjnym Shopify otwórz aplikację PickupBird by Digiloop i przejdź do menu Integration and Design.
Wybierz opcję Smart Delivery Page, klikając Settings.
Otwórz zakładkę App extension settings.
Jeśli Smart Delivery Page as app embed ma status Off, kliknij App embed settings, włącz embed w Theme Editorze i kliknij Save.
Wróć do aplikacji i kliknij Refresh, aby aplikacja mogła sprawdzić ustawienie.
W sekcji Hidden countries możesz wybrać kraje, w których Smart Delivery Page nie jest wyświetlana. Klienci z tych krajów przechodzą ze strony Cart bezpośrednio do Checkout.
Wyświetlanie wybranego punktu odbioru po zakupie
Za pomocą ustawień Selected pickup point on Thank you page oraz Selected pickup point on Order Status page umieść blok pokazujący wybrany punkt odbioru na odpowiedniej stronie.
Kliknij Checkout settings przy elemencie Selected pickup point on Thank you page. Otworzy się edytor strony Thank you.
Znajdź element Selected pickup point display w bloku PickupBird by Digiloop i dodaj go do strony Thank You za pomocą ikony +.
Użyj ikony Sections w prawym górnym rogu, aby otworzyć strukturę strony w edytorze.
Przenieś element w miejsce, w którym ma być wyświetlany.
Zapisz ustawienia, klikając Save.
Zamknij stronę, aby wrócić do aplikacji PickupBird by Digiloop.
Kliknij link Refresh, aby aplikacja mogła sprawdzić poprawność ustawień.
Status: On – rozszerzenie zostało już aktywowane
Status: Off – rozszerzenie nie zostało jeszcze aktywowane
Powtórz te kroki dla rozszerzenia przypisanego do strony Order Status.
Sprawdzanie ustawień proxy
Twój sklep wyświetla Smart Delivery Page z adresu app proxy, domyślnie yourstore.myshopify.com/apps/pickupbird. Jeśli adres app proxy w Shopify nie był zmieniany, nie musisz tu niczego zmieniać.
W panelu administracyjnym Shopify otwórz aplikację PickupBird by Digiloop i przejdź do menu Integration and Design.
Wybierz opcję Smart Delivery Page, klikając Settings.
Otwórz zakładkę Proxy settings.
Ustaw te same wartości Subpath prefix i Subpath co w ustawieniach Shopify. Aby je sprawdzić, kliknij Open app settings in Shopify albo w panelu administracyjnym Shopify przejdź do Settings → Apps, otwórz PickupBird i w sekcji App proxy URL kliknij Customize URL.
Ważne: gdy Smart Delivery Page jest aktywna, zawsze wyłączaj w motywie ustawienia „Buy it now”, „Quick Buy”, „Express Checkout” i podobne. Te przyciski pozwalają klientom pominąć Smart Delivery Page i przejść bezpośrednio do kasy.