How do I integrate Smoobu's Booking Engine into my external site?

This guide explains how to integrate Smoobu’s Booking Engine into your external website. You can choose between two options: embedding the Booking Engine via HTML code so guests can book directly on your site, or adding a link (for example, to a “Book Now” button) that redirects guests to an external page.

Step-by-Step - Direct integration in the website with HTML / iframe

1) Click Configuration > Booking Engine > Embed in Website (third tab)

2) There will be two codes:

a) ALL Accommodations / properties - Select this under 'Embed in Website', copy the HTML code and paste it within your HTML section on your site.

b) INDIVIDUAL Accommodation / property

Select the property under Accommodation selection, then again under 'Embed in Website', copy the HTML code and paste it within your HTML section on your site.

Step-by-Step - Link to the Booking Engine via URL

1) Link to General Search (all properties included), go to Configuration > Booking Engine.

2) Click on 'Preview' in the upper right corner and copy the link from the URL.

Example: https://booking.smoobu.com/HomeSweetHome25

2) Link to Individual Search (single property). Compose it as follows:

https://booking.smoobu.com/yourbookingenginename + ?apartmentId= + individualpropertyID here

Example: https://booking.smoobu.com/HomeSweetHome?apartmentId=2794633

💡 Tip: Where to get the Apartment ID individualpropertyID here from? In Smoobu: API Keys