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”>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.