HTML only

There are two ways of placing the Booking Engine Button on a Wordpress website: Using a WordPress widget or by placing the button with HTML only.

This page gives you instructions on placing the button with HTML only.

If you want to place the Booking Engine Button on a page without the “widget-ready-areas”, you can place the button between your regular page text using HTML only.

Placing HTML

To place HTML on a page:

• Go to the Wordpress Dashboard.

• Click on “Pages” in the dashboard menu.

• Click on "Edit” below the page name you wish to edit.

• At the top right of the page, click on the three menu dots to open the "Code editor".
  (This step can be different, depending on your WordPress setup. Find the “Code editor”.)

• Put the HTML code mentioned in the next paragraph, on the desired spot in the text.

• Click on "Update" at the top right.

• Click on "View page" at the bottom left.
  

HTML code

Replace {hotel} with your hotel ID and replace {language} with the correct language code.

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

For more information, check https://wordpress.org/support/article/pages/