Ga naar inhoud

De Boek Nu-knop

De BOEK NU-knop is een veelgebruikte term in de hospitality-industrie die verwijst naar de eigen integratie van het hotel met een aanbieder die op de hoogte is van de beschikbaarheid en prijzen van het verblijf en reizigers een kamer kan laten boeken. De knop is de eenvoudigste manier voor hotels om kamers te kunnen verkopen op hun eigen website en op hun eigen voorwaarden.

Veel hotels gebruiken de meegeleverde boekingsengine die wordt aangeboden door hun channel manager. We raden hotels aan om onderzoek te doen en native boekingsengines te vergelijken voordat ze zich aan een specifieke binden.

Dit artikel is vooral bedoeld voor hotels die onze gratis, hoog converterende boekingsengine op hun website willen installeren.
Maar… het is ook nuttige lectuur voor iedereen die onze technologieën op hun websites wil gebruiken.

Voor de eenvoudigste integratie raden we aan een Deelbare Link te gebruiken.

Hier zijn de stappen om dit te doen:

  1. Ga naar https://extranet.wink.travel
  2. Klik op Aanmelden / Registreren in de rechterbovenhoek en log in met je gebruikersaccount.
  3. Selecteer het verblijf waarmee je wilt werken in de dropdown linksboven.
  4. Klik op Boekingsengine in de navigatiebalk.
  5. De pagina toont je link.
  6. Geef deze link aan je webmaster en gebruik hem voor je BOEK NU-knop.
  7. Je bent ✅.

De link bevat al een reisroute die in de URL is verwerkt, afkomstig van je gekozen customization.
Je kunt je link verder aanpassen door:

  • De geselecteerde customization te wijzigen OF
  • De reisroute te overschrijven

In dit artikel richten we ons op het laatste, omdat dit je meer vrijheid geeft om reizigers een reisroute op je website te laten selecteren en deze door te sturen naar de boekingsengine van Wink.

Zo geef je je eigen reisroute mee in de URL.

Geldige aanvraagparameters:

  • sd Om een startdatum toe te voegen: sd=2024-08-24
  • n Om het aantal nachten toe te voegen: n=1 OF
  • ed Gebruik een einddatum: ed=2024-08-25
  • rc Gasten: rc=a2 (Volwassenen: 2)
  • l Vraag een weergavetaal aan: l=es
  • c Vraag een weergavevaluta aan: c=EUR
  • p Voeg een promotie toe: p=ABC123

De URL zou er zo uitzien:

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

Voor meer geavanceerde gebruikssituaties kun je ook meerdere kamerconfiguraties aanvragen met het + teken:

Voorbeeld:

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

  • Kamertype 1 = Volwassenen: 2, Kinderen: 2 = 16 jaar + 8 jaar oud.
  • Kamertype 2 = Volwassenen: 2.

Voorbeeld van een BOEK NU-knop in HTML:

Dit voorbeeld gaat ervan uit dat je Bootstrap gebruikt als je primaire CSS-bibliotheek.

<a
href="https://trvl.as/abc123"
target="_blank"
class="btn btn-lg btn-primary"
title="Boek een kamer"
>
BOEK NU
</a>

Er zijn nog andere voordelen aan het gebruik van een van onze links als je boek nu-knop.

  • Sociaalvriendelijk De link kan gemakkelijk gedeeld worden op sociale media en toont dynamische prijzen bovenop de afbeelding die je hebt gekozen.
  • Kort De URL is zeer deelbaar en je kunt hem gebruiken op plekken zoals je Instagram Bio URL.

Sommige hotels willen iets meer functionaliteit en een diepere integratie voor hun website. Dit voorbeeld behandelt het embedden van een Card in hun website.

Hier zijn de stappen om dit te doen:

  1. Ga naar https://studio.wink.travel
  2. Klik op Aanmelden / Registreren in de rechterbovenhoek en log in met je gebruikersaccount.
  3. Selecteer het verblijf waarmee je wilt werken linksboven.
  4. Klik op Zoeken in de hoofd navigatiebalk.
  5. Typ de naam van je verblijf in en klik op de zoekknop.
  6. Klik op de link Acties op je zoekresultaatkaart en selecteer Maken > Maak een Card.
  7. Dit maakt een Card aan.
  8. Er verschijnt een bericht rechtsboven dat je kaart klaar is en of je deze verder wilt aanpassen.
  9. Klik op Tools > Cards in de hoofd navigatiebalk en je ziet je nieuwe kaart.
  10. Klik op de link Acties op je kaart en klik op Embed.
  11. Er opent een nieuw venster met voorbeeld HTML-code die je kunt kopiëren.
  12. Om je Client-ID op te halen, ga naar Applications.
  13. Om je Configuration-ID op te halen, ga naar Customization
  14. Je bent ✅.

Voorbeeld van embedded card HTML:

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

De bovenstaande HTML bevat niet de vereiste Wink CSS en Javascript; alleen de kaart.

Voorbeeld van kaart
Voorzijde van kamertypekaart met beschikbaarheid

Een boekende ziet nu dynamische prijzen, kan de reisroute wijzigen en direct op je website boeken. De boekknop brengt je naar je Wink-verblijf landingspagina om de betaling af te ronden.