How to integrate the Smoobu booking system into your WordPress website | Guide

integrierte Buchungsstrecke - Smoobu und WordPress
The end result we are aiming for: Smoobu booking form seamlessly integrated into a WordPress Holiday Rental Website

In this step-by-step guide, we’ll show you how to integrate your Smoobu booking engine into your WordPress Holiday Rental website.

You’ll end up with a user-friendly web presence that offers your guests a smooth booking experience and saves you valuable time.

As a holiday accommodation landlord, it can be very time-consuming to manage booking requests and keep your availability calendar up to date.

Smoobu has created a pretty ingenious solution to this problem. It’s basically SaaS (Software as a Service) – a comprehensive holiday accommodation management platform – and offers seamless integration with WordPress so you can present your property’s availability to potential guests online.

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

Log in to your Smoobu Cockpit

You can find the Smoobu Dashboard / Cockpit here: Ô×í´ŞĆ www.login.smoobu.com

The Smoobu dashboard provides a nice overview

Select Settings from the menu on the left-hand side

The “Settings” tab is located in the menu bar on the left.

Scroll down to the Booking System tile and click on it.

Here you will find the HTML code templates for integration into your content management system (WordPress, Webflow, Contao, TYPO3 etc.) or your website builder (Squarespace, Wix, Weebly, 1&1 IONOS Website).

Select "Booking system"
Select "Booking system"

Click on the Embed in website tab on the top right corner

If you only market one object via Smoobu, you will only see one line here. As we have used an example with several objects, you will see different objects (= different holiday homes or units) here.

Select the "Embed in website" tab
Select the "Embed in website" tab

Under the tab Embed in website you have two options:

a) All your accommodations – This allows website visitors (= potential guests) to enter their desired dates and number of guests and search for availability in all your accommodations.

b) Select one of your properties – This allows you to add a booking form only for the selected property on the page (useful for a separate sub-page for each property).

Copy the HTML code
Copy the HTML code

Click on the copy icon next to the code snippet to copy the code

Since it is HTML code, you have to insert it as such into your website.

For example, you can use the HTML widget in Elementor. If you use DIVI (Elegant Themes), select the Code Widget.

Copy the HTML code into the desired section on your WordPress subpage.

Paste the HTML code into your website at the desired location.

Copy the HTML code into the desired section on your WordPress subpage

Great! You did it. ­čą│

eingebundene Buchungsstrecke - Smoobu mit WordPress
The result we wanted: WordPress page with Smoobu booking system

2 example website examples with built-in Smoobu booking system

Example 1: WordPress website with Smoobu integration

Moba Travel - Smoobu Example
Smoobu integration example from Travem├╝nde: Moba Travel

Moba Travel

Website: www.moba-travel.com

Property type: several holiday flats Ferienwohnungen (12 accommodations) 

Location: Travem├╝nde and Priwall (Bay of L├╝beck)

CMS: WordPress

Example 2: 1&1 IONOS website with the Smoobu Booking System

Das Abendrote Haus - Smoobu Integration Example

Das Abendrote Haus

Website: www.abendroteshaus.de

Type of accommodation: Group house for 10-30 guests

Location: Northern Germany / on the Baltic Sea

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

Hast du noch Fragen? Jetzt kostenlos Termin vereinbaren!

Fewolino Web Design & Consulting