Once you’ve finished setting up your booking engine, you will need to connect your website within your booking engine so guests are able to make online bookings with you directly. This can be done by linking to your booking engine URL or embedding your booking engine within your website using a widget. Follow the steps in the Little Hotelier website integration guide.
Booking engine URL
Go to Front Desk > Setup
Click on Direct Booking URL
This opens your booking engine in a browser
Copy the URL
Widgets
Widgets are interactive components that display booking options on your website. You can use the Widget wizard in Direct Booking to help you customise how your booking engine will appear.
Types of widgets
Hyperlink/button: create a Book Now button that links to your booking engine
Datebox/Calendar selection: allows guests to search by selecting their preferred check-in/check-out date, only available rooms and rates will be displayed
Property availability grid: displays an interactive grid showing rates and availability for different dates
Widget wizard
Go to Direct Booking > Setup > Integrations
Click on Go to the widget wizard
Select a widget type from the drop-down list
Preview the widget and copy the code to embed on your websiteExample:
The first snippet of code will need to be placed on your website in the location where you would like your booking engine to appear. The second snippet will need to be placed just before the closing
tag of your page.
Note: If you are not familiar with how to update web pages, we recommend consulting with a web developer.
Embed your 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
⚠️ Important: Your embedded booking engine will not work until your domain is approved
Before you can embed your booking engine, you need to get your website domain approved (this is called "whitelisting").
To get your domain approved:
Submit your domain to our support team
Before submitting the form, update your website’s referrer policy so that your domain is visible for us to be able to whitelist.
Wait for approval confirmation
Once your website domain is approved, to embed your booking engine on your website, follow the steps in the integration guide here.
Need help with your website? If you are not familiar with how to update web pages, we recommend consulting with a web developer.