| Table of Contents |
|---|
Introduction
There are two ways of placing the Booking Engine Button on a Wordpress site:
Placing the Booking Engine Button with the widget "HTML snippet"
Widgets are tiny blocks of specific functionality that you can place in your WordPress sidebars (also known as widget-ready-areas).
Placing the booking Engine Button as HTML in a page text
If you want to place the Booking Engine Button somewhere else on your site than the widget-ready-areas you can put it between your page text.
Placing the Booking Engine Button with the widget "HTML snippet"
Go to the Wordpress Dashboard
Go to ““Plugins”
Search for "Insert Html Snippet" (by xyzscripts.com)
Click on “Install now”
Click on “Activate”
Go to “XYZ Html”
Click on "Add new HTML Snippet".
Fill in:
"Tracking Name" for example "Hoteliers-com-booking button"
"HTML code" (see code below)
| 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> |
For more possibilities see Booking Engine Button
Go to “View” -> “widgets”
Click on dropdown icon of "Insert Html Snippet" and choose a widget-ready-area
Enter a title, e.g. "Hoteliers Booking Button" or leave 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/
Placing the booking Engine Button as HTML in a page text
Go to the Wordpress Dashboard
Go to “Pages”
Click on "Edit”
Click on the three dots on the right above "More tools & options".
Click on "Code editor"
Put the HTML code below on the desired spot in the text
| 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> |
For more possibilities see Booking Engine Button
Click on "Update" at the top right
Click on "View page" at the bottom left
For more information, check https://wordpress.org/support/article/pages/