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
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. Follow the steps in the integration guide here.

Before you can embed your booking engine, you will need to:

Submit your domain: To embed your booking engine on a third-party domain, the domain must first be whitelisted (approved). You must submit your domain to us - please contact our support team. This security measure protects you and your guests from data theft and phishing attacks by ensuring only verified websites can display your booking engine. Important: Your embedded booking engine will not work until your domain is whitelisted.

Update your website’s referrer policy so that your domain is visible for us to be able to whitelist.

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.