Skip to content

Ang Button na Book Now

Ang BOOK NOW na button ay isang karaniwang termino sa industriya ng hospitality na tumutukoy sa sariling integrasyon ng hotel sa isang provider na may alam sa availability at presyo ng property at maaaring payagan ang mga biyahero na mag-book ng kuwarto. Ang button ang pinakasimpleng paraan para sa mga hotel na makapagbenta ng mga kuwarto sa kanilang sariling website at sa kanilang sariling mga termino.

Maraming hotel ang gumagamit ng bundled booking engine na inaalok ng kanilang channel manager. Inirerekomenda namin na magsaliksik muna ang mga hotel at ikumpara ang mga native booking engine bago mag-commit sa alinman sa mga ito.

Ang artikulong ito ay pangunahing para sa mga hotel na nais mag-install ng aming libreng, mataas ang conversion, booking engine sa kanilang website. Ngunit… kapaki-pakinabang din itong basahin para sa sinumang nais gumamit ng aming mga teknolohiya sa kanilang mga website.

Para sa pinakasimpleng integrasyon, inirerekomenda naming gamitin ang Shareable Link.

Narito ang mga hakbang para gawin ito:

  1. Pumunta sa https://extranet.wink.travel
  2. I-click ang Sign-In / Register sa kanang itaas na bahagi at mag-log in gamit ang iyong user account.
  3. Piliin ang property na nais mong trabahuhin mula sa dropdown sa kaliwang itaas.
  4. I-click ang Booking engine sa navigation bar.
  5. Ipapakita ng pahina ang iyong link.
  6. Ibigay ang link na ito sa iyong webmaster at gamitin ito para sa iyong BOOK NOW na button.
  7. Tapos ka na ✅.

Ang link ay may kasamang itinerary na naka-bake na sa URL, na nagmula sa iyong piniling customization. Maaari mong i-customize pa ang iyong link sa pamamagitan ng:

  • Pagbabago ng napiling customization O
  • Pag-override ng itinerary

Sa artikulong ito, tututukan natin ang huli dahil nagbibigay ito ng mas malayang pagpipilian para sa mga biyahero na pumili ng itinerary sa iyong website at ipasa ito sa Wink’s booking engine.

Ganito mo ipapasa ang sarili mong itinerary kasama ang URL.

Mga valid na request parameters:

  • sd Para magdagdag ng start date: sd=2024-08-24
  • n Para magdagdag ng bilang ng gabi: n=1 O
  • ed Gamitin ang end date: ed=2024-08-25
  • rc Mga bisita: rc=a2 (Mga Adult: 2)
  • l Humiling ng display language: l=es
  • c Humiling ng display currency: c=EUR
  • p Magdagdag ng promotion: p=ABC123

Ganito ang magiging hitsura ng URL:

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

Para sa mas advanced na mga kaso, maaari ka ring humiling ng maramihang room configurations gamit ang + sign:

Halimbawa:

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

  • Room type 1 = Mga Adult: 2, Mga Bata: 2 = 16 taong gulang + 8 taong gulang.
  • Room type 2 = Mga Adult: 2.

Sample na BOOK NOW button HTML:

Ang sample na ito ay nagpapalagay na gumagamit ka ng Bootstrap bilang iyong pangunahing CSS library.

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

May iba pang mga benepisyo sa paggamit ng isa sa aming mga link bilang iyong book now na button.

  • Social-friendly Madaling maibahagi ang link sa social media at nagpapakita ito ng dynamic pricing sa ibabaw ng napili mong larawan.
  • Maikli Napakadaling ibahagi ang URL at maaari mo itong gamitin sa mga lugar tulad ng iyong Instagram Bio URL.

May ilang hotel na nais ng mas maraming functionality, at mas malalim na integrasyon, para sa kanilang website. Saklaw ng halimbawang ito ang pag-embed ng isang Card sa kanilang website.

Narito ang mga hakbang para gawin ito:

  1. Pumunta sa https://studio.wink.travel
  2. I-click ang Sign-In / Register sa kanang itaas na bahagi at mag-log in gamit ang iyong user account.
  3. Piliin ang property na nais mong trabahuhin mula sa kaliwang itaas na bahagi.
  4. I-click ang Search mula sa pangunahing nav bar.
  5. I-type ang pangalan ng iyong property at i-click ang search button.
  6. I-click ang Actions link sa iyong search result card at piliin ang Create > Make a Card.
  7. Lilikha ito ng isang Card.
  8. Lalabas ang mensahe sa kanang itaas na bahagi na nagsasabing handa na ang iyong card at kung nais mo itong i-customize pa.
  9. I-click ang Tools > Cards mula sa pangunahing nav bar at makikita mo ang iyong bagong card.
  10. I-click ang Actions link sa iyong card at i-click ang Embed.
  11. Magbubukas ito ng bagong window na may sample HTML code na maaari mong kopyahin.
  12. Para makuha ang iyong Client-ID, pumunta sa Applications.
  13. Para makuha ang iyong Configuration-ID, pumunta sa Customization
  14. Tapos ka na ✅.

Sample embedded card HTML:

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

Ang sample na HTML sa itaas ay hindi kasama ang kinakailangang Wink CSS at Javascript; card lamang.

Card preview
Card ng uri ng kuwarto na nakaharap sa harap na may availability

Makikita ng booker ngayon ang dynamic pricing, maaaring baguhin ang itinerary at i-click para mag-book nang direkta sa iyong website. Dadalhin ka ng book button sa iyong Wink property landing page para tapusin ang pagbabayad.