RESERVATION+ (rezervační formulář)

For english please click here.

Postup při implementaci:

  • Zakoupit některou z licencí rezervačního systému Previo Pro se službou "Reservation +"
  • Kontaktujte svého obchodního zástupce nebo napište na adresu info@previo.cz s tím, že o tuto službu máte zájem.
  • Vyčkejte, než Vám potvrdíme, že máte službu Reservation + zprovozněnu.
  • Předat obchodnímu konzultantovi kontakt na webmastera či přístupové údaje na FTP server.

Následující zdrojový kód vložte do své webové prezentace:

<!-- Reservation PLUS start -->
<div class="previo-reservation-form">
<script type="text/javascript" src="https://booking.previo.cz/iframe/"></script>
<iframe src="https://booking.previo.cz/?hotId=123456" scrolling="no" frameborder="0" width="100%" height="2000" name="previo-booking-iframe" id="previo-booking-iframe" allowTransparency="true"></iframe>
</div>
<!-- Reservation PLUS end -->

 

Povinné parametry atributu SRC iframe:

  • hotId=123456 - ID Vašeho hotelu (zjistíte jej přímo v Previu v menu "Nápověda -> O aplikaci")

Nepovinné parametry atributu SRC iframe:

  • lang=cs - označení jednotlivých jazykových mutací (cs = čeština, en = angličtina, de = němčina, ru = ruština, sk = slovenština, it = italština, fr = francouzština, es = španělština, pl = polština, da = dánština, zh = čínština)
  • currency=CZK - označení měny (CZK = česká koruna, USD = americký dolar, EUR = euro, GBP - britská libra, RUB - ruský rubl, PLN - polský zlotý, UAH - ukrajinská hřivna, HUF - maďarský forint)
  • showTabs=reservation-map - ponechá zobrazené pouze vybrané záložky ("reservation" - rezervace ubytování, "stay" - rezervace pobytových balíčků, "review" - recenze hostů, "pricelist" - ceník, "occupancy" - obsazenost, "map" - mapa, "checkin" - online checkin, pokud je povolený v Previu, "hotels" - seznam zařízení ve skupině hotelů). Jména jednotlivých záložek jsou oddělena pomlčkou.
  • hideTabs=stay-review-pricelist-occupancy - schová vybrané záložky ("reservation" - rezervace ubytování, "stay" - rezervace pobytových balíčků, "review" - recenze hostů, "pricelist" - ceník, "occupancy" - obsazenost, "map" - mapa, "checkin" - online checkin, pokud je povolený v Previu, "hotels" - seznam zařízení ve skupině hotelů). Jména jednotlivých záložek jsou oddělena pomlčkou.
  • ga=UA-1234567-8 - kód účtu Google Analytics (Property ID) pro měření návštěvnosti
  • redirectUrl=http://www.mojedomena.cz/dekujeme-za-rezervaci - URL, na kterou bude přesměrován poslední krok rezervačního formuláře po odeslání objednávky. Jako jeho GET parametry bude posláno:
    • pole comIds - čísla právě vytvořených rezervací, API funkcemi (např. Hotels.searchBonuses) lze následně získat podrobné informace.
    • price - celková cena rezervace
    • currency - měna rezervace
    • arrival - datum příjezdu ve formatu YYYY-MM-DD
    • departure - datum odjezdu ve formatu YYYY-MM-DD
    • customerName - jméno kontaktní osoby
    • customerEmail - email kontaktní osoby
  • showReviews=partner-online - zobrazit hodnocení pouze z partnerských rezervací ("partner"), rezervací vytvořených na plachtě ("user"), rezervací vytvořených rezervačním formulářem ("online"). Jednotlivé volby jsou odděleny pomlčkou. V případě použití formuláře PrevioPartnery lze nastavit zobrazení jen svých recenzí parametrem showReviews=my
  • expandPriceDetails - automaticky rozbalit detaily ceny ve 4. kroku rezervace
  • expandDailyPrices - automaticky rozbalit ceny po dnech v 1. kroku
  • pricesPerOccupancy - zobrazit ceny pro všechny počty hostů na pokoji
  • minRating=5 - zobrazit hodnocení, ve kterých hotel dosáhl minimálního počtu definovaných bodů. (celé číslo 0 až 10)
  • expand - automaticky rozbalit detaily pobytových balíčků. Lze nastavit rozbalení konkrétní záložky jednou z voleb: "description" - záložka "Popis balíčku", "includes" - záložka "Pobyt zahrnuje", "procedures" - záložka "Procedury", "note" - záložka "Poznámka".
  • drawBy - jakým způsobem se budou vykreslovat volné pokoje v záložce obsazenost: "object" - po konkrétních pokojích", "objectKind" - dle druhů pokojů.
  • theme= změna barevnosti šablony - možné šablony jsou: dark, orange, red, green, gray, bordo, brown, purple, theme01, darkblue, black, darkbrown, lightorange, darkgreen, lightgreen, wine, violet
  • hotelDetail = 1, ukáže v hlavičce detail hotelu (logo, název, počet hvězdiček, adresu, hodnocení, krátký popis hotelu a fotografi). Hodí se hlavně v případě, že zobrazujete formulář v novém okně, nebo pokud na něho odkazujete z jiných webů.
  • showGuestDetail = 1, rozbalí formulář na doplnění údajů ke všem hostům v rezervaci na 3. kroku formuláře
  • showNote = 1, rozbalí poznámku ve 4. kroku rezervačního formuláře
  • showTime = 1, rozbalí čas příjezdu v 1. kroku formuláře
  • showRoomType= 546, zobrazí ve formuláři pouze požadované pokoje (ID pokojů), pro zadání více pokojů použijte pomlčku: showRoomType=12345-6543-8974
  • discountCoupon=ABC2017, vyplní automaticky slevový kupón
  • mandatoryData=name-address-country-passport-visa - nastaví povinná pole u hostů ve třetím kroku objednávky. ("name" - celé jméno, "country" - země, "address" - kompletní adresa, "visa" - vízum)

 

Příklad použití nepovinných parametrů

Schování záložky obsazenosti a zobrazení formuláře v anglickém jazyku:

<!-- Reservation PLUS start -->
<div class="previo-reservation-form">
<script type="text/javascript" src="https://booking.previo.cz/iframe/"></script>
<iframe src="https://booking.previo.cz/?hotId=123456&lang=en&hideTabs=occupancy" scrolling="no" frameborder="0" width="727" height="2000" name="previo-booking-iframe" id="previo-booking-iframe" allowTransparency="true"></iframe>
</div>
<!-- Reservation PLUS end -->

 

Povinné atributy iframe:

  • scrolling="no" - nezobrazovat scrollbary uvnitř elementu iframe (výška formuláře je upravována automaticky)
  • width="727" - nastavení šířky formuláře (minimální šířka je 600 pixelů)
  • height="2000" - nastavení výšky formuláře
  • name="previo-booking-iframe" - název elementu iframe
  • id="previo-booking-iframe" - ID elementu iframe

 

Nepovinné atributy iframe:

  • frameborder="0" - rámeček elementu iframe
  • allowTransparency="true" - povolení průhlednosti elementu iframe

Lze také předvyplnit formulář pomocí GET parametrů a přesměrovat uživatele na další kroky najednou:

Záložka Rezervace s předvyplněným 1. krokem (pro objednání konkrétního pokoje):

Jako src iframu používejte http://booking.previo.cz/?hotId=123456 s těmito parametry:

  • roomType=123 - ID druhu pokoje (povinný)
  • roomCount=2 - počet pokojů (volitelný, defaultně 1)
  • priceType=singleUse - typ ceny (standard | nrr | singleUse | singleUseNrr) (volitelný, defaultně standard)
  • arrival=03.09.2012 - datum nájezdu ve formatu DD.MM.YYYY (volitelný, defaultně dnešek)
  • departure=03.09.2012 - datum odjezdu ve formatu DD.MM.YYYY (volitelný, defaultně o den později, něž datum nájezdu)

Záložka Balíčky s předvyplněným 1. krokem (pro objednání konkrétního pobytového balíčku):

Jako src iframu používejte http://booking.previo.cz/stay/?hotId=123456 s tímto parametrem:

  • stayId=123 - ID balíčku (povinný)

Záložka Balíčky s předvyplněným 1. a 2. krokem (pro objednání konkrétního pobytového balíčku na konkrétním pokoji):

Jako src iframu používejte http://booking.previo.cz/stay/?hotId=123456 s těmito parametry:

  • stayId=123 - ID balíčku (povinný)
  • roomType=123 - ID druhu pokoje (volitelný)
  • roomCount=2 - počet pokojů (volitelný, defaultně 1)
  • arrival=03.09.2012 - datum nájezdu ve formatu DD.MM.YYYY (volitelný, defaultně nejbližší možné)

Vlastní měření cílů / konverzí / retargetingu / a jiné

Awords a Sklik konverze a GA e-commerce transakce měří Previou automaticky. Pokud chcete měřit i jiné cíle jako je navštívení 2. kroku formuláře, dokončení rezervace, zjistitit jaké datum vyplnil klient na 1. kroku je možné využít jednoduchého předávání informací mezi iframem a webovou stránkou. Při přechodu z jednoho kroku na druhý posílá iframe do webové stránky volání metody reservationPlusStepEvent pokud taková metoda v parent stránce existuje, zavolá se, vč. parametrů, kde se dozvíte na jaký krok uživatel právě přešel a na 2. a 5. kroku navíc získáte doplňující informace o rezervaci (datum, cenu, číslo voucheru).

Vaše funkce může vypadat následovně:

/**
 * @param JSON reservationInfo
 */
function reservationPlusStepEvent(reservationInfo) {    
      values = JSON.parse(reservationInfo);
 
      // reservation was created
      if(values.step == 5) {
           // this will print available data to console
           console.log(values);
           // do some action
      }
}