Shopify

Wink Shopify App pozwala organizatorom wycieczek, sprzedawcom doświadczeń i sprzedawcom z branży hotelarskiej wyświetlać na żywo inwentarz Wink bezpośrednio na witrynie Shopify — obok produktów, na stronach docelowych lub w dowolnym miejscu w motywie.

wink-travel/wink-shopify-plugin na GitHub Kod źródłowy, przewodnik dla deweloperów i instrukcje dotyczące współpracy.

Instalacja

Przejdź do Shopify App Store i wyszukaj Wink Travel.
Kliknij Add app i postępuj zgodnie z procesem OAuth, aby autoryzować.
W ustawieniach aplikacji Wink wpisz swój Client ID i Client Secret. Przejdź do Applications, aby pobrać swoje dane uwierzytelniające.
Kliknij Verify & Save. Pojawi się komunikat potwierdzający połączenie.

Włącz blok osadzania aplikacji

Blok osadzania aplikacji automatycznie wstrzykuje skrypt i arkusz stylów Wink na każdą stronę — nie musisz edytować kodu motywu.

W panelu Shopify Admin przejdź do Online Store → Themes → Customize.
Kliknij App embeds w lewym panelu.
Przełącz Wink Travel na włączony.
Kliknij Save.

Dodaj komponent do strony

W edytorze motywu otwórz stronę lub sekcję, gdzie chcesz umieścić zawartość Wink.
Kliknij Add block i wybierz spośród bloków Wink:
- Wink Content — karty hoteli, siatki lub mapy
- Wink Lookup — pasek wyszukiwania destynacji
- Wink Search — przycisk wyboru planu podróży
- Wink Account — przycisk logowania
- Wink Itinerary — przycisk statusu planu podróży
- Wink Cart — przycisk koszyka zakupów
Dla Wink Content wybierz Layout Type i wpisz Layout ID z Wink Studio.
Kliknij Save.

Dostępne bloki motywu

Blok	Przeznaczenie
Wink Content	Wyświetla karty hoteli, siatki rankingowe, mapy i inne
Wink Lookup	Pasek wyszukiwania destynacji i hoteli
Wink Search	Ikona przycisku otwierającego wybór planu podróży
Wink Account	Przycisk logowania / konta użytkownika
Wink Itinerary	Przycisk planu podróży pokazujący aktualną wycieczkę
Wink Cart	Przycisk podsumowania koszyka zakupów