Placement

Options can be inserted in the <form> tags like this:

<form method="get" action="https://scripts.hoteliers.com/api/v1/book-form" target="_blank" class="hoteliers-book-form">
    <input type="hidden" name="hotel" value="{hotel}">
    
    <!-- INSERT OPTIONS HERE -->
    
    <button type="submit" class="hoteliers-book-form__button">Book now</button>
</form>

Options

Promotion codes

<input type="hidden" name="promotion_code" value="mycode1234">

Codes cannot be validated on your website. Invalid codes don’t show any errors to the visitor currently either.

Specific rooms or packages

You can directly link to a specific room or package. This is useful if your visitor is on a detail page of a specific room.

For rooms:

<input type="hidden" name="room_id" value="{room_id}">

For Packages:

<input type="hidden" name="package_id" value="{package_id}">

You can only link to 1 room or 1 package

Date picker

Arrival and departure dates can be added. Both dates must be YYYY-mm-dd format.

<input type="hidden" name="arrival" value="2020-08-20">
<input type="hidden" name="departure" value="2020-08-21">

The above HTML creates hidden date fields. The person who created your website should build their own javascript if calendar fields are required.

Please note The Booking Engine does support input by date pickers. However, we do not support technical questions on the date picker as this is not part of the standard Booking Engine button.

The person who created your website should have sufficient knowledge to place a date picker without our assistance. We recommend using the Booking Engine button without a date picker if your website manager is unable to implement the date picker.

Number of nights

Number of nights can be added.

<input type="hidden" name="nights" value="2">

Please note When arrivaldeperature and nights are present, arrival and departure will overrule the number of nights.

Number of persons

Number of persons can be added.

<input type="hidden" name="persons" value="2">

Google Analytics

We support the _ga variable. Cross domain tracking is enabled. Simply add this script to your page. Make sure Google Analytics is loaded before.

<script src="https://scripts.hoteliers.com/js/book-button-ga.js"></script>

This will attach the Google variable to the URL like this: ?_ga={code}

Other variables

All other variables will be added as key/value pairs as a query string

<input type="hidden" name="key" value="value">

This will attach the variable “key“ to the URL like this: ?key=value

Multiple hotels

See Chain Engine Button.