How to integrate Smoobu's Homepage occupancy calendar into my external site?

Smoobu also gives you an optional calendar, that visually advises available/non-available dates.

It is a non-interactive calendar, where your website visitors can check the availability for specific dates and see whether your accommodation is available or not for that particular period of time.

For travellers with some dates flexibility, this information can be of particular use since they may be able to change their traveling dates to match your availability.

Keep in mind that this is a view-only calendar. This homepage calendar can be added to show occupancy, as a visual guide. It is optional and as it's non-interactive, the guest still needs to book via the Booking System.

Tip: We find it works well when adding text like the below, to advise potential guests:

"Check your dates on the Occupancy calendar. Note: Dates highlighted in red are not available.

When ready to book and pay, complete the booking form located xx."

Prefer to see this in practice? This customer has done so: https://www.sulalightship.com/bookings/

What does the Homepage calendar look like?

Our availability calendar has 2 options: Default and iframe.  

• Default: a web designer could alter the code by changing the part of it which reads "false"; changing it to "true" and modifying the calendar's aspect with CSS.
• Iframe: it is like a mirroring from our software, and therefore it cannot be changed.

How to integrate this calendar into your external website? 

You might need your web designer or webmaster to do this for you.

Follow the path: Settings - Homepage calendar - copy the code and paste it into the HTML of your site.

Examples

Some of our users who have implemented it:

https://www.sulalightship.com/bookings/

https://www.thebeachpadrincon.com/ocean-loft

Other suggested articles

How to integrate Smoobu Booking System into my external site?