fbpx

Basic settings - New R+

Basic settings – New R+

How to implement:

Insert the following code into your website:

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

Obligatory parameters of SRC attribute iframe:

  • hotId=123456 – ID of your hotel (you’ll find it in the Hotelgram in the menu “Help -> About application”)

Optional parameters of SRC attribute iframe:

  • lang=en – marking individual language versions (CS = Czech, EN = English, DE = German, RU =
    Russian, SK = Slovak, IT = Italian, FR = French, ES = Spanish, PL = Polish, DA = Danish, ZH –
    Chinese)
  • currency=CZK – the currency (CZK = Czech crown, USD = US Dollar, EUR = Euro, GBP – British
    pound, RUB – Russian ruble, PLN – Polish zloty, UAH – Ukrainian hryvnia, HUF – Hungarian
    Forint)
  • showTabs=reservation-maps – display only selected sections (“reservation” – classic reservation,
    “stay” – hotel stay packages, “review” – reviews of guests, “pricelist” – pricelist, “occupancy” –
    availability, “map” – map). The names of the individual tabs are separated by a dash.
  • hideTabs=stay-review-pricelist-occupancy – hide the selected section (“reservation” – classic
    reservation, “stay” – hotel stay packages, “review” – reviews of guests, “pricelist” – pricelist,
    “occupancy” – availability, “map” – map). The names of the individual tabs are separated by a dash.
  • ga=UA-1234567-8 – Google Analytics account code (Property ID) for measuring traffic
  • redirectUrl=http://www.mydomain.com/thank-you-for-reservation – URL, it will be redirected to
    the last step of reservation form after submitting order. You can also use optional parameter redirectType=iframe/parent which will redirect you to selected page inside iframe or in parent site. If you don´t use this parameter, iframe option will be automatically selected. The following GET parameters will be send:
    •pole comIds – numbers of just created reservations, with API functions (e.g. Hotels.searchBonuses) is
    posibble to get more detailed informations.
    •price – Total price
    •currency – currency of reservation
    •arrival – arrival date in the format YYYY-MM-DD
    •departure – departure date in the format YYYY-MM-DD
    •customerName – contact person
    •customerEmail – email of contact person

  • expandPrices=1 – show prices for all numbers of guests in the room in second step of booking

  • hotelDetail=1, shows details at the header (logo, name, number of stars, address, reviews, brief description and photos). Suitable especially if the form is in a new window, or when you refer to it from other sites.
  • drawBy – how will free rooms be shown in the section of availability “object” – for specific rooms, “objectKind “- for type of room.
  • theme= color of the template – possible options are: dark, orange, red, green, gray, bordo, brown, purple, theme01, darkblue, black, darkbrown, lightorange, darkgreen, lightgreen, wine, violet
  • showGuestDetail=1, unrolls the form with guest informations in the last step of reservation form (will be implemented soon)
  • showNote=1, unrolls the Note in fourth step of reservation form.
  • showRoomType=546, reservation form will display only certain rooms (according to room IDs), if you want to display more room separate them with dash : showRoomType=12345-6543-8974
  • highlightRoomType=546, selected room type will be highlighted in your IBE (replace 546 with room type ID number) Room will be moved to the first place of all rooms and its price detail will be automatically unrolled so rate options (nrr etc) will be visible right away.
  • discountCoupon=ABC2017, automatically pre-fills discount coupon in first step of reservation form
  • mandatoryData=name-address-country-passport-visa – sets mandatory informations which needs to be filled in by client in third step of reservation form. (“name” – full name, “country” – country, “address” – full address, “visa” – visa number)

An example of the use of optional parameters:

Hide section occupancy and view the form in the English language:

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

Required attributes iframe:

  • scrolling=”no” – do not show scrollbars inside an iframe (height of form is adjusted automatically)
  • name=”previo-booking-iframe” – the name of the iframe
  • id=”previo-booking-iframe” – ID iframe

Optional attributes iframe:

  • width=”100%” – setting the form’s width
  • height=”2000″ – setting the form’s height
  • frameborder=”0″ – frame of iframe
  • allowTransparency=”true” – enable transparent iframe

You can also pre-fill form using the GET parameters and redirect the user to the next step at a
time. For example you can pre-fill first step of reservation (to order a particular room):

Reservation tab for ordering one particular rooms:
As src of iframe use http://reservation.previo.cz/?hotId=123456 with the following parameters:

  • showRoomType=123 – room type ID (obligatory)
  • arrival=DD.MM.YYYY – arrival date (optional, default is set to todays date)
  • departure=DD.MM.YYYY – departure date (optional, default is set to next day after arrival date)

Stay packages tab for ordering particular stay package::
As src of iframe use http://reservation.previo.cz/stay/?hotId=123456 with the following parameters:

  • stayId=123 – ID of stay package (obligatory)
  • arrival=DD.MM.YYYY – preselecting particular date (optional, default is set to first possible date)

Own tracking

You can adjust tracking according to your needs. You can for example send event to Google Analytics everytime someone finishes/passes another step in booking process.

There is almost unlimited scale of tracking. For this detailed tracking you should have at least some basic knowledge of webdesign.

There are 2 possible ways of own tracking:

1. Using url GET parameter redirectUrl

You have to add iframe parameter &redirectUrl=https://www.mywebsites.cz/thankyou-page into src parameter.

This parameter will redirect customer to selected page (in redirectUrl parameter) after finishing the reservation. Url can also contain parameters like reservationPrice etc which can be used for your own tracking.

Tracking data can be then obtained using JavaScript or PHP from URL and you can use them for further analysis.

2. Using JS function reservationPlusStepEvent

This option is smarter because it allows ou to track how clients pass through single steps in reservation process. After last step (finishing of booking) you will also get information about price etc.

Simply insert such function in your website and it will be triggered everytime some step of reservation process will be finished by customer. Perfect for tracking conversions / events into any tracking system.

How to do it:
Insert similar code into your websites:

/**
 * @param JSON reservationInfo
 */
function reservationPlusStepEvent(reservationInfo) {    
      values = JSON.parse(reservationInfo);
      // currentStep
            let currentStep = values.step;
            // If customer is in fifth (last) step,
            // log reservation data in console
      if(values.step == 5) {
           console.log(values);
           // here you can trigger any code for example for event tracking
      }
}