This article provides information about integrating your booking engine with your property’s official website. Follow this guide if you manage a single property and want to add booking functionality to your website using ready-to-use widgets and embedding options.

Before you start

Using SiteMinder's website builder? You don't need these steps - your booking engine is already integrated.
Technical requirements: You may need basic HTML knowledge depending on your website provider.
Important: Create a backup of your website before making changes.

Benefits of linking your booking engine to your website

Link your booking engine to your website to:

Allow website visitors to make reservations directly
Increase commission-free direct bookings
Save time on manual reservation processing
Provide 24/7 booking capability for guests

Website integration options

Option 1: Add widgets to your website

Choose from pre-built components that link to your booking engine:

Book now button: Add a simple call-to-action
Date selection widget: Let guests pick dates and guest count
Availability grid: Show rates and availability interactively (desktop only)
Custom widgets: Modify code for your specific needs

Option 2: Embed your booking engine

Display your booking engine directly within your website for a seamless experience without redirecting guests.

Managing multiple properties? If you're using Multi-Property, the Direct Booking API lets you fully customise how you display real-time rates and availability across your portfolio. The API provides raw data so you can build custom booking experiences that match your brand. For more information about the Direct Booking API, go to Multi-Property > Direct booking > API to access the developer guide.

How to integrate your booking engine with your website

To link your booking engine with your property’s website, follow the steps below.

Step 1: get your booking engine’s URL

Locate your booking engine’s URL via Direct booking > Configuration > Guest display options > Booking engine URL
Click on Copy link to copy it to your clipboard (you can paste it in a text app)

Your URL format depends on your property's location:

For properties in Europe, Middle East, Africa or America, your URL will look similar to this: https://direct-book.com/properties/channelcode
For properties in Asia or the Pacific, your URL will look similar to this: https://book-directonline.com/properties/channelcode
In the above examples, your ‘channelcode’ normally contains your property name.

Step 2: Access the Website Integration documentation

The Website Integration guide contains everything you need:

HTML snippets for all integration types
Instructions to customise widget appearance
Steps to embed your booking engine
Custom code options
Google Analytics tracking setup

Step 3: Add the Javascript library to your property’s website

The Javascript library has crucial information to make the link between your booking engine and your property’s website work. Follow the Website integration guide to add the Javascript library on all pages that contain a link or a reference to your booking engine.

Note:

Make sure to add the Javascript library before the closing tag in the source of your property’s website.
If you are using Google Analytics, and to ensure that Google Analytics is recognised correctly and cross-domain tracking is working, make sure that this script is placed after the snippet for Google Analytics or Google Tag Manager.