This article is for:
With Timely, you are able to connect your online booking to your Squarespace website, through the use of booking buttons, widgets, and links. This creates an effortless experience for your clients, as they can access your booking page in one click! In this article, you will learn how to add Timely to Squarespace.
How to acquire the code / HTML snippet required
1
Head to setup from the main menu in your Timely account dashboard, and click on booking buttons.
2
Select the type of button, widget, or link that you would like to add to your website.
3
Then copy the button code / snippet that is provided. The first line will include a reference to the booking code, while the second line is the button itself. If you're planning on adding multiple buttons, you will only need to add the first line once.
How to add the snippet code to your website
1
Open your Squarespace content manager and edit the page where you want to display the booking button.
2
Click the plus sign [+] on the page where you would like the button/widget to appear for the block menu.
3
Under the more section (you may need to scroll down to see it) choose the code block.
4
Paste the Timely book now button code into the edit code box.
5
If you are using the standard book now button or individual buttons you will need to add the additional code in bold below, as follows:
<script id="timelyScript" src="https://book.gettimely.com/widget/book-button-v1.3.js"></script>
<span id="timelyButton"></span>
<script> var timelyButton = new timelyButton("doedayspa", {buttonId: "timelyButton"}); </script>
6
When you are ready, click save to add the button to your website.
Timely note: for more information, see Squarespace's help guide for adding custom html to your site.