Introduction

There are two ways of placing the Booking Engine Button on a Wordpress site:

...

website: Using a WordPress widget or by placing the button with HTML only.

1. Using a WordPress widget (recommended)
   Widgets are tiny blocks

...

1. that you can place in your WordPress sidebars

...

1. , also known as

...

1. “widget-ready-

...

1. areas”. We recommend using an existing WordPress widget, which allows you to place our HTML into your website.
   

2. Placing the booking Engine Button as HTML in a page textbutton with HTML only
   If you want to place the Booking Engine Button

...

1. on a page without the “widget-ready-

...

1. areas”, you can

...

1. place the button between your regular 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)

<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

<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

...

1. using HTML only.