Widget InPost Pay
Standardy implementacji widgetu InPost Pay
Przed przystąpieniem do implementacji usługi w swoim sklepie internetowym koniecznie zapoznaj się z artykułem Standardy implementacji InPost Pay, w którym dowiesz się, jak prawidłowo i w zgodzie z obowiązującymi standardami umieścić przycisk na stronie sklepu oraz poznasz dobre praktyki i zapoznasz się z materiałami marketingowymi.
Umieszczenie widgetu InPost Pay na stronie sklepu
Widget InPost Pay udostępnia przycisk „Kup z InPost”, który pozwala Twoim klientom zsynchronizować koszyk ze swoją aplikacją InPost i łatwo dokończyć zakupy.
Miejsca obligatoryjne
Umieść widget obligatoryjnie w trzech kluczowych miejscach:
Karta produktu – tuż pod przyciskiem „Dodaj do koszyka”.
Podsumowanie koszyka – nad formularzami wyboru dostawy i płatności.
Strona podziękowania – po złożeniu zamówienia, aby poinformować klienta, że produkty czekają w aplikacji.
Miejsca opcjonalne
Możesz też opcjonalnie umieścić przycisk w kilku innych miejscach – wybierz te, które najlepiej pasują do ścieżki zakupowej w Twoim sklepie, zwłaszcza tam, gdzie najczęściej obserwujesz porzucanie koszyków.
Tworzenie zamówienia – etap finalizacji i złożenia zamówienia przez klienta.
Popup koszyka – okienko, które pojawia się po dodaniu produktu do koszyka, potwierdzające akcję i pokazujące zawartość koszyka.
Strona checkout – miejsce, gdzie klient podaje dane dostawy, płatności i kontaktowe, aby sfinalizować zakup.
Mini koszyk – kompaktowa wersja koszyka, zwykle dostępna w nagłówku, z szybkim podglądem wybranych produktów.
Strona rejestracji – miejsce, w którym nowy klient zakłada konto, podając swoje dane.
Strona logowania – miejsce, w którym powracający klient wpisuje dane dostępowe, aby zalogować się na konto.
Wygląd widgetu
Możesz dostosować:
Kolor – wybierz z dostępnych opcji, aby pasował do designu sklepu.
Zaokrąglenie rogów – ostre lub zaokrąglone.
Wielkość – dopasuj do innych przycisków w sklepie.
Widoczność widgetu InPost Pay podczas implementacji i testów
Podczas testów na środowisku produkcyjnym widget musi być ukryty przed klientami.
Widoczność widgetu powinna być kontrolowana na poziomie kodu lub konfiguracji sklepu. Można to osiągnąć poprzez implementację mechanizmu autoryzacji dostępu do widgetu, który pozwala wyświetlać go jedynie pod dedykowanym url-em wywołując go z odpowiednim parametrem na przykład https://shop.url?showInPostPay=true
Ograniczony dostęp: Podczas testów widget InPost Pay jest wyświetlany wyłącznie dla określonych użytkowników (np. poprzez filtrowanie na podstawie adresu IP lub kont testowych).
Pełna aktywacja widgetu następuje dopiero po zakończeniu testów, przejściu audytu z wynikiem pozytywnym i pełnym wdrożeniu usługi, gdy zostanie ona uznana za gotową do użycia przez wszystkich klientów sklepu.
Działanie widgetu InPost Pay
Widget InPostPay umożliwia synchronizację koszyka sklepu internetowego z aplikacją mobilną InPost Mobile, aby uprościć proces zakupowy.
Przebieg procesu zakupowego w InPost Pay - link.
Jak działa widget InPostPay – z perspektywy klienta
Wyobraźmy sobie, że klient robi zakupy w Twoim sklepie internetowym:
Rozpoczęcie zakupów – utworzenie koszyka
Na stronie sklepu, tuż pod standardowym przyciskiem „Dodaj do koszyka”, pojawia się dodatkowy przycisk „Utwórz koszyk z InPost”.
Kiedy klient rozpoczyna zakupy, może kliknąć ten przycisk, aby połączyć koszyk ze swoją aplikacją InPost Mobile.
Na ekranie pojawia się okno (modal) z trzema sposobami sparowania koszyka:
Podanie numeru telefonu (na komputerze) – klient wpisuje numer telefonu, a na jego urządzeniu mobilnym pojawia się powiadomienie z koszykiem.
Zeskanowanie kodu QR (na komputerze) – klient otwiera aplikację InPost Mobile, skanuje kod QR i koszyk pojawia się w aplikacji.
Automatyczne otwarcie aplikacji (na urządzeniu mobilnym) – gdy zakupy są robione na urządzeniu mobilnym, kliknięcie przycisku powoduje automatyczne otwarcie aplikacji InPost Mobile z gotowym koszykiem.
Zakupy w aplikacji
Po sparowaniu koszyka widget zmienia komunikat na „Produkty w koszyku” oraz wyświetla liczbę produktów, które znajdują się w koszyku.
Klient przechodzi do aplikacji, gdzie:
Dane kontaktowe i adresowe są już zapisane, więc nie ma potrzeby wypełniania formularzy.
Wybór formy dostawy i płatności odbywa się jednym kliknięciem lub podpowiada się automatycznie bez konieczności wybierania, na podstawie poprzednich zakupów.
Klient finalizuje zakupy.
Gdy przeglądarka jest już dodana do zaufanych:
W przypadku gdy przeglądarka komputera jest powiązana z InPost Mobile, widget prezentuje informacje o numerze (w postaci maski) powiązanego telefonu.
Widget pozwala na usunięcie (rozparowanie) powiązanego koszyka z danym numerem telefonu.
Zarządzanie listą powiązanych przeglądarek, będzie dostępne z poziomu aplikacji InPost Mobile
Finalizacja i potwierdzenie
Po złożeniu zamówienia w aplikacji, widget na stronie sklepu zmienia się w ekran podziękowania z informacją o złożeniu zamówienia z sukcesem.
Korzyści dla klientów
Szybszy proces zakupowy – brak konieczności wpisywania danych i adresów.
Bez tworzenia konta w sklepie – dane są pobierane z aplikacji InPost Mobile.
Prostsze i wygodniejsze zakupy – cały proces odbywa się w znanej klientowi aplikacji.
W przypadku pytań dotyczących umiejscowienia widżetu lub niestandardowej ścieżki zakupowej prosimy o kontakt z przedstawicielem handlowym lub z integracjapay@inpost.pl.
Przykłady osadzenia Widgetu
Przykłady osadzenia oraz wszelkie dobre praktyki osadzenia widgetu w swoim sklepie internetowym znajdziesz tu Standardy implementacji InPost Pay.