What is SquareSpace?

SquareSpace is an easy-to-use platform for building and running your accommodation website. You don’t need any technical know-how, there are loads of attractive, mobile-friendly themes to choose from, and it’s really easy to integrate Inn Style's booking calendar once you've set everything up.

What you’ll need:

  1. A SquareSpace account
  2. A website page that you want to add your Inn Style code to

Got everything? Let’s press on.

Adding the code block in SquareSpace

Open a page or post editor. Click Insert Point and select Code from the Block Menu.

The Code Block allows you to add custom code to a page, blog post, sidebar, or footer.

The Code Block renders HTML and Markdown. JavaScript and CSS can display as text only.

Adding Inn Style’s code snippet

The code you need to add should look something like:

// Use the HTTPS path to the Inn Style JS
<script id="InnStyle-js" src="https://developer.innstyle.co.uk/calendar.js">
InnStyle('yoursubdomain', {  
// Add the 'protocol' parameter with 'https' as a string. protocol: 'https'});          

Click Apply to publish your changes.

Keep in mind:

As a SquareSpace security measure, sometimes your code won’t appear when you’re logged in – even if visitors can see it.

If you can’t see code that you added to a Code Block, try logging out of the site or opening it in another browser.

The code also might not render if you’ve added it to a page within an Index. To test, simply remove the page from the Index within the Pages panel, and log out of your site.

SquareSpace now use SSL

SquareSpace activated SSL support for all sites, as of October 2016. The great news is that Inn Style supports SSL environments as standard. You just need to make sure your code includes the protocol parameter (see above). With SSL enabled automatically, your visitors can access a constant, secure connection on every page of your site.

A common issue

Selecting the Enable Ajax Loading setting within your SquareSpace account can cause problems with Inn Style's booking widget. If you're having trouble viewing the widget on your website, or if the widget only appears once you refresh the page, it's worth checking that this setting is not active.

For more information, check out our Developer Guide.

Did this answer your question?