Skip to main content Skip to footer

How to add Inn Style booking platform

Embed Inn Style Booking Widget Forms on your uSkinned Site Builder website using one of the many embed HTML options provided.

In our example below, we will use Inn Style, which is an amazing service to get you up and running quickly. 

Embed your Inn Style Calendar

Step 1

Head over to the Inn Style website and follow the steps in this guide (https://innstyle.co.uk/developer-guides/#calendar) to create your Booking Widget Calendar.

Step 2

Now you have your Inn Style Calendar Widget embed code, log in to the uSkinned Site Builder CMS.

Step 3

Create or go to any page.

Step 4

At the "Main Content" label, click "Add content".

Add a modular component to uSkinned for Umbraco website.

Step 5

From the options in the slide-out panel, select the "Embed code" block.

Component options in uSkinned for Umbraco.

Step 6

Paste the embed code you copied in Step 1.

Paste your booking widget embed code into the field provided.

Step 7

Hit "Submit" in the slide-out panel.

Step 8

Now, "Save and publish" your page. 

The Inn Style Booking Calendar Widget is active and your customers can make bookings directly from your uSkinned-powered website. 

Demo

Check out the demo below...

More ways to add Inn Style Booking widgets

There are a variety of places you can embed Inn Style Booking Forms on your uSkinned Site Builder website.

You can try this out using the same steps for:

— Pods component > Embed Code
— Split component > Embed Code block
— Global components > Embed Code
— Global pods > Embed Code
— Extra Content pods > Embed Code
— Footer pods > Embed Code

#h5yr

Step 1

Sign up

Start a free trial of Site Builder.

Step 2

Design

Tailor the look and feel with the Visual Designer to suit your brand.

Step 3

Create

Add content with built-in eCommerce and third-party integrations.

Step 4

Host

World-class and secure hosting backed by Microsoft Azure.