Skip to main content

Link your booking engine with your property’s website

Link your booking engine with your property’s website to help increase direct bookings.

Updated this week

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

  1. Locate your booking engine’s URL via Direct booking > Configuration > Guest display options > Booking engine URL

  2. 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:

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

  1. Copy the HTML snippet you want from the Website Integration documentation

  2. Replace 'channelcode' with your actual channel code

  3. 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

Did this answer your question?