Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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).

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

...

  • Go to the Wordpress Dashboard.

  • Go to Click on Pagesin the dashboard menu.

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

  • At the top right of the page, click on the three menu dots on to open the right above "More tools & options"Code editor".
    Click on "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.

Note

The layout and steps in the WordPress admin can be different depending on your WordPress theme and settings. Therefore, we cannot write an exact explanation on how to enter HTML code into your website. Most important is to find the place where you can enter HTML code. Ask your website creator for assistance if needed.

HTML code

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

Code Block
languagehtml
<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>

...