Event scheduling with Squarespace
Adding online booking to your Squarespace site is simple. Here we are using Tomorrow Scheduling which can easily be dropped onto your site so you'll be up and running in minutes.
Setup Tomorrow
First head over to Tomorrow and login or create a new account for free. https://www.tomorrowapp.io
Once you're logged in you'll be on the admin panel, then head over to Account > Integration
Here you can find a script which can be copied and pasted into your Squarespace website.
To copy the script click “Copy to Clipboard”.
Integrating with Squarespace
You can add custom scripts to Squarespace in a number of ways. Either using a code-block which is available on all plans or via site-wide code injection which requires a premium subscription. You can see more details here:
https://support.squarespace.com/hc/en-us/articles/205815928-Adding-custom-HTML-CSS-and-JavaScript
1 Using site-wide code injection: First, go to your sites edit mode and in the left sidebar click Settings > Advanced > Code injection. Here you can paste the code copied earlier and hit Save in the top left corner.
2 Using Codeblocks: The same functionality can be achieved with code blocks. First, click “edit” to modify your site. Click any insert point in the editor to add a new block. Here you can select “Code” at the bottom to add a code block.
Here you can paste the same code from Tomorrow and the widget will appear in the bottom right corner.
Now we have the booking widget available as seen below:
If you would prefer a custom button rather than the default to appear in the bottom right corner, this can also be achieved with Squarespace by adding a standard button component and have it link to your custom checkout URL. This can also be found on the integration page of the Tomorrow Admin Panel under the “Hosted checkout” title.
Alternatively, you can use the hosted checkout link directly via email or social media, without the need for a website.
If you have any questions please don't hesitate to ask in the comments below.
