How to integrate the Smoobu calendar into WordPress | Tutorial

Wordpress Website mit Smoobu Verfügbarkeitskalender
The end result we are aiming for: Smoobu calendar seamlessly integrated into a wordpress holiday rental website.

In this step-by-step tutorial, we’ll walk you through the process of integrating the Smoobu availability calendar into your WordPress website.

By the end, you’ll have a user-friendly calendar that ensures your guests have a smooth booking experience while saving you valuable time.

As a vacation rental owner, managing bookings and keeping your availability calendars up to date can be time-consuming.

Smoobu created a quite awesome sulution for this problem. It is basically SaaS (Software as a Service)- a comprehensive vacation rental management platform – and it offers a seamless integration with WordPress, allowing you to showcase your property’s availability to potential guests online.

So much for the introduction. Let’s get started, shall we?

Log in to your Smoobu Cockpit

You need to navigate to the smoobu website and log into you Smoobu Cockpit / Dashboard.


Log into your Smoobu Cockpit (Dashboard)
Log into your Smoobu Cockpit (Dashboard)

From the menu on the left hand side choose Settings and click

On the left side you will see the settings icon. Click on it.

Log into your Smoobu Cockpit (Dashboard)

Scroll down to the Website Calendar tile and click

Select the Website Calendar tile. Here you will find the HTML templates (iFrames) to implement your availability calendar in your content management system (WordPress, TYPO3, Contao) or your website builder (Jimdo, Wix, Squarespace, Weebly, 1&1 Ionos Website Builder, etc.).

Select the "Website Calendar" tile
Select the "Website Calendar" tile

Here you will see a list of all your properties. Choose the language, scroll down to the property you are interested in

If you are only marketing one property with Smoobu, you will only see one row here. As we have used a multi-property example here, you see more than one property.

Copy the code below the property name and paste it on your WordPress website

Select your language, scroll down to find the property you are interested in

As this is a snippet of HTML code, please make sure you insert it into your website as HTML code – e.g. in Elementor use the “HTML widget”. If you use DIVI (Elegant Themes), use the “code widget”.

Copy the HTML code below the property name
Paste the code into the HTML Widget of your CMS or Website Builder.
Paste the code into the HTML Widget of your CMS or Website Builder.

Done! Congratulations 🥳

Das Ergebnis - WordPress mit Smoobu Belegungskalender
The end result we wanted - WordPress with Smoobu Occupancy Calendar

2 examples of websites with Smoobu availability calendars built in

Example 1: WordPress Holiday Rental Website with integrated Smoobu Calendar

Moba Travel - Smoobu Example
Moba Travel - Smoobu Integration Example

Moba Travel


Property type: Holiday Flats (12 properties) 

Location: Travemünde and Priwall (Germany)

CMS: WordPress

Example 1: 1&1 IONOS Website with integrated Smoobu Calendar

Das Abendrote Haus - Smoobu Integration Example

Das Abendrote Haus


Property type:  Holiday Home / Group House (three holiday apartments for bigger groups)

Location: Northern Germany / close to the Baltic Sea

CMS: 1&1 IONOS Website Builder (DUDA CMS)

Hast du noch Fragen?

Vereinbare jetzt dein unverbindliches und kostenloses Erstgespräch!
Agnes Zapala und Jacek Poplawski von