Integration
On this page we show you how to integrate our Booking Engine into your hotel or accommodation website!
Link
The easiest way to integrate our Booking Engine is to simply put a link on your website:
<a href="https://resavio.com/booking/{LANGUAGE}/{CLIENT_ID}" target="_blank">Book now!</a>
The placeholders {LANGUAGE} and {CLIENT_ID} must be replaced (including curly brackets) by the language code (e.g. en = English, de = German) and your property or client identifier (you can find this number in our welcome mail or on your invoice).
Other landing pages
Compact booking form:
https://resavio.com/booking/en/{CLIENT_ID}/form
Booking of a specific room category:
https://resavio.com/booking/en/{CLIENT_ID}/categories/{CATEGORY_ID}
Booking via map:
https://resavio.com/booking/en/{CLIENT_ID}/map
Direct booking of a package:
https://resavio.com/booking/en/{CLIENT_ID}/arrangements/{ARRANGEMENT_ID}
List of all available offers in a period:
https://resavio.com/booking/en/{CLIENT_ID}/offers?checkin={YYYY-MM-DD}&checkout={YYYY-MM-DD}&adults={ADULTS}
Direct booking of a specific offer:
https://resavio.com/booking/en/{CLIENT_ID}/cart/rooms/add?tariff_id={TARIFF_ID}&checkin={YYYY-MM-DD}&checkout={YYYY-MM-DD}&adults={ADULTS}
Instead of the tariff_id
an arrangement_id
can also be passed.
Reviews:
https://resavio.com/booking/en/{CLIENT_ID}/reviews
Query parameters
- tariff_id
- ID of the tariff
- arrangement_id
- ID of the package
- checkin
- Date of arrival (YYYY-MM-DD)
- checkout
- Date of departure (YYYY-MM-DD)
- adults
- Number of adults
- childs
- Array of children ages,
e.g. for 2 children aged 2 and 12 years:
?childs[]=2&childs[]=12
iFrame
You can also integrate our Booking Engine into your website using an iFrame:
<iframe src="https://resavio.com/booking/en/{CLIENT_ID}" width="100%" id="resavio-iframe" style="background-color: transparent; border: 0 none transparent; padding: 0; overflow: auto;"></iframe>
In the same way you can embed all of the landing pages above into your website. Simply replace the URL in the src
attribute with the URL of the landing page.
You can avoid scrollbars by additionally embedding the following JavaScript code into your page:
<script src="https://resavio.com/widgets/js/no-scrollbars.js"></script>
Widgets
Our widgets are another option to integrate the booking tool into your website. To use our widgets, first insert our widget script before the closing </body>
tag of your website. You can set the language with the attribute data-locale.
<script id="resavio-widgets" data-locale="de" src="https://resavio.com/widgets/js/widgets.js"></script>
Secondly include the widget stylesheet in the <head>
section of your website:
<link rel="stylesheet" type="text/css" href="https://resavio.com/widgets/css/widgets.css">
The colors of the widgets can be adjusted using CSS variables:
Finally insert the widgets at the desired location into your website.
For a booking form with datepicker use the following code:
<resavio-form client="1" layout="horizontal"></resavio-form>
Your property ID is set via the attribute client. You can choose between two layout variants: horizontal | vertical.
Use the following widget for a sticky booking bar that is fixed at the bottom of the screen:
<resavio-sticky-bar client="1"></resavio-sticky-bar>
Customized HTML form
If you would like to have more design options, you can also integrate your own HTML booking form with arrival and departure fields (programming knowledge required) and style it using CSS. You can use the following HTML code and adapt it to your requirements:
Cookies
By default, our system asks your guests for their consent to the use of cookies. If you do not want the cookie consent banner to be displayed, you can prevent this using the query parameter ?cookie_consent=essential
. In this case, however, only essential cookies are set. If you have already obtained consent for the use of unnecessary cookies on your site, you can also transfer this consent to our system for the different cookie types:?cookie_consent=essential|personalization|analytics|advertising
Google Analytics
To include the Google Website Tag into our booking process, please enter your Google Analytics ID (G-*) in our tracking settings. For correct cross domain tracking you can use the domain linker module by adding the following code to the tracking code on your website:
gtag('set', 'linker', {'domains': ['resavio.com']});
If the guest accepted analytics cookies, all page views are tracked. Once a reservation is completed we send a purchase event (transaction_id = ID of the reservation):
gtag('event', 'purchase', {'transaction_id': '1234', 'affiliation': 'RESAVIO', 'value': 100.00, 'currency': 'EUR'});