InPost Pay - PrestaShop (Widget 2.0)
Wstęp
Niniejsza instrukcja przedstawia proces instalacji oraz konfiguracji wtyczki, umożliwiającej wprowadzenie InPost Pay w sklepie PrestaShop z obsługą Widget 2.0.
Wtyczka
Wersja 2.4.0 (21.11.2025):
Changelog
Na tej stronie:
- 1 Wstęp
- 2 Wtyczka
- 2.1 Changelog
- 3 Wymagania
- 4 Aktualizacja
- 5 Instalacja
- 6 Konfiguracja modułu
- 6.1 Ustawienia podstawowe
- 6.1.1 Ustawienia środowiska i klucze API
- 6.1.1.1 Środowisko
- 6.1.1.2 Wyświetlanie widgetu
- 6.1.1.3 Client ID
- 6.1.1.4 Client secret
- 6.1.1.5 POS ID
- 6.1.1.6 Merchant Client ID
- 6.1.2 Konfiguracja metod płatności
- 6.1.3 Konfiguracja statusów zamówień
- 6.1.4 Wyświetlanie widgetu na stronie potwierdzenia zamówienia
- 6.1.5 Wyświetlanie widgetu na karcie produktu
- 6.1.6 Wyświetlanie widgetu w checkoucie
- 6.1.7 Przesyłanie danych analitycznych
- 6.1.8 Statusy zamówień
- 6.1.9 Komentarz zamówienia
- 6.1.10 Konfiguracja zdjęć produktów
- 6.1.10.1 Typ zdjęcia na liście produktów
- 6.1.10.2 Typ zdjęcia w szczegółach produktu
- 6.1.10.3 Typ zdjęcia duży
- 6.1.10.4 Domyślny rodzaj galerii zdjęć
- 6.1.11 Sugerowane produkty
- 6.1.12 Domyślna strona szczegółów promocji
- 6.1.1 Ustawienia środowiska i klucze API
- 6.2 Zgody
- 6.2.1 Opis wyświetlany w aplikacji
- 6.2.2 Obligacja zgody
- 6.2.3 Identyfikator
- 6.2.4 Adres zgody
- 6.2.5 Tekst na przycisku
- 6.3 Cena transportu
- 6.3.1 Kurier
- 6.3.1.1 Mapowanie metody dostawy - Kurier
- 6.3.1.2 Kurier pobranie
- 6.3.2 Paczkomat
- 6.3.1 Kurier
- 6.4 Ustawienia GUI
- 6.4.1 Strona koszyka
- 6.4.2 Strona produktu
- 6.4.3 Strona logowania
- 6.4.4 Strona rejestracji
- 6.4.5 Strona zamówienia
- 6.4.6 Podgląd koszyka
- 6.4.7 Konfiguracja widgetu
- 6.4.7.1 Wyświetlanie widgetu
- 6.4.7.2 Wyrównanie widgetu
- 6.4.7.3 Tło widgetu
- 6.4.7.4 Wariant widgetu
- 6.4.7.5 Styl ramki widgetu
- 6.4.7.6 Rozmiar
- 6.4.7.7 Szerokość widgetu
- 6.4.7.8 Marginesy widgetu
- 6.4.8 Ograniczenia produktów
- 6.4.8.1 Sposób działania ograniczeń
- 6.4.8.2 Typ produktu
- 6.4.8.3 Marka produktu
- 6.4.8.4 Grupa atrybutów
- 6.4.8.5 Cecha
- 6.4.8.6 Kategorie
- 6.5 Promowane produkty
- 6.6 Zakładka Support
- 6.6.1 Status wtyczki
- 6.6.2 Pobieranie danych wtyczki oraz logów
- 6.6.3 Tryb debugowania
- 6.6.4 Rozszerzenia
- 6.6.4.1 Kategorie rozszerzeń
- 6.7 Obsługa pakowania prezentowego
- 6.8 Kupony rabatowe
- 6.8.1 Konfiguracja w PrestaShop
- 6.8.2 Działanie w aplikacji
- 6.1 Ustawienia podstawowe
Wymagania
Do poprawnego działania wymagana jest instalacja PrestaShop w wersji nie niższej niż 1.7.1 oraz PHP w wersji nie niższej niż 7.1.
Uwaga: Instalacja na wersji PrestaShop 9.x nie jest rekomendowana.
Konfiguracja konta Merchanta - środowisko sandbox
Aby uzyskać dostęp do środowiska Sandbox uzupełnij i wyślij formularz kontaktowy wybierając opcję “Sklep internetowy” oraz zakładkę “Sandbox”.
Aplikacja testowa InPost Mobile
Aplikację InPost Mobile Sandbox zainstaluj korzystając z instrukcji dostępnej pod linkiem
Aplikacja testowa InPost Mobile.
Chcesz testować na środowisku lokalnym?
W celu zapewnienia zdalnego dostępu do środowiska lokalnego, konieczne jest zastosowanie dodatkowego rozwiązania w postaci tunelowania ruchu z publicznej domeny na lokalny adres. Bez takiego obejścia nie ma możliwości bezpośredniego połączenia się z lokalnym środowiskiem.
Rekomendowane rozwiązanie
Aktualnie zalecanym narzędziem jest ngrok, który umożliwia szybkie skonfigurowanie tunelu między publicznym adresem URL a lokalnym środowiskiem. Wystarczy darmowe konto, które zapewnia jedną stałą domenę publiczną. Ta domena może przekierowywać ruch do lokalnej aplikacji lub zamkniętego środowiska testowego.
Wymagania
Po utworzeniu darmowej domeny publicznej należy przekazać jej adres w formularzu Kontakt -> Sandbox, aby otrzymać credentiale i cały ruch testowy mógł być kierowany na ten adres.
Wymagania techniczne po stronie Merchanta
Ruch wychodzący od InPost do Merchanta dla IP Proxy InPost 34.118.93.24, 34.116.145.216.
Konfiguracja konta Merchanta - środowisko produkcyjne
Aby uzyskać dostęp do środowiska Produkcyjnego, zapoznaj się z instrukcją dostępną pod linkiem
Konfiguracja konta Merchanta - środowisko produkcyjne
Aby wdrożenie przebiegło sprawnie, przygotowaliśmy listę kluczowych kroków, które pomogą Wam szybko rozpocząć integracji swojego sklepu z InPost Pay Checklista implementacji InPost Pay.
Zapoznaj się z przewodnikiem poprawnej implementacji
W przewodniku znajdziesz obowiązkowe standardy oraz dodatkowe miejsca, gdzie InPost Pay może być widoczny. Wybierz te, które najlepiej pasują do Twojego sklepu. Szczegóły znajdziesz w sekcji Standardy implementacji InPost Pay.
Przycisk na stronie produktu (obowiązkowe)
Przycisk na stronie koszyka (obowiązkowe)
Strona podziękowania (obowiązkowe)
Przekazywanie numeru paczki (obowiązkowe)
W rozdziale Zwroty i podgląd transakcji w InPost Pay znajdziesz informacje jak obsługiwać zwroty i jak śledzić transakcje realizowane za pośrednictwem InPost Pay. Znajdziesz tutaj także informacje o integracji z API, które pozwala na pełną automatyzację tych procesów w Twoim systemie.
Aktualizacja
Uwaga: Nie należy aktualizować modułu poprzez jego odinstalowanie i ponowną instalację, ponieważ w takim przypadku nie zostanie uruchomiony mechanizm upgrade, co może skutkować błędami działania modułu lub utratą danych konfiguracyjnych. Aktualizacja powinna być zawsze wykonywana przez funkcję „Aktualizuj” w panelu lub poprzez nadpisanie plików modułu.
Instalacja
W celu instalacji wtyczki postępuj zgodnie z poniższymi krokami:
Pobierz spakowaną wtyczkę PrestaShop ze strony InPost i nie rozpakowuj jej
Zaloguj się do sekcji administracyjnej swojego sklepu
Z menu po lewej stronie wybierz “Moduły” a następnie “Menedżer modułów”.
Na górze strony kliknij “Załaduj moduł”.
Do otwartego okna przeciągnij uprzednio pobrany moduł.
Konfiguracja modułu
W celu wstępnej konfiguracji przejdź do listy modułów i kliknij “Konfiguruj” obok modułu InPost Pay. Po jego kliknięciu pokaże się formularz umożliwiający konfigurację wtyczki.
Ustawienia podstawowe
[!] Brak wsparcia dla Widgetu 1.0 [!] – Od tej wersji wsparcie dla Widgetu 1.0 zostało zakończone.
Zakładka “Ustawienia” w konfiguracji modułu zawiera podstawowe ustawienia konfiguracyjne modułu.
Ustawienia środowiska i klucze API
Konfiguracja środowiska zawiera wymagane pola, które trzeba uzupełnić jako pierwsze przy konfiguracji wtyczki.
Środowisko
Konfiguracja środowiska zawiera trzy typy środowiska:
UAT - testowe środowisko przeznaczone dla developerów
Sandbox - testowe środowisko przeznaczone dla merchantów w celu testów wtyczki przed uruchomieniem produkcyjnym
Produkcja - środowisko produkcyjne, używaj tylko i wyłącznie jeśli przetestowałeś już wtyczkę na środowisku sandbox
Wyświetlanie widgetu
W konfiguracji modułu możesz ustawić widoczność widgetu.
Dostępne są dwie opcje:
wszystkim - widget widoczny jest dla każdego kto dokonuje zakupy na sklepie, uruchamiaj tylko gdy wtyczka jest już skonfigurowana produkcyjnie i przetestowana
testerom - widget widoczny jest tylko po dodaniu parametru
showIzi=truedo url strony. Przykładhttps://mojsklep.pl?showIzi=true
Client ID
Wymagane pole konfiguracyjne.
Client ID różni w zależności od wybranego środowiska. Aby uzyskać sandboxowe Client ID skontaktuj się z nami przez formularz kontaktowy. Aby uzyskać produkcyjne Client ID zaloguj się do panelu merchanta InPost i uzupełnij dane sklepu.
Client secret
Client Secret różni się w zależności od wybranego środowiska. Aby uzyskać sandboxowe Client Secret skontaktuj się z nami przez formularz kontaktowy. Aby uzyskać produkcyjne Client Secret zaloguj się do panelu merchanta InPost i uzupełnij dane sklepu.
POS ID
Wymagane pole konfiguracyjne.
W przypadku środowiska sandbox otrzymasz tą wartość razem z Client Id i Client Secret po uzupełnieniu formularza. W przypadku środowiska produkcyjnego zaloguj się do panelu merchanta InPost i pobierz POS ID.
Merchant Client ID
Merchant Client ID jest wartością nadawaną przez InPost. W przypadku środowiska sandbox otrzymasz tą wartość razem z Client ID i Client Secret po uzupełnieniu formularza. W przypadku środowiska produkcyjnego zaloguj się do panelu merchanta InPost i pobierz Merchant Client ID.
Dla środowiska produkcyjnego dane dostępowe Client ID, Client Secret, POS ID oraz Merchant Client ID są dostępne w panelu merchanta InPost i można je wygenerować zgodnie z instrukcją dostępną w artykule Konfiguracja konta merchanta środowisko produkcyjne.
Dla środowiska sandbox dane dostępowe Client ID, Client Secret, POS ID oraz Merchant Client ID otrzymasz po uzupełnieniu formularza zgodnie z instrukcją dostępną w artykule Konfiguracja konta merchanta środowisko sandbox.
Konfiguracja metod płatności
Konfiguracja dotycząca metod płatności jakimi będzie można dokonać płatność aplikacji InPost.
Włącz wszystkie dostępne metody płatności
Przełącznik umożliwiający aktywację wszystkich dostępnych metod płatności bez konieczności ich ręcznego wyboru z listy. Po ustawieniu na „Tak”, aplikacja InPost Pay wyświetli wszystkie metody dostępne po stronie konfiguracji konta Merchant InPost (zgodnie z umową).
Włączone metody płatności
Rozwijana lista umożliwiająca ręczny wybór konkretnych metod płatności, które mają być widoczne w aplikacji InPost Pay.
Lista jest aktywna tylko wtedy, gdy przełącznik „Włącz wszystkie dostępne metody płatności” jest ustawiony na „Nie”.
Wybrane tutaj metody zostaną udostępnione użytkownikowi końcowemu w aplikacji mobilnej podczas finalizacji zamówienia.
Konfiguracja statusów zamówień
Gdy zamówienie zostanie utworzone z użyciem InPostPay możesz przypisać dla nich odpowiednie statusu zamówienia w swoim sklepie PrestaShop.
Początkowy status zamówienia utworzonego przez InPost Pay
Początkowy status dla zamówienia utworzonego poprzez aplikację InPost. Status możesz dowolnie zmieniać tworząc swój status zamówienia w panelu PrestaShop.
Status zamówienia utworzonego przez InPost Pay (płatność za pobraniem)
Początkowy status dla zamówienia utworzonego poprzez aplikację InPost dla płatności za pobraniem. Status możesz dowolnie zmieniać tworząc swój status zamówienia w panelu PrestaShop.
Status dla zamówienia opłaconego przez InPost Pay
Status dla zamówienia, które zostało opłacone poprawnie przez klienta w aplikacji InPost. Status możesz dowolnie zmieniać tworząc swój status zamówienia w panelu PrestaShop.
Wyświetlanie widgetu na stronie potwierdzenia zamówienia
Widget na stronie potwierdzenia zamówienia możesz wyświetlać przez konfiguracje w trzech hookach. Wybierz ten, który najbardziej odpowiada twojemu szablonowi w sklepie. Widget musi być widoczny na górze strony od razu przy przekierowaniu na stronę potwierdzenia zamówienia.
Dostępne są trzy hooki:
displayPaymentReturn - domyślny hook w PrestaShop widoczny na stronie potwierdzenia zamówienia
displayOrderConfirmation - domyślny hook w PrestaShop widoczny na stronie potwierdzenia zamówienia
displayIziThankYou - hook modułu InPostPay, który umożliwia Ci użycie widgetu na stronie thank you page w dowolnym miejscu, jeśli hooki domyślne nie spełniają poprawnie swojej roli. Wymagana jest ręczna implementacja takiego hooka w pliku
templates/checkout/order-confirmation.tpldodajemy{hook h="displayIziThankYou" order=$order}.
Wyświetlanie widgetu na karcie produktu
Widget na karcie produktu możesz wyświetlać przez konfiguracje w dwóch hookach. Wybierz ten, który najbardziej odpowiada twojemu szablonowi w sklepie.
Dostępne są dwa hooki:
displayProductActions - domyślny hook w PrestaShop widoczny na stronie produktu
displayProductAdditionaInfo - domyślny hook w PrestaShop widoczny na stronie produktu
Wyświetlanie widgetu w checkoucie
Widget w checkoucie możesz wyświetlać przez konfiguracje w dwóch hookach.
Dostępne są dwa hooki:
displayCheckoutSummaryTop
displayIziCheckoutButton - wymagana jest ręczna implementacja w pliku szablonu
{hook h="displayIziCheckoutButton"}.
Przesyłanie danych analitycznych
Przełącznik umożliwia włączenie funkcji zbierania i przesyłania danych analitycznych do InPost Pay.
Po aktywacji, moduł zapisuje w ciasteczkach wartości parametrów gclid, fbclid oraz identyfikator użytkownika z ciasteczka _ga. Dane te są automatycznie przypisywane do koszyka i przesyłane w strukturze OrderDetails w momencie składania zamówienia.
Umożliwia to integrację z kampaniami Google Ads, Facebook Ads oraz Google Analytics (https://dokumentacja-inpost.atlassian.net/wiki/spaces/PL/pages/1107722241).
Statusy zamówień
Nazwy statusów zamówień możesz zmieniać dla zamówień złożonych poprzez aplikację InPost.
Jeśli nie zostanie zmieniony jakiś status zamówienie to będzie wyświetlany nazwa w zależności od konfiguracji danego statusu w PrestaShop.
Komentarz zamówienia
Moduł pozwala na opcjonalne umieszczenie dodatkowych informacji w komentarzu do zamówienia w przypadku, gdy klient wybierze dostawę do Paczkomatu:
W szablonie wiadomości dostępne do użycia są następujące parametry:
payment_type - kod wybranej przez klienta metody płatności
delivery_point - numer wybranego Paczkomatu
delivery_codes - lista kodów wybranych przez klienta usług dodatkowych
is_pww - czy klient wybrał usługę Paczka w Weekend (prawda/fałsz)
is_cod - czy klient wybrał usługę płatności pobraniowej (prawda/fałsz)
Fragmenty odpowiadające nazwie parametru umieszczonej w nawiasach klamrowych (“{ }”) zastępowane są wartością parametru - np. jeżeli klient wybrał dostawę do Paczkomatu “ABC123”, szablon:
Wybrany Paczkomat: {delivery_point}.
poskutkuje wiadomością treści:
Wybrany Paczkomat: ABC123.
Wartości logiczne wypisywane są jako “true” lub “false”, listy - ograniczone nawiasami kwadratowymi (“[ ]”).
Podwójne nawiasy klamrowe (“{{ }}“) pozwalają na wypisanie wyliczonej wartości wyrażenia - np. szablon:
Paczka w Weekend: {{ is_pww ? "tak" : "nie" }}.
poskutkuje wiadomością treści:
Paczka w Weekend: tak.
lub
Paczka w Weekend: nie.
w zależności od tego, czy klient wybrał odpowiednią opcjonalną usługę.
Szczegółowe informacje na temat składni wyrażeń można znaleźć w dokumentacji komponentu Expression Language w wersji odpowiedniej dla używanej wersji PrestaShop (2.x dla PS 1.7.0 - 1.7.3, 3.x dla pozostałych wersji 1.7, 4.x dla PS 8.x). Funkcja constant nie jest dostępna.
Konfiguracja zdjęć produktów
Sekcja umożliwia określenie, w jakim rozmiarze oraz w jakim zakresie zdjęcia produktów będą przesyłane do aplikacji InPost Pay.
Typ zdjęcia na liście produktów
Określa rozmiar zdjęcia używanego w widokach listowych — np. w koszyku, podsumowaniu zamówienia lub sekcjach z rekomendacjami.
Zalecany jest mniejszy rozmiar, aby przyspieszyć wczytywanie widżetu.
Typ zdjęcia w szczegółach produktu
Definiuje rozmiar zdjęcia wykorzystywanego w podglądzie szczegółowym produktu w aplikacji InPost Pay.
Pozwala zachować spójność z prezentacją produktu w sklepie.
Typ zdjęcia duży
Wskazuje rozmiar zdjęcia wykorzystywanego w widoku powiększenia (np. po kliknięciu w zdjęcie w aplikacji).
Pole przydatne przy produktach posiadających zdjęcia w wysokiej jakości.
Domyślny rodzaj galerii zdjęć
Umożliwia wybór, czy do aplikacji InPost Pay mają być przesyłane tylko główne zdjęcie produktu, czy pełna galeria zdjęć.
Dostępne opcje:
Tylko zdjęcie okładkowe – do aplikacji trafia wyłącznie główne zdjęcie produktu.
Galeria zdjęć – do aplikacji przesyłane są wszystkie zdjęcia przypisane do produktu.
To ustawienie jest globalne i obowiązuje dla wszystkich produktów, o ile nie zostanie nadpisane indywidualnie w formularzu edycji produktu (zakładka Opcje → Opcje InPost Pay).
Sugerowane produkty
W konfiguracji modułu możesz ustawić maksymalną ilość produktów sugerowanych jakie mają być wyświetlane w aplikacji w podglądzie koszyka.
Gdy wartość jest pusta ilość produktów będzie wyświetlana bez limitu. Produkty sugerowane są pobierane z produktów powiązanych, które aktualnie są dodane w do koszyka. Produkty powiązane możemy znaleźć na stronie konfiguracji danego produktu w zakładce “Ustawienia podstawowe”. Produkty powiązane są domyślną funkcją PrestaShop.
Domyślna strona szczegółów promocji
Strona, której adres zostanie użyty, jeśli w konfiguracji rabatu nie wskazano innej. W przypadku braku zarówno domyślnej strony, jak i strony przypisanej do rabatu, informacje o promocji nie zostaną przekazane do aplikacji mobilnej.
Uwaga:
W przypadku konfiguracji grupy sklepów z włączonym współdzieleniem koszyków i zamówień (tzw. multistore z funkcją współdzielenia), zaleca się, aby kody rabatowe były dostępne we wszystkich sklepach należących do danej grupy.
Ograniczenie kodu rabatowego wyłącznie do jednego sklepu w takiej konfiguracji może skutkować jego automatycznym usunięciem z koszyka – na przykład podczas aktualizacji zawartości koszyka lub po odwiedzeniu przez klienta innego sklepu z tej samej grupy, w którym dany kod nie jest dostępny.
Może to prowadzić do niespodziewanej utraty rabatu przez klienta tuż przed finalizacją zamówienia.
Zgody
W zakładce “Zgody” możemy dodać zgody, jakie będą wyświetlane w aplikacji InPost na etapie składania zamówienia. Przy dodawaniu zgody jest możliwość aby wskazać dodatkowe linki do wyświetlenia przy niej w aplikacji mobilnej. Nowe zgody możemy dodawać poprzez wybranie przycisku “Dodaj kolejną zgodę”.
Opis wyświetlany w aplikacji
W polu “Opis wyświetlany w aplikacji” - wpisujemy treść danej zgody jaka ma być wyświetlana w aplikacji InPost. Pole jest wielojęzyczne.
Obligacja zgody
Zgoda może być obligatoryjna do złożenia zamówienia lub opcjonalna.
Pole przyjmuje wartości:
Opcjonalny - zgoda nie jest wymagana na etapie składania zamówienia
Zawsze wymagany - zgoda jest wymagana za każdym razem na etapie składania zamówienia
Wymagany raz - zgoda jest wymagana tylko raz na etapie składania zamówienia.
Identyfikator
Unikalny identyfikator linku. W opisie zgody fragmenty powstałe przez dodanie do ID przedrostka “#” zostaną zastąpione odpowiadającymi linkami.
Adres zgody
W polu “Adres zgody” wybieramy stronę CMS, do której ma linkować dana zgoda w celu przeczytania informacji na temat danej zgody.
Tekst na przycisku
Tekst, który zostanie wyświetlony na przycisku linku zgody. W przypadku pozostawienia pola pustego zostanie wyświetlony tekst “link”.
Cena transportu
Zakładka “Cena transportu” zawiera pola konfiguracje dotyczące mapowania metod dostawy, kosztów oraz dostępności dostawy. Konfiguracje ustawiamy osobno dla usługi “Kurier” oraz “Paczkomat”.
W celu zapewnienia transparentności i spójności doświadczenia klienta, koszty dostawy muszą być identyczne w interfejsie sklepu internetowego oraz w aplikacji. Należy skonfigurować oba systemy w taki sposób, aby prezentowały użytkownikom te same wartości opłat za dostawę dla odpowiednich metod.
Kurier
Konfiguracja usługi kuriera.
Mapowanie metody dostawy - Kurier
Pole Mapowanie przewoźnika jest odpowiedzialne za zmapowanie metody dostawy z PrestaShop dla usługi Kuriera. W przypadku gdy dla usługi Kuriera i opcji płatności za pobraniem występuje osobna metoda dostawy wykonujemy mapowanie tej usługi w polu Mapowanie przewoźnika (Płatność za pobraniem).
Kurier pobranie
Pole Płatność za pobraniem (Dodatkowy koszt) zawiera wartość netto kwoty do doliczenia w przypadku gdy usługa zostanie wybrana.
Paczkomat
Konfiguracja usługi Paczkomat.
Mapowanie metody dostawy - Paczkomat
Pole Mapowanie przewoźnika jest odpowiedzialne za zmapowanie metod dostawy z PrestaShop dla usługi Paczkomat. W sytuacji gdy dla opcji dodatkowych dostawy do Paczkomatu Płatność za pobraniem i Paczka w weekend występują osobne metody dostawy w PrestaShop wykonujemy mapowanie w odpowiednich polach Mapowanie przewoźnika (Płatność za pobraniem), Mapowanie przewoźnika (Paczka w Weekend), Mapowanie przewoźnika (Płatność za pobraniem + Paczka w Weekend).
Paczkomat pobranie
Pole Płatność za pobraniem (Dodatkowy koszt) zawiera wartość netto kwoty do doliczenia w przypadku gdy usługa zostanie wybrana.
Koszt dla usługi Paczkomat paczka w weekend
Pole Paczka w Weekend (Dodatkowy koszt) jest odpowiedzialne za koszt netto usługi Paczkomat w weekend. Stawka VAT pobierana jest z konfiguracji przewoźnika zmapowanego w polu “Paczkomat”.
Dostępność usługi Paczkomat paczka w weekend
Za dostępność usługi “Paczkomat paczka w weekend” odpowiadają pola dostępności. “Dostępny od” - “Dostępny do” określa okres czasu od jakiego ma być dostępna usługa paczki w weekend w aplikacji InPost.
Ustawienia GUI
Zakładka “Ustawienia GUI” jest odpowiedzialna za konfiguracja wyświetlania widgetu przycisku na stronie produktu oraz koszyka. Przyciski poglądowe są odświeżane dynamicznie aby zaprezentować aktualny wygląd przycisku z danymi ustawieniami. Trzeba pamiętać o kliknięciu w przycisk “Zapisz” aby zapisać aktualne zmiany dokonane w konfiguracji.
Pamiętaj!
Ustawienia wyświetlania oraz układ przycisków należy skonfigurować zgodnie ze Standardami Implementacji InPost Pay.
Strona koszyka
Widget przycisku wyświetlany jest na stronie koszyka i umożliwia połączenie koszyka z aplikacją InPost oraz jego realizację z poziomu aplikacji.
Strona produktu
Widget przycisku wyświetlany jest na karcie produktu i umożliwia on połączenie koszyka z aplikacją InPost. Wybranie przycisku jednoczenie dodaje produkt do koszyka. Pozwala także na ograniczenie wyświetlania widgetu parowania koszyka na stronach produktów w zależności od typu, domyślnej kategorii, producenta lub atrybutów produktu.
Strona logowania
Widget przycisku wyświetlany jest na stronie logowania pod formularzem logowania.
Strona rejestracji
Widget wyświetlany jest na stronie rejestracji nad formularzem rejestracji.
Strona zamówienia
Widget przycisku wyświetlany jest na stronie realizacji zamówienia powyżej podsumowania zamówienia.
Podgląd koszyka
Widget przycisku wyświetlany jest na podglądzie koszyka. Wymaga użycia niestandardowego hooku – należy zaimplementować w szablonie
{hook h="displayIziCartPreviewButton"}.
Konfiguracja widgetu
Pola dla konfiguracji widgetu na stronie koszyka oraz produktu są takie same. Jednak wygląd każdego przycisku może się różnić i moduł daje możliwość konfiguracji tych pól osobno dla każdego umiejscowienia.
Wyświetlanie widgetu
Moduł umożliwia wyłączenie wyświetlania takiego przycisku dla strony produktu oraz koszyka. Zalecane jest w celu zwiększenia konwersji by widget był widoczny na stronie koszyka, zarówno jak na karcie produktu.
Wyrównanie widgetu
Określa orientację widżetu w dostępnej dla niego przestrzeni. Jeśli szablon przydziela wąską przestrzeń dla widżetu, ustawienie to nie wpłynie na jego wygląd.
Dostępne opcje wyrównania:
Do lewej - powoduje przesunięcie widgetu do lewej strony
Wyśrodkowane - powoduje wyśrodkowanie widgetu
Do prawej - powoduje przesunięcie widgetu do prawej strony
Tło widgetu
Określa czy widget znajduje się na jasnym czy ciemnym tle w Twoim sklepie. Ustawienie ma wpływ na kolor czcionki, zadbaj o to, aby była widoczna.
Tło widget zawiera dwie opcje:
Jasne - wybierz tą opcję jeśli przycisk jest wyświetlany na jasnym tle
Ciemne - wybierz tą opcję jeśli przycisk jest wyświetlany na ciemnym tle
Wariant widgetu
Widget dostępny jest w 2 wariantach kolorystycznych. Wybierz ten, bardziej odpowiadający kolorystyce Twojego sklepu.
Wariant widgetu zawiera dwie opcje do wyboru:
Żółty - wybierz tą opcję jeśli chcesz by przycisk miał kolor żółty
Czarny - wybierz tą opcję jeśli chcesz by przycisk miał kolor czarny
Styl ramki widgetu
Pole konfiguracyjne określa w jakim stylu powinien być wyświetlony przycisk na stronie sklepu.
Konfiguracja stylu ramki zawiera trzy warianty:
Kwadratowe - wybierz tą opcję jeśli chcesz by przycisk nie miał zaokrąglonych rogów