Integrating Acuity Scheduling with Your Squarespace Site

Integrate seamless appointment scheduling on your Squarespace site for improved client engagement and convenience.

Adding Acuity Scheduling to Your Squarespace Site

TL;DR:

  • Add Acuity scheduling directly to your Squarespace site using scheduling blocks
  • Works with both linked Squarespace accounts and standalone Acuity accounts
  • Customize the appearance to match your site's design
  • No transaction fees from Squarespace for bookings
  • Requires a paid Acuity plan for embedding features

Setting Up Your Scheduling Block

Getting Acuity scheduling on your Squarespace site is straightforward. Here's how to add it:

For Squarespace 7.1 Sites

  1. Edit your page – Click the edit button on the page where you want scheduling
  2. Add a scheduling block – Click the '+' icon and select 'Scheduling' from the block menu
  3. Choose your scheduler type – Pick from general availability, specific calendars, or particular appointment types
  4. Save your changes – The block will appear on your live site immediately

For Squarespace 7.0 Sites

The process is similar, but you'll need to click 'Apply' after making changes for them to take effect.

Using a Standalone Acuity Account

If you have a separate Acuity account (not linked through Squarespace):

  1. Get your scheduler URL – In your Acuity dashboard, go to 'Scheduling Page Link' and copy the URL
  2. Add to Squarespace – In your scheduling block settings, select 'Custom Link' and paste your URL
  3. Test the connection – Make sure the scheduler loads properly on your site

Your scheduling block will display all the appointment types you've set up in Acuity, giving visitors a complete view of what's available.

Customizing Your Scheduler

Appearance Settings

You can adjust how your scheduler looks directly in Acuity:

  1. Go to 'Customize Appearance' in your Acuity dashboard
  2. Change colors, fonts, and layout to match your site
  3. Preview changes before applying them

Managing Bookings

To edit your scheduling setup:

  1. Click on the scheduling block in your Squarespace editor
  2. Open the block settings
  3. Adjust appointment types, availability, or other details
  4. Save your changes

Security and Access Control

You can control who sees your scheduling block:

Password Protection – Add a password to the page containing your scheduler

Member-Only Access – Place the scheduling page in a members-only area of your site

This works well for exclusive services or when you want to screen clients before they book.

Important Account Requirements

The free Acuity plan doesn't support embedding on external sites. You'll need to upgrade to a paid plan to use scheduling blocks with Squarespace.

Transaction fees only apply through Acuity's payment system, not from Squarespace itself.

FAQs

Can I change how my scheduling page looks?
Yes, use the 'Customize Appearance' section in your Acuity account to modify colors, fonts, and layout to match your site's design.

Does Squarespace charge fees for bookings?
No, Squarespace doesn't charge transaction fees for bookings made through scheduling blocks. Any fees come from Acuity's payment processing.

Will the free Acuity plan work with Squarespace?
No, you need a paid Acuity plan to embed scheduling on your Squarespace site. The free plan only works on Acuity's own pages.

What happens if I change my Acuity settings?
Changes made in your Acuity dashboard will automatically update on your Squarespace site. No need to re-embed or update the block.

Jargon Buster

Scheduling Blocks – Squarespace's built-in feature that displays Acuity booking forms directly on your site

Acuity Scheduling – A third-party booking system that handles appointments, payments, and client management

Embedding – The process of displaying content from one website (Acuity) on another (your Squarespace site)

Scheduler URL – The web address that points to your Acuity booking page

Wrap-up

Scheduling blocks make it easy to add professional booking functionality to your Squarespace site. Your visitors can book appointments without leaving your website, which typically leads to more bookings and a better user experience.

The key is making sure your scheduler matches your site's look and feel. Spend some time in Acuity's appearance settings to get the colors and styling right.

Ready to add professional scheduling to your site? Join Pixelhaze Academy for step-by-step tutorials and expert support.

Related Posts

Table of Contents