WordPress widget

Owned by Wouter van Gessel
Last updated: Oct 08, 2020
2 min read

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” > “New plugin”.

  • Search for "Insert HTML Snippet" by xyzscripts.com.

  • Click on “Install now”, then “Activate”.

Step 2:

  • Go to the menu item “XYZ Html”.

  • Click on "Add new HTML Snippet".

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

  • Insert the HTML code mentioned in the next paragraph on this page.

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

  • Click “Create”.

Step 3:

  • Go to “View” > “Widgets”.

  • Click on dropdown icon of "Insert Html Snippet", choose a widget-ready-area and click “Add widget”.

  • In the widget-ready-area, enter a title "Hoteliers.com Booking Engine Button" or leave it blank.

  • Click on dropdown icon at “Choose Snippet” and choose "hoteliers-com-booking-engine-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/