Přeskočit na obsah

Tlačítko Book Now

Tlačítko BOOK NOW je běžný pojem v hotelovém průmyslu, který odkazuje na vlastní integraci hotelu s poskytovatelem, který zná dostupnost a ceny objektu a umožňuje cestovatelům rezervovat pokoj. Toto tlačítko je nejjednodušší způsob, jak mohou hotely prodávat pokoje na svých webových stránkách a za svých podmínek.

Mnoho hotelů používá integrovaný rezervační systém, který nabízí jejich channel manager. Doporučujeme však, aby hotely provedly průzkum a porovnaly nativní rezervační systémy předtím, než se zavážou k nějakému konkrétnímu.

Tento článek je určen především hotelům, které chtějí na své webové stránky nainstalovat náš bezplatný, vysoce konverzní rezervační systém.
Ale… je také užitečným čtením pro každého, kdo chce používat naše technologie na svých webových stránkách.

Pro nejjednodušší integraci doporučujeme použít Sdílitelný odkaz.

Zde jsou kroky, jak to udělat:

  1. Přejděte na https://app.wink.travel
  2. Klikněte na Sign-In / Register v pravém horním rohu a přihlaste se svým uživatelským účtem.
  3. Vyberte objekt, se kterým chcete pracovat, z rozbalovacího menu vlevo nahoře.
  4. Klikněte na Booking engine v navigační liště.
  5. Stránka vám zobrazí váš odkaz.
  6. Dejte tento odkaz svému webmasterovi a použijte ho pro své tlačítko BOOK NOW.
  7. Máte hotovo ✅.

Odkaz již obsahuje trasu zabudovanou v URL, která pochází z vámi zvolené customization.
Odkaz můžete dále přizpůsobit:

  • Změnou vybrané customizace NEBO
  • Přepsáním trasy

V tomto článku se zaměříme na druhou možnost, protože vám dává větší svobodu nechat cestovatele vybrat trasu na vašich webových stránkách a předat ji do Wink rezervačního systému.

Zde je, jak předat vlastní trasu spolu s URL.

Platné parametry požadavku:

  • sd Přidat počáteční datum: sd=2024-08-24
  • n Přidat počet nocí: n=1 NEBO
  • ed Použít koncové datum: ed=2024-08-25
  • rc Hosté: rc=a2 (Dospělí: 2)
  • l Požadovaný jazyk zobrazení: l=es
  • c Požadovaná měna zobrazení: c=EUR
  • p Přidat akci: p=ABC123

URL by vypadala takto:

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

Pro pokročilejší použití můžete také požadovat více konfigurací pokojů pomocí znaku +:

Příklad:

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

  • Typ pokoje 1 = Dospělí: 2, Děti: 2 = 16 let + 8 let věku.
  • Typ pokoje 2 = Dospělí: 2.

Ukázkový HTML kód tlačítka BOOK NOW:

Tento příklad předpokládá, že používáte Bootstrap jako svou primární CSS knihovnu.

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

Používání jednoho z našich odkazů jako vašeho tlačítka book now má i další výhody.

  • Přátelské ke sdílení na sociálních sítích Odkaz lze snadno sdílet na sociálních médiích a zobrazuje dynamické ceny nad vybraným obrázkem.
  • Krátké URL je velmi snadno sdílitelná a můžete ji použít například v URL vašeho Instagram Bio.

Některé hotely chtějí více funkcí a hlubší integraci pro své webové stránky. Tento příklad pokryje vložení Card do jejich webu.

Zde jsou kroky, jak to udělat:

  1. Přejděte na https://app.wink.travel
  2. Klikněte na Sign-In / Register v pravém horním rohu a přihlaste se svým uživatelským účtem.
  3. Vyberte objekt, se kterým chcete pracovat, z levého horního rohu.
  4. Klikněte na Search v hlavní navigační liště.
  5. Zadejte název svého objektu a klikněte na tlačítko hledání.
  6. Klikněte na odkaz Actions na kartě výsledku hledání a vyberte Create > Make a Card.
  7. Tím se vytvoří Card.
  8. V pravém horním rohu se objeví zpráva, že vaše karta je připravena a zda ji chcete dále přizpůsobit.
  9. Klikněte na Tools > Cards v hlavní navigační liště a uvidíte svou novou kartu.
  10. Klikněte na odkaz Actions na vaší kartě a klikněte na Embed.
  11. Otevře se nové okno s ukázkovým HTML kódem, který můžete zkopírovat.
  12. Pro získání Client-ID přejděte na Applications.
  13. Pro získání Configuration-ID přejděte na Customization.
  14. Máte hotovo ✅.

Ukázkový vložený HTML kód karty:

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

Výše uvedený HTML příklad neobsahuje požadované Wink CSS a Javascript; pouze kartu.

Náhled karty
Pohled na kartu typu pokoj s dostupností

Rezervující nyní vidí dynamické ceny, může změnit trasu a kliknout pro přímou rezervaci na vašem webu. Tlačítko rezervace vás přesměruje na vstupní stránku vašeho objektu ve Wink, kde dokončíte platbu.