Webhotelier offers various booking engine integration options for your website. The most popular methods are the “Direct Link”, “Widget” and “Custom Form”. If you wish to dive right in, please check getting started.

Explainer

For the majority of websites the recommended integration method is the “Direct Link”. This method offers the fastest way to your customers to open the booking engine.

The “Widget” and “Custom Form” methods are more involved but allow customers to initiate the availability search from within your website. When used, we recommend also adding a direct link to the booking engine in your main menu or in the body of the page in a prominent position.

Integration Options

Option 1: Direct Link (recommended)

Place a direct booking engine link on your website. The link should point to the URL that you received after your property’s setup has completed (example: https://yourproperty.reserve-online.net).

Example A: Call to action button

Example B: Menu item

For a better user experience, please follow the recommendations below:

• Place the link in a prominent position, for example in your main menu or as a call-to-action button neart the top of the page (above the fold).
• Users shouldn't have to scroll to find the booking link button.
• Make sure the button or link has enough contrast and visually stands out against other content and links on the page.
• Placing more that one booking engine link is recommended. For example, it is good practise to place the link in both your navigation menu and as a call to action where it matters.
• Place additional booking engine links in your room presentation pages.
• Links support additional parameters, for example to highlight a particular room type or rate. Find all the available options in the getting started guide.

Option 2: Availability Search Widget

The Availability Search Widget is a simple to use solution for embedding an availability search form in your website.

The widget is a simple iframe element that you can embed anywhere in your page.

You can generate the necessary code for your widget using our Code Generator.

Example:

Option 3: Build a Custom Form

For a completely customized look and feel that perfectly matches your website's design, building a custom HTML form is the recommended method.

Custom form example:

As a starting point, we provide this working example. Feel free to copy it and customize it to your needs.

A well designed form should have the following properties:

• Use a date picker for easy check-in and check-out selection.
• If your property is seasonal, make sure the default check-in date is on a date when you are operational.
• Default length of stay and occupancy values should match your property's default. For example if your property has a minimum stay of 3 nights, your nights select box should start from 3 nights. If the vast majority of your bookings are for 2 adults or more, then the adult select box should the 2 option selected by default.
• If your website supports many languages, the form should also be translated.
• Additional fields like booking codes, voucher codes, etc, should be optional.
• Your form's interactive elements should be compatible with all modern browsers.
• Make sure you also include a Direct Link to your booking engine as a fallback. Do not rely only on the form.

Additional Options

Option 4: Weekly Calendar

For properties that require week-long stays, we recommend the weekly calendar widget.

To find out more and build your own widget, click here.

Weekly Calendar Example

Option 5: API

This is the most advanced integration method. Requires server-side technical skills and infrastructure.

---

Begin integration

To read detailed information about our integration options and supported settings, click on the link below.