What is Weebly?
With its easy to use drag-and-drop interface, Weebly is one of the most popular website tools around. With just a few clicks you can have a theme-based site up and running in no time. We’ll now guide you through adding a booking calendar to a Weebly website.
Add a booking calendar to a Weebly website
Once you’ve got your account and theme setup, you can start adding pages, menus and content to your new Weebly site. Once you’ve got the basics setup, you can get your booking calendar in place.
1. Add the ’embed code’ Block
In the sidebar of your Weebly site editor, you should see a box titled ’embed code’ — drag that onto the page where you’d like to add your booking calendar.
2. Add the code
With Inn Style, you just need a couple of lines of code to show your booking calendar. In this example, we’re using the code from our demo account. Paste this into the ’embed-code’ block you just dragged onto your Weebly page (making sure you change ‘demo’ with your Inn Style account name).
<!DOCTYPE html> <script id="InnStyle-js" src="http://developer.innstyle.co.uk/calendar.js"></script> <script> InnStyle('demo'); </script>
Nothing showing yet? Fear not, Weebly won’t display the code you just added until you publish your page.
3. That’s it, piece of cake!
Congratulations! You’re shiny new Weebly site now features a slick, simple, mobile friendly booking system.
Looking to add a booking calendar to another CMS? Take a look at these guides:
- Adding a booking calendar to SquareSpace
- Adding a booking calendar to Wix
- Adding a booking system to WordPress