Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 7 Next »

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 using a WordPress widget.

About widgets

Widgets are tiny blocks that you can place in your WordPress sidebars, also known as widget-ready-areas. We recommend using an existing WordPress widget, which allows you to place our HTML into your website.

These widgets are not made by Hoteliers.com, therefore we do not support questions on updates and changes to any WordPress widget. If the widget which we recommended in this article stops to function, we will update this article with a new suggested widget. However it is up to you to make any updates to your WordPress website.

Installing a widget

Step 1:

  • Go to the Wordpress Dashboard.

  • Go to “Plugins”.

  • Search for "Insert Html Snippet" (by xyzscripts.com).

  • Click on “Install now”.

  • Click on “Activate”.

Step 2:

  • Go to “XYZ Html”.

  • Click on "Add new HTML Snippet".

  • Fill in "Hoteliers-com-booking button" for the Tracking Name.

  • Insert the HTML code mentioned in the next paragraph.

Step 3:

  • Go to “View” > “Widgets”.

  • Click on dropdown icon of "Insert Html Snippet" and choose a widget-ready-area.

  • Enter a title, e.g. "Hoteliers.com Booking Button" or leave it blank.

  • Click on dropdown icon at “Choose Snippet” and choose "Hoteliers-com-booking button".

  • Click on "Save".

For more information, check https://developer.wordpress.org/themes/functionality/widgets/

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 possibilities see Booking Engine Button.

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

  • No labels