There are two ways of placing the Booking Engine Button on a Wordpress website: Using a WordPress widget (this page) or by placing the button with HTML only.
...
| Note |
|---|
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
To install a widget to your WordPress websiteStep 1:
Go to the Wordpress Dashboard.
Go to “Plugins” > “New plugin”.
Search for "Insert Html HTML Snippet" ( by xyzscripts.com).
Click on “Install now”.Click on , then “Activate”.
Step 2:
Go to the menu item “XYZ Html”.
Click on "Add new HTML Snippet".
Fill in "Hoteliershoteliers-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 correctlanguage code.Click “Create”.
Step 3:
Go to “View” > “Widgets”.
Click on dropdown icon of "Insert Html Snippet" and , choose a widget-ready-area and click “Add widget”.
Enter In the widget-ready-area, enter a title , e.g. "Hoteliers.com Booking Engine Button" or leave it blank.
Click on dropdown icon at “Choose Snippet” and choose "Hoteliershoteliers-com-booking-engine-button".
Click on "Save".
| Info |
|---|
For more information, check https://developer.wordpress.org/themes/functionality/widgets/ |
...
Replace {hotel} with your hotel ID and replace {language} with the correctlanguage code.
| Code Block | ||
|---|---|---|
| ||
<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> |
...