Before you begin
This guide explains how to integrate your booking engine with your property's website. If you're using Little Hotelier's Website builder, this integration is already set up for you
While our booking engine is designed for easy implementation, some website platforms require basic HTML knowledge. If you encounter difficulties, contact your website provider or developer
Always create a backup of your website before making any changes
Connecting your booking engine to your website allows visitors to make reservations directly, increasing your direct bookings and reducing administrative work. Follow these simple steps to set up this integration.
Step 1: Find your booking engine URL
Navigate to Setup > Live booking engine URL
Copy the URL from browser
Your URL format depends on your property's region:
Europe, Middle East, Africa or America: https://direct-book.com/properties/channelcode
Asia or Pacific: https://book-directonline.com/properties/channelcode
Note that 'channelcode' contains your property name
Step 2: choose your integration method
You have two main options for integrating your booking engine:
Option A: Widgets
Add interactive elements to your website that connect to your booking engine:
Book now widget: A Book now button that takes visitors directly to your booking engine
Date selection widget: Allows visitors to enter their check-in/out dates and guest numbers before redirecting them
Availability grid widget: Displays your rooms, rates, and availability in an interactive grid (not mobile-friendly)
Custom widgets: Create special widgets with custom parameters such as default night counts or language settings
Option B: Embedded booking engine
Integrate your booking engine directly within your website:
Creates a seamless booking experience without redirecting to another site
Maintains your branding throughout the entire booking process
Builds trust with customers by keeping them on your domain
Automatically adapts to a full-screen version on mobile devices
Step 3: Access integration guide
Our Website integration guide contains everything you need:
Detailed instructions for each integration method
Ready-to-use HTML snippets
Customisation options for all widget types
Google Analytics tracking setup instructions
Step 4: Add the Javascript library
The Javascript library is essential for your integration to function properly:
Follow the instructions in the integration guide to add the library code
Add this code to all pages that will include a booking engine link or widget
Place the code before the closing tag in your website's HTML
If you use Google Analytics, place this script after your Google Analytics or Tag Manager code to ensure proper tracking.
Step 5: Prepare your HTML snippet
Find the HTML snippet in the integration guide for your chosen method
Replace all instances of 'channelcode' with your actual channel code from Step 1
Customise any additional parameters as needed (language, default dates, etc.)
Step 6: Add the code to your website
Contact your website provider for specific instructions on adding HTML code to your site
Insert your modified snippet exactly as instructed by your provider
Save and publish your changes
Technical notes:
Most modern website builders have a "Custom HTML" or "Embed code" option
Some platforms allow direct access to page templates or theme files
If you're using a content management system like WordPress, you may need to use a plugin that allows custom HTML
Step 7: Test your integration
Visit your website as a customer would
Click on your booking button or widget
Verify that the booking engine opens correctly and displays your property information
Test the complete booking process to ensure everything works smoothly
If you encounter any issues, double-check each step or contact your website provider for assistance.