WuBook booking engine integration

​

Integrating the WuBook booking engine into a website

This document explains the different ways to integrate the WuBook booking engine into a website. The integration lets visitors check availability and make reservations directly from the accommodation’s website. WuBook offers several integration options that suit different types of sites and customisation levels. You can see working examples in the official demo: https://wubook.net/wbkd/demo/#the-multi-widget

​

Available integration options

There are five main ways to integrate the booking engine into a website:

1. Multi-Widget (recommended option)
2. Standard widget
3. iframe integration
4. Advanced customisation for developers
5. Simple booking button

​

1. Multi-Widget (recommended)

The Multi-Widget is the recommended option for integrating the availability search on the site. It can show in a single interface:

• Check-in and check-out date pickers
• Number of guests
• Search availability button
• Different configurable information blocks

It’s responsive, so it adapts automatically to desktop, tablet, and mobile screen sizes. How to configure it

1. Open the widget builder.
2. Pick the elements you want to show in the search.
3. The tool generates an HTML code snippet automatically.
4. Copy that code and insert it on the website where you want the search to appear.

Multi-Widget builder: https://es.wubook.net/wor/ Once inserted on the page, the widget fits the width of its container automatically.

​

2. Standard widget

The standard widget offers a simpler booking engine integration with a basic, predefined setup. The process is similar to the Multi-Widget:

1. Open the configurator.
2. Adjust the available options.
3. Copy the code the tool generates.
4. Insert it into the website.

This widget also adapts to the site’s design automatically.

​

3. iframe integration

Another option is to show the full booking engine inside a page of the website through an iframe. Useful when:

• The site restricts external scripts.
• You want the full booking engine displayed on a specific page of the site.

Tool to generate the iframe: https://wubook.net/wif/

​

4. Advanced customisation

For web projects that need more customisation, WuBook offers technical documentation aimed at developers. This option lets you integrate the booking engine with more control over:

• Visual design
• Behaviour within the page
• Integration with the rest of the site

Technical documentation: https://tdocs.wubook.net/ord.html

​

5. Simple booking button

If you want a quick solution, you can just add a booking button or link that redirects directly to the WuBook booking engine. Useful when:

• You want a very quick integration.
• The website is simple.
• You don’t want to add widgets or extra elements.

The button redirects the user straight to the booking engine to complete the reservation.

​

Placement recommendations

To improve booking conversion, place access to the booking engine in visible spots on the site. Recommended locations:

• Home page
• Main site menu
• A dedicated “Reservations” page
• Header or featured section of the page

This helps users find the booking system quickly.

​

Common issues and solutions

Possible causes:

• The code wasn’t inserted correctly.
• The CMS or site builder blocks external scripts.
• The page wasn’t refreshed after inserting the code.

Fix:

• Review the code insertion.
• Clear the site cache.
• Make sure the page is published.

The widget fits the width of the container it’s inserted into. If the container has limited width or custom styles, it can affect the display. Fix:

• Review the container where it’s placed.
• Make sure the container width is responsive.

Possible causes:

• Wrong link.
• Error copying the booking engine link.

Fix:

• Check that the link points to the booking engine of the right property.

​

Final recommendation

For most websites, the Multi-Widget is the way to go because it offers:

• Better user experience
• More design flexibility
• Optimised integration for mobile