Przejdź do głównej zawartości

Customization

Dostosowywanie to potężna funkcja, której możesz użyć do kontrolowania każdego aspektu integracji z Wink bez konieczności pisania kodu. Każdy element inwentarza, który sprzedajesz, może być dostosowany. Dodawaj lub usuwaj funkcje, zmieniaj schemat kolorów i wiele więcej.

Personalizacja
Wpis dostosowywania

Podczas gdy naCustomizationstrona, kliknij naActionsprzycisk pod dostosowaniem, z którym chcesz pracować i kliknijUpdate. Masz już domyślny wpis dostępny dla Ciebie podczas tworzenia konta. Tego wpisu nie można usunąć.

Spowoduje to przejście do formularza dostosowywania, w którym można zobaczyć 5-7 kart (w zależności od typu Twojego konta).

Oto opcje dostępne dla Ciebie w ramachGeneralzakładka.

  • NazwaNadaj swojej personalizacji nazwę, którą łatwo zapamiętasz.np. Dla mojego bloga podróżniczego
  • Wyświetl walutęWybierz początkową walutę, która będzie wyświetlana użytkownikom obok oferty podróży możliwych do zarezerwowania.np. USD
  • Język wyświetlaniaWybierz język, z którym początkowo zetkną się użytkownicy.np. angielski
  • Dodaj do tytułu stronyMożesz kontrolować, co zostanie dodane do tytułu strony (tytuł, który widzisz na karcie przeglądarki). Jest to głównie używane w naszym systemie rezerwacji.np. Jeśli przejdziesz do https://ota.wink.travel, domyślnie zobaczyszHome | Traveliko - Hotels with BenefitsMożesz zmienić wszystko, co znajduje się po znaku ’|’.

TenThemezakładka pozwala dostosować wygląd i styl naszegosystem rezerwacji strona internetowa, Linki do mrugnięćstrona internetowa i wszystkie naszeKomponenty sieciowe.

Ta sekcja umożliwia skonfigurowanie projektu i układu karty. Na chwilę obecną istnieje tylko jeden projekt; mianowicie Wink.

Układ karty kontroluje, czy chcesz, aby użytkownicy widzieli karty transakcyjne ułożone poziomo czy pionowo. Informacje są takie same.

Nie ma różnicy w układzie karty podczas przeglądania naszych kart transakcyjnych na urządzeniu mobilnym. Jednak różnicę można zobaczyć na iPadzie mini i większych rozdzielczościach.

:::tip[Pro tip] Użyj układu poziomego, jeśli masz tylko < 4 inwentarzy podróży (tj. typy pokoi) na liście… po prostu wygląda lepiej. :::

Kolor kontroluje, jak Twoi użytkownicy widzą wszystkie nasze komponenty UI i strony internetowe. Użyj go, aby dopasować istniejący schemat kolorów [jeśli istnieje].

Mamy już duży wybór wstępnie zdefiniowanych kolorów, z którymi możesz zacząć się bawić. Wstępnie zdefiniowane motywy zmienią kolory w polach formularza poniżej. Możesz również używać całkowicie własnych kolorów.

Zabarwienie
Kolory tworzą

Przetestuj swój schemat kolorów w naszym środowisku testowym poniżej.

Tematyka

Naszą konwencję nazewnictwa schematów kolorów oparliśmy na Bootstrap CSS. Więcej informacji o nazwach poszczególnych kolorów znajdziesz naStrona internetowa Bootstrap CSS.

:::tip[Profesjonalna wskazówka] Piaskownica programisty pozwala modyfikować szerokość każdej karty poprzez przeciąganie szarego prostokąta, znajdującego się po prawej stronie karty, aby zobaczyć, jak wygląda w różnych rozdzielczościach. :::

Obsługujemy analitykę GA4 od razu. Jeśli chcesz śledzić całą ścieżkę konwersji ulepszonego e-commerce, od początku do końca, przygotuj identyfikator pomiaru i wprowadź go w polu podAnalyticszakładka.

Aby osadzić nasze mapy w swojej witrynie, korzystając z naszegoWtyczka WordPress Lub Komponenty sieciowe, musisz nam podać swój klucz API Google Maps.

Po wygenerowaniu klucza i skonfigurowaniu go dla swojej witryny wprowadź go w poluAnalyticszakładka.

TenItineraryzakładka jest prawdopodobnie najbardziej interesująca pod względem upewnienia się, że ceny dla wybranego przez Ciebie asortymentu są wyświetlane. Ponieważ ceny asortymentu podróży są dość złożone, Wink musi znać trasę użytkownika, zanim będzie mógł wyświetlić dokładną cenę.

W tej sekcji możesz ustawić domyślny plan podróży, w którym będą wyświetlane ceny wszystkich naszych nieruchomości cyfrowych, takich jak:

  • Nasze przyjazne społecznościowo obrazy z nałożoną ceną.
  • Siatki, karty i linki WinkLinks.
  • Komponenty sieciowe
  • Silnik rezerwacyjny

Możesz wybrać, czy chcesz ustawić statyczny czy cykliczny zakres dat.

  • Wybierz statyczny zakres dat, jeśli zamierzasz dostosować zakres do konkretnego wydarzenia mającego miejsce w danym dniu.
  • Wybierz zakres dat, jeśli chcesz:
    1. Domyślnie ustaw datę dzisiaj + 1 noc, tak jak robi to większość OTA. LUB.
    2. Domyślnie ustaw datę w przyszłości, która zawsze powinna mieć informację o dostępności.

Domyślnie trasa jest ustawiona na 2 osoby dorosłe, ponieważ jest to najczęstsze ustawienie dla większości podróżnych. Można to łatwo zmienić i dodać wiele pokoi z wieloma osobami; zarówno dorosłymi, jak i dziećmi.

Promocje to sprytna funkcja, która oszczędza czas użytkownikom. Jeśli obiekt udostępnił Ci kod promocyjny, którym możesz podzielić się ze znajomymi, możesz go tutaj wpisać. Każdy, kto wejdzie za pośrednictwem Twojego linku lub podobnego, automatycznie otrzyma kod promocyjny dodany do swojego planu podróży i zobaczy, że obniżona cena zostanie zastosowana automatycznie.

TenIntegrationKarta jest przeznaczona dla hoteli, integratorów i agentów podróży, którzy chcą mieć większą kontrolę nad sposobem dystrybucji rezerwacji w systemie Wink.

Daje to hotelowi i integratorowi możliwość pozwolenia Wink na powiadomienie wszystkich zaangażowanych stron o dokonaniu rezerwacji. Obejmuje to powiadomienie menedżera kanału.

Domyślnie wszystkie te opcje są włączone. Przypadki użycia, w których integrator może chcieć wyłączyć jedną lub więcej z tych funkcji, to:

  • Agent podróży jest zintegrowany na poziomie API i chce wysyłać własne e-maile z potwierdzeniem.
  • Hotel testuje integrację i nie chce zawracać głowy personelowi sprzedaży.
  • Hotel nie zwraca uwagi na e-maile, chce otrzymywać powiadomienia wyłącznie za pośrednictwem swojego systemu PMS.

Integratorzy chcący korzystać z naszej usługi powiadomień e-mail mogą dostosować wiadomość tak, aby wyglądała, jakby pochodziła od nich.

Zalecane wymiary to 300px szerokości x 75px wysokości

PodHotel-specificsą opcjami umożliwiającymi hotelowi kontrolowanie tego, co jest wyświetlane na jego stronie docelowej w naszym systemie rezerwacji, a także co ma być wyświetlane, gdy nie ma dostępnych ofert odpowiadających żądanemu planowi podróży.

  • Rankingi:Nieruchomość, która nie osiągnęła jeszcze żadnej znaczącej pozycji w rankingu, może zdecydować się na wyłączenie tej funkcji.

Nieruchomość nie może kontrolować, w jaki sposób partner wybiera wyświetlanie strony docelowej hotelu… To są dwie różne konfiguracje.

  • Dostępność: Umożliwia obiektowi wybór, czy nadal wyświetlać asortyment, nawet jeśli nie ma w nim dostępności.

W większości przypadków właściwość ta będzie chciała dać użytkownikom możliwość kliknięciaBookprzycisk, aby przejść do strony docelowej, gdzie mogą zmienić swój plan podróży i spróbować znaleźć dostępną datę. Włącz ten przełącznik, jeśli chcesz zablokować użytkownikowi możliwość kontynuowania.

W większości scenariuszy będziesz musiał wybrać, któryCustomizationaby zastosować je do swoich linków, kart, map i siatek.

Oto sytuacje, w których może być wskazane ręczne zastosowanie konfiguracji:

  • Ręczne nadpisanieChcesz udostępnić link bezpośrednio do naszego systemu rezerwacji, a nie korzystać z naszegoUdostępniane linkifunkcja z zastosowaną konfiguracją niestandardową.
  • Wtyczka WordPressDodaj konfigurację do swojego WinkWtyczka WordPress Settings.
  • Integracja niestandardowaZastosuj go ręcznie do swojego niestandardowego integratora za pomocą naszegowink-app-loaderKomponent internetowy.

Oto prosty przykład, jak zastosować identyfikator konfiguracji ze wszystkimi ustawieniami do adresów URL naszej głównej wyszukiwarki rezerwacji.

https://ota.wink.travel?configurationId=MY-UNIQUE-ID

Gdy użytkownik kliknie ten link, ustawisz również swój plik cookie atrybucji afiliacyjnej.

Przejdź doWtyczka Wink WordPressaby dowiedzieć się więcej.

Kontroluj wszystkie osadzone komponenty Wink Web na stronie za pomocąwink-app-loaderKomponent internetowy.

Poniżej znajduje się przykład, który wykorzystujeMY-UNIQUE-IDjako identyfikator konfiguracji.

<html>
<head>
<link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link>
</head>
<body>
<script src="https://elements.wink.travel/elements.js" type="module" defer></script>
<wink-app-loader
client-id="YOUR CLIENT ID GOES HERE"
configuration-id="MY-UNIQUE-ID"
></wink-app-loader>
</body>
</html>

Programiści chcący zarządzać dostosowaniami mogą przejść doDeweloperzy > API > Inwentarz.