Placement
Options can be inserted in the <form> tags like this:
<form method="post" action="https://scripts.hoteliers.com/api/v1/book-form" target="_blank" class="hoteliers-book-form">
<input type="hidden" name="chain" value="{chain}">
<!-- INSERT OPTIONS HERE -->
<button type="submit" class="hoteliers-book-form__button">Book now</button>
</form>
Options
Promotion codes
Not available in the Chain Engine.
Specific rooms or packages
Not available in the Chain Engine.
Date picker
The same code can be used as described for the Booking Engine Button. See Date picker.
Google Analytics
he same code can be used as described for the Booking Engine Button. See Google Analytics.
Hotel selector
By default if you pass both an hotel and chain, the hotel will be prioritised. You can use this to make a hotel selector.
View a demo in Codepen.
<form method="post" action="https://scripts.hoteliers.com/api/v1/book-form" target="_blank" class="hoteliers-book-form">
<!-- Put chain hotel here -->
<input type="hidden" name="chain" value="36">
<!-- Add select with hotels -->
<select name="hotel">
<option value="">All Hotels</option>
<option value="8">Demo hotel 1</option>
<option value="2270">Demo hotel 2</option>
</select>
<button type="submit" class="hoteliers-book-form__button">Book now</button>
</form>