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.
Step 4: Add your chosen integration
Copy the HTML snippet you want from the Website Integration documentation
Replace 'channelcode' with your actual channel code
Add the modified snippet where you want it on your website
Step 5: Test your integration
Visit your website and test the booking functionality to ensure everything works as expected.
Need help? For website-specific issues, contact your website provider or developer