Skip to content

Gumb Za Rezervaciju

GUMB ZA REZERVACIJU ODMAH je uobičajen izraz u ugostiteljskoj industriji koji se odnosi na hotelsku vlastitu integraciju s pružateljem usluga koji poznaje dostupnost i cijene objekta te omogućuje putnicima rezervaciju sobe. Gumb je najjednostavniji način da hoteli mogu prodavati sobe na svojoj web stranici i pod vlastitim uvjetima.

Mnogi hoteli koriste ugrađeni booking engine koji im nudi njihov channel manager. Preporučujemo da hoteli naprave istraživanje i usporede izvorne booking engine prije nego se obvežu na bilo koji određeni.

Ovaj članak je prvenstveno namijenjen hotelima koji žele instalirati naš besplatni booking engine s visokim konverzijama na svojoj web stranici. No… koristan je i za sve koji žele koristiti naše tehnologije na svojim web stranicama.

Za najjednostavniju integraciju preporučujemo korištenje Shareable Link.

Evo koraka kako to napraviti:

  1. Idite na https://app.wink.travel
  2. Kliknite Sign-In / Register u gornjem desnom kutu i prijavite se svojim korisničkim računom.
  3. Odaberite objekt s kojim želite raditi iz padajućeg izbornika u gornjem lijevom kutu.
  4. Kliknite na Booking engine u navigacijskoj traci.
  5. Stranica će vam prikazati vaš link.
  6. Dajte ovaj link svom webmasteru i koristite ga za svoj GUMB ZA REZERVACIJU ODMAH.
  7. Gotovi ste ✅.

Link već sadrži itinerar ugrađen u URL, koji potječe iz vaše odabrane customization. Link možete dodatno prilagoditi:

  • Promjenom odabrane prilagodbe ILI
  • Prepisivanjem itinerara

U ovom članku fokusirat ćemo se na ovo drugo jer vam daje veću slobodu da putnici na vašoj web stranici odaberu itinerar i proslijede ga Winkovom booking engineu.

Evo kako proslijediti vlastiti itinerar putem URL-a.

Valjani parametri zahtjeva:

  • sd Za dodavanje datuma početka: sd=2027-03-14
  • n Za dodavanje broja noćenja: n=1 ILI
  • ed Koristite datum završetka: ed=2027-03-15
  • rc Gosti: rc=a2 (Odrasli: 2)
  • l Zahtjev za jezik prikaza: l=es
  • c Zahtjev za valutu prikaza: c=EUR
  • p Dodajte promociju: p=ABC123

URL bi izgledao ovako:

https://trvl.as/abc123?sd=2027-03-14&n=1&rc=a2&l=es&c=EUR

Za naprednije slučajeve korištenja možete zatražiti i više konfiguracija soba koristeći znak +:

Primjer:

https://trvl.as/abc123?sd=2027-03-14&n=1&rc=a2-ca16q1-ca8q1+a2&l=es&c=EUR

  • Tip sobe 1 = Odrasli: 2, Djeca: 2 = 16 godina + 8 godina.
  • Tip sobe 2 = Odrasli: 2.

Primjer HTML koda za GUMB ZA REZERVACIJU ODMAH:

Ovaj primjer pretpostavlja da koristite Bootstrap kao svoju primarnu CSS biblioteku.

<a
href="https://trvl.as/abc123"
target="_blank"
class="btn btn-lg btn-primary"
title="Rezervirajte sobu"
>
REZERVIRAJ ODMAH
</a>

Postoje i druge prednosti korištenja jednog od naših linkova kao vašeg gumba za rezerviraj odmah.

  • Prijateljski za društvene mreže Link se lako dijeli na društvenim mrežama i prikazuje dinamičke cijene na vrhu odabrane slike.
  • Kratak URL je vrlo dijeljiv i možete ga koristiti na mjestima poput URL-a u Instagram biografiji.

Neki hoteli žele malo više funkcionalnosti i dublju integraciju za svoju web stranicu. Ovaj primjer će pokriti ugradnju Card na njihovu web stranicu.

Evo koraka kako to napraviti:

  1. Idite na https://app.wink.travel
  2. Kliknite Sign-In / Register u gornjem desnom kutu i prijavite se svojim korisničkim računom.
  3. Odaberite objekt s kojim želite raditi iz gornjeg lijevog kuta.
  4. Kliknite na Search u glavnoj navigacijskoj traci.
  5. Upisujte ime svog objekta i kliknite gumb za pretraživanje.
  6. Kliknite na link Actions na kartici rezultata pretraživanja i odaberite Create > Make a Card.
  7. Time ćete kreirati Card.
  8. U gornjem desnom kutu pojavit će se poruka da je vaša kartica spremna i da je možete dodatno prilagoditi.
  9. Kliknite na Tools > Cards u glavnoj navigacijskoj traci i vidjet ćete svoju novu karticu.
  10. Kliknite na link Actions na svojoj kartici i kliknite na Embed.
  11. Otvorit će se novi prozor s primjerom HTML koda koji možete kopirati.
  12. Za dohvat Client-ID idite na Applications.
  13. Za dohvat Configuration-ID idite na Customization
  14. Gotovi ste ✅.

Primjer HTML koda za ugrađenu karticu:

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

Gornji HTML primjer ne uključuje potrebni Wink CSS i Javascript; samo karticu.

Pregled kartice
Kartica tipa sobe okrenuta prema naprijed s dostupnošću

Rezervator sada vidi dinamičke cijene, može mijenjati itinerar i kliknuti za rezervaciju izravno na vašoj web stranici. Gumb za rezervaciju vodi vas na vašu Wink landing stranicu objekta za dovršetak plaćanja.