Advanced features for Booking System iframe: Group selection of properties, individual properties, search by location

FOR ADVANCED USERS:

Sometimes it might be necessary to have, for instance, 2 general search booking systems in one Smoobu account. Until now, we offered one general search engine and as many individual engines as units you had (read more here).

We understand that if you have more than one website for the properties you manage, whether it is because they are in different locations or just because they have different styles, you might need more than one general search booking system.

Today, we will show you how to create more than one booking system code from your Smoobu account. 

Case 1: more than one booking system on same website

Let's say you have the following properties called Villa, Apartment, Bungalow and Tent, and you would like a booking engine for only 2 of your properties.

Booking engine 1: should include properties Tent and Bungalow
Booking engine 2: should include properties Villa and Apartment.

We'll show you below how to create Booking engine 1. 

Instructions

Step 1

Copy the ALL accommodations code from Settings / Booking System / Embed in website

This is what we get: 

<div id="apartmentIframeAll">
<script type="text/javascript" src="https://login.smoobu.com/js/Settings/BookingToolIframe.js"></script>
<script>BookingToolIframe.initialize({"url": "https://login.smoobu.com/en/booking-tool/iframe/YourSmoobuAccountNumber", "baseUrl": "https://login.smoobu.com", "target": "#apartmentIframeAll"})</script>
</div>

Step 2

Identify the apartmentID of the properties you want to merge into one unified selection.

How do you get an apartment ID?

From the individual booking system. Path:  settings - booking tool - Embed in website - individual properties.

In our example, this is the apartmentID for the property named Tent. See it in red below: 

<div id="apartmentIframe427153">
<script type="text/javascript" src="https://login.smoobu.com/js/Settings/BookingToolIframe.js"></script>
<script>BookingToolIframe.initialize({"url": "https://login.smoobu.com/en/booking-tool/iframe/62511/427153", "baseUrl": "https://login.smoobu.com", "target": "#apartmentIframe427153"})</script>
</div>

Repeat for the other property. In our example, for Bungalow.

<div id="apartmentIframe427150">
<script type="text/javascript" src="https://login.smoobu.com/js/Settings/BookingToolIframe.js"></script>
<script>BookingToolIframe.initialize({"url": "https://login.smoobu.com/en/booking-tool/iframe/62511/427153", "baseUrl": "https://login.smoobu.com", "target": "#apartmentIframe427153"})</script>
</div>

Step 3

Now we need to add the parameter ?apartmentGroups[]="ApartmentID" to the original booking engine code we copied in Step 1, plus we need to add a "&" for each additional unit.

Please note that "ApartmentID" should be replaced with the ApartmentID numbers we identified in Step 2.

See below what all the information combined should look like:

<div id="apartmentIframeAll">
<script type="text/javascript" src="https://login.smoobu.com/js/Settings/BookingToolIframe.js"></script>
<script>BookingToolIframe.initialize({"url": "https://login.smoobu.com/en/booking-tool/iframe/62511?apartmentGroups[]=427153&apartmentGroups[]=427150", "baseUrl": "https://login.smoobu.com", "target": "#apartmentIframeAll"})</script>
</div>

Done! Now you are ready to integrate this code into your Website

PRO TIP: if you prefer your website visitors not to have the option to view your other accommodations, you may disable the possibility via CSS (advanced). Please see example (4) here: ***For developers*** Booking system for External website: custom CSS

Case 2: more than one booking system - integrated on different websites

If you want to create more than one booking system because you need them to be integrated on various different websites, we can provide you several subdomains. You might need this for example when you want to have different direct booking websites for the same apartment. Let's say your own website and the website of your friend. Giving him a separate subdomain allows you to track the performance of both sites separately.

1. Create an individual ical channel in booking-systemsettings. You can name it however you want "my-friends-website"
2. Send us a message with your wish to get a second booking-system with the channel ID (you see it in the URL) of individual ical channel's settings.
   
3. We provide you a second html-code that you see in your booking system settings. https://login.smoobu.com/de/booking-tool/bookingToolIframeSettings