You can add online booking to your site with Squarespace Scheduling, our built-in solution for clients to book appointments and classes through a Squarespace site. Once you've set up a Scheduling account, you can display your scheduling page on your site with the Appointment Scheduling Block. To learn more about Scheduling and how to sign up, visit Getting started with Squarespace Scheduling.
If you're not using Scheduling, you can also link to an external booking page or embed a booking widget with custom code.
Appointment Scheduling Block
Use the Appointment Scheduling Block to display Scheduling appointment types that are public and available to book. You can display all available appointment types, or filter the block to only show a particular appointment type or class. If you're using Acuity Scheduling separate from Squarespace, you can also embed your Acuity URL.
To learn more, visit Appointment Scheduling Blocks.
Tip: Create a dedicated appointment scheduling page with an online booking page layout.
Link to a third-party booking page
If you use different software that comes with an online booking page, you can link to it using the following methods:
- Button Block - Create a Book Now or Book an Appointment button.
- Navigation link - Add a booking page link to your Main Navigation menu.
- Text link - Add a booking page link to any page, blog post, or content area.
Embed a third-party calendar or booking widget
To embed a booking service:
- Copy the embed code from your online booking service. For help, contact them or search their site for embed code you can add to Squarespace.
- In your Squarespace site, open a page or post editor.
- Add a Code Block to a page.
- Paste the embed code into the block.
Note: Code-based customizations fall outside the scope of our support. This means that we’re unable to help further with setup or troubleshooting. Additionally, since these are code-based solutions, we can’t guarantee their functionality or full compatibility with Squarespace. This includes how they function with our responsive design or if they function on all templates. Code-based customizations can also cause display issues with future updates to our platform. While we can't help further, there are many resources that can point you in the right direction: