Przycisk Book Now

Przycisk BOOK NOW to powszechny termin w branży hotelarskiej, który odnosi się do własnej integracji hotelu z dostawcą znającym dostępność i ceny obiektu oraz umożliwiającym podróżnym rezerwację pokoju. Przycisk jest najprostszym sposobem, aby hotele mogły sprzedawać pokoje na własnej stronie internetowej i na własnych warunkach.

Wiele hoteli korzysta z dołączonego silnika rezerwacji oferowanego przez ich channel managera. Zalecamy, aby hotele przeprowadziły badania i porównały natywne silniki rezerwacji przed podjęciem decyzji o wyborze konkretnego rozwiązania.

Odbiorcy

Ten artykuł jest głównie dla hoteli, które chcą zainstalować nasz darmowy, wysoko konwertujący silnik rezerwacji na swojej stronie internetowej.
Ale… jest to również wartościowa lektura dla każdego, kto chce korzystać z naszych technologii na swoich stronach.

przez Link

Dla najprostszej integracji zalecamy użycie Shareable Link.

Oto kroki, aby to zrobić:

1. Przejdź na https://extranet.wink.travel
2. Kliknij Sign-In / Register w prawym górnym rogu i zaloguj się na swoje konto użytkownika.
3. Wybierz obiekt, z którym chcesz pracować, z rozwijanego menu w lewym górnym rogu.
4. Kliknij Booking engine w pasku nawigacyjnym.
5. Strona pokaże Twój link.
6. Przekaż ten link swojemu webmasterowi i użyj go jako przycisku BOOK NOW.
7. Gotowe ✅.

Zaawansowane

Link zawiera już wbudowany plan podróży w URL, pochodzący z wybranej przez Ciebie customization.
Możesz dalej dostosować swój link poprzez:

• Zmianę wybranej personalizacji LUB
• Nadpisanie planu podróży

W tym artykule skupimy się na tym drugim, ponieważ daje to większą swobodę, aby pozwolić podróżnym wybrać plan podróży na Twojej stronie i przekazać go do silnika rezerwacji Wink.

Oto jak przekazać własny plan podróży wraz z URL.

Dopuszczalne parametry zapytania:

• sd Dodanie daty rozpoczęcia: sd=2024-08-24
• n Dodanie liczby nocy: n=1 LUB
• ed Użycie daty zakończenia: ed=2024-08-25
• rc Goście: rc=a2 (Dorośli: 2)
• l Żądanie języka wyświetlania: l=es
• c Żądanie waluty wyświetlania: c=EUR
• p Dodanie promocji: p=ABC123

URL będzie wyglądał tak:

https://trvl.as/abc123?sd=2024-08-24&n=1&rc=a2&l=es&c=EUR

Dla bardziej zaawansowanych zastosowań możesz również zażądać wielu konfiguracji pokoi, używając znaku +:

Przykład:

https://trvl.as/abc123?sd=2024-08-24&n=1&rc=a2-ca16q1-ca8q1+a2&l=es&c=EUR

• Typ pokoju 1 = Dorośli: 2, Dzieci: 2 = 16 lat + 8 lat.
• Typ pokoju 2 = Dorośli: 2.

Przykład

Przykładowy kod HTML przycisku BOOK NOW:

Ten przykład zakłada, że używasz Bootstrap jako głównej biblioteki CSS.

<a
  href="https://trvl.as/abc123"
  target="_blank"
  class="btn btn-lg btn-primary"
  title="Book a room"
>
BOOK NOW
</a>

Inne korzyści

Istnieją inne korzyści z używania jednego z naszych linków jako przycisku book now.

• Przyjazny społecznościowo Link można łatwo udostępniać w mediach społecznościowych, a na wybranym obrazie wyświetla się dynamiczne ceny.
• Krótki URL jest bardzo łatwy do udostępniania i możesz go używać w miejscach takich jak URL w bio na Instagramie.

przez Embed

Niektóre hotele chcą nieco więcej funkcjonalności i głębszej integracji na swojej stronie. Ten przykład pokaże, jak osadzić Card na swojej stronie.

Oto kroki, aby to zrobić:

1. Przejdź na https://studio.wink.travel
2. Kliknij Sign-In / Register w prawym górnym rogu i zaloguj się na swoje konto użytkownika.
3. Wybierz obiekt, z którym chcesz pracować, z lewego górnego rogu.
4. Kliknij Search w głównym pasku nawigacyjnym.
5. Wpisz nazwę swojego obiektu i kliknij przycisk wyszukiwania.
6. Kliknij link Actions na karcie wyniku wyszukiwania i wybierz Create > Make a Card.
7. To utworzy Card.
8. W prawym górnym rogu pojawi się komunikat, że Twoja karta jest gotowa i czy chcesz ją dalej dostosować.
9. Kliknij Tools > Cards w głównym pasku nawigacyjnym, aby zobaczyć swoją nową kartę.
10. Kliknij link Actions na swojej karcie i wybierz Embed.
11. Otworzy się nowe okno z przykładowym kodem HTML, który możesz skopiować.
12. Aby uzyskać Client-ID, przejdź do Applications.
13. Aby uzyskać Configuration-ID, przejdź do Customization.
14. Gotowe ✅.

Przykładowy kod HTML osadzonej karty:

<wink-content-loader
  layout="GUEST_ROOM"
  id="09d7cca4-6ff6-11ef-949b-42004e494300"
></wink-content-loader>

Powyższy przykład HTML nie zawiera wymaganych stylów CSS i JavaScript Wink; tylko kartę.

Karta typu pokój front-facing z dostępnością

Rezerwujący teraz widzi dynamiczne ceny, może zmieniać plan podróży i kliknąć, aby zarezerwować bezpośrednio na Twojej stronie. Przycisk rezerwacji przenosi do strony docelowej Twojego obiektu w Wink, aby sfinalizować płatność.