Note: While our most popular guides have been translated into Spanish, some guides are only available in English.

Adding online booking to your site

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 starter 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

If your booking service offers embed code, you can add it to a page using a Code Block. Using JavaScript or iframes in The Code Block is a Premium feature available in Business and Commerce plans.

To embed a booking service:

  1. 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.
  2. In your Squarespace site, open a page or post editor.
  3. Add a Code Block to a page.
  4. Paste the embed code into the block. 

Note: Third-party 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. Third-party 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:

Was this article helpful?
48 out of 78 found this helpful
Adding online booking to your site