Przejdź do głównej zawartości

Włączanie mapy na stronie Checkout (Shopify Plus)

Integracja Map display on Checkout umożliwia wybór punktu odbioru na mapie bezpośrednio na stronie Checkout, płynnie wpisując się w proces zakupu. Ta integracja wymaga planu Shopify Plus; jeśli masz niższy plan, ale nadal chcesz oferować wybór punktu odbioru podczas składania zamówienia, zapoznaj się z artykułem Konfiguracja listy punktów odbioru w Checkout.

Włączanie mapy w Checkout

  1. W panelu administracyjnym Shopify otwórz aplikację PickupBird by Digiloop i przejdź do menu Integration and Design.

  2. Wybierz opcję Map display on Checkout, klikając Settings.

  3. Na wyświetlonej zakładce Checkout design musisz wprowadzić aktywny klucz Google Maps API, aby mapa mogła się wyświetlać.

  4. Zapisz, klikając Activate.

  5. W sekcji App extensions, jeśli plan Shopify Plus jest aktywny, a klucz API został zapisany, aktywuj integrację.

W razie problemów skontaktuj się z pomocą techniczną PickupBird przez e-mail lub czat w aplikacji.

Konfiguracja rozszerzeń aplikacji

Integracja jest już aktywna w aplikacji PickupBird by Digiloop, ale aby wyświetlała się prawidłowo w Twoim sklepie, musisz jeszcze skonfigurować rozszerzenia Shopify. Na zakładce General Settings, w sekcji App extensions, skonfiguruj elementy, z których chcesz korzystać, klikając Checkout settings.

Za pomocą ustawień Pickup point selector Map display on Checkout page umieść interaktywną mapę na odpowiedniej stronie.

Za pomocą ustawień Selected pickup point on Thank you page i Selected pickup point on Order Status page umieść blok z wybranym punktem odbioru na odpowiedniej stronie.

Przykładowa konfiguracja z użyciem Pickup point selector Map display on Checkout page

  1. Kliknij Checkout settings przy tym elemencie — otworzy się edytor strony Checkout.

  2. Znajdź element Package Point Checkout Map w bloku PickupBird by Digiloop i dodaj element mapy do strony Checkout za pomocą ikony +.

  3. Za pomocą ikony Sections w prawym górnym rogu otwórz strukturę strony w edytorze.

  4. Po prostu przenieś element Package Point Checkout Map w miejsce, w którym ma być wyświetlany.

  5. Zapisz ustawienia, klikając Save.

  6. Zamknij stronę, aby wrócić do aplikacji PickupBird by Digiloop.

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

  8. Powtórz te kroki dla każdego elementu rozszerzenia.

Czy to odpowiedziało na twoje pytanie?