Adding online booking to your site

Use Acuity Scheduling, an external page, or a custom widget to schedule appointments.

Last updated January 17, 2025

You can add online booking to your site with Acuity Scheduling, our solution for clients to book appointments and classes through a Squarespace site. Once you've set up an Acuity account, you can display your scheduling page on your site with the scheduling block. To learn more about Acuity and how to sign up, visit Getting started with Acuity Scheduling.

If you're not using Acuity, you can also link to an external booking page or embed a booking widget with custom code.

Tip

Register for our Acuity Scheduling webinar series where we'll teach you how to use Acuity. The How to Start Scheduling webinar is ideal if you’re new to Acuity. The Preparing to Book webinar explains how to perfect your scheduler. The Boost your bookings webinar goes over features that help increase revenue and client retention.

Scheduling block

Use the scheduling block to display Acuity 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 separate from Squarespace, you can also embed your Acuity URL.

To learn more, visit Scheduling blocks.

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 link in your navigation menu that takes visitors to your booking page.
  • Text link - Add a booking page link to any page, blog post, or block 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 available in the Core, Plus, Advanced, Business, Commerce Basic, and Commerce Advanced plans. To learn more, visit Choosing the right Squarespace plan.

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

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:

Footer Image
  • Get help from our community

  • Get help from our community on advanced customizations.

  • Hire a Squarespace Expert

  • Stand out online with the help of an experienced designer or developer.