Extra options (for chains)

1 Placement
2 Options
- 2.1 Promotion codes
- 2.2 Specific rooms or packages
- 2.3 Date picker
- 2.4 Google Analytics
- 2.5 Hotel selector

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="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="get" 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>

Documentation