fbpx

How to embed Inn Style’s booking engine onto your website

Easily embed our booking form onto your website

Great, you are all set up – now what?

You will have to embed your Inn Style calendar on your website. There are a number of different ways to add Inn Style to a website, below are the options you have to embed your calendar.

Adding Inn Style to your website

With just two lines of code, you can add Inn Style’s mobile-friendly, easy-to-use booking system to your website.

Quick and simple, within the page content

There’s no need to install any plugins – you can simply add a snippet of code to any page, and the booking system will be ready to go in minutes.

<a href=”https://demo.innstyle.co.uk” class=”btn btn-success”>Book online now!</a>


This approach can also be used within a page template.

What's a Bookable ID?

A Bookable ID is a unique ID for a particular unit of accommodation in Inn Style.

Want to create something that shows all availability on one page? Easy! Just use this instead of specifying the bookable and using custom fields.

<script id=”InnStyle-js” src=”https://developer.innstyle.co.uk/calendar.js”></script><script>InnStyle(‘demo’);</script>

You’ll need to make some modifications if your website is running over a secure connection.

Customising your calendar

There are various things that you can consider when customising your calendar on your website, below are a few examples:

Extra options

There’s a whole range of parameters that you can add to the code to alter the calendar in your template (e.g. filter rooms shown, hide policies, set background type etc). You can find out more about these additional settings in our Developer Guide.

Responsive Design

The calendar integration code returns a booking calendar built using Twitter’s Bootstrap framework. This means the booking calendar will adapt to match the space you put it in, making it mobile-friendly as standard.

Theme Editor

Use the presentation options on Inn Style to edit the colours and fonts used on the calendar, to better match the design of your WordPress template.

If you are using a SquareSpace website you can find the instructions on how to embed your Inn Style booking engine to your website here.

Help is here when you need it

Enjoy your new booking engine! If you need any help along the way, get in touch with our Support team and we’ll assist however we can. 

An exclusive offer from

Inn Style &
The Epicurean Club

An exclusive offer from

Inn Style

An exclusive offer from

Inn Style

An exclusive offer from

Inn Style

An exclusive offer from

Inn Style

An exclusive offer from

Inn Style

An exclusive offer from

Inn Style

An exclusive offer from

Inn Style &
Stay in a pub

An exclusive offer from

Inn Style &
Stay in a pub

An exclusive offer from

Inn Style &
The Epicurean Club

An exclusive offer from

Inn Style &
The Epicurean Club

Book a Demo

Complete the form below and someone from the Inn Style team will be in touch.