Squarespace Acuity Scheduling Integration

How to Connect Acuity Scheduling to Squarespace

Step 1: Set Up Your Acuity Account

If you do not have an Acuity account, create one at acuityscheduling.com. Acuity is now part of Squarespace, so you can also access it through your Squarespace dashboard under Scheduling. Set up your basic account information - business name, time zone, and working hours.

Step 2: Configure Your Appointment Types

In your Acuity dashboard, create the appointment types you offer - consultations, sessions, meetings, classes, or any service your business provides. For each appointment type, set the duration, price (if charging), description, and any intake questions you want clients to answer when booking. Group related appointment types into categories for organized display.

Step 3: Set Your Availability

Configure your weekly availability schedule - the days and hours you are available for each appointment type. Acuity supports different availability for different services, buffer time between appointments, and capacity limits for group sessions. Sync with Google Calendar, Outlook, or iCal to prevent double-booking.

Step 4: Embed the Scheduler on Your Squarespace Site

There are two ways to add Acuity to your Squarespace pages:

Scheduling Block (simplest): In the Squarespace editor, add a Scheduling Block from the block menu. This native block displays your Acuity scheduler directly on the page with automatic styling that matches your template.

Code Block embed (more control): Copy the iframe embed code from your Acuity dashboard (Share > Embed Code) and paste it into a Squarespace Code Block. This gives you more control over sizing and positioning but requires a Business plan. For embedding techniques, our guide to HTML code embedding on Squarespace covers iframe responsive sizing.

Configuring the Booking Experience

Intake Forms and Custom Questions

Acuity lets you add custom questions to the booking form - ask clients about their goals, preferences, medical history, or any information you need before the appointment. Configure these in your Acuity dashboard under Appointment Types > Intake Forms. Keep the form short - every extra question reduces completion rates.

Payment Collection

Connect Stripe, Square, or PayPal to collect payment at the time of booking. Configure whether to charge the full amount, a deposit, or let clients pay later. Requiring payment at booking dramatically reduces no-shows because clients have financial commitment to the appointment.

Automated Reminders and Follow-Ups

Acuity sends automated email and text message reminders before appointments. Configure the timing - a reminder 24 hours before and another 1 hour before is a common setup. You can also set up automated follow-up emails after appointments for feedback, rebooking, or upselling additional services.

Cancellation and Rescheduling Policies

Set your cancellation policy in Acuity - minimum notice period for cancellations, whether to offer rescheduling, and whether to charge a cancellation fee. Include the policy in your confirmation emails so clients know the terms upfront.

Where to Place the Scheduler on Your Squarespace Site

Dedicated booking page: Create a page called "Book Now" or "Schedule" in your navigation. This is the most common approach and gives the scheduler a clean, focused page with no distracting content.

Service pages: Embed the scheduler directly on each service page so clients can book immediately after reading about the service. This reduces friction by eliminating the extra step of navigating to a separate booking page.

Homepage CTA: Add a "Book Now" button on your homepage that links to the booking page. Alternatively, embed a compact version of the scheduler directly on the homepage if booking is your primary conversion action. For CTA placement strategies, our Squarespace design tips guide covers conversion-focused layout design.

Customizing the Acuity Scheduler Appearance

Built-In Styling Options

In your Acuity dashboard under Customize Appearance, configure colors, fonts, and layout to match your Squarespace site. Set the primary color to your brand color, choose a font that complements your template, and select whether to show appointment types in a list or grid format.

CSS Customization

For precise visual control, add custom CSS in the Acuity Customize section. You can override button colors, form field styling, calendar appearance, and spacing. Match the scheduler's visual style to your Squarespace template for a seamless, branded experience. For CSS techniques on Squarespace, our guide to adding custom CSS to Squarespace covers styling embedded elements.

Acuity vs. Squarespace Scheduling

Squarespace also offers its own native Scheduling product (separate from Acuity). While both are owned by Squarespace, they serve different needs:

Acuity Scheduling is the more feature-rich option - it supports multiple appointment types, group sessions, packages, coupons, advanced intake forms, and integrations with third-party tools like Zoom, Mailchimp, and QuickBooks.

Squarespace Scheduling is simpler and more tightly integrated with the Squarespace editor. It is ideal for businesses with straightforward booking needs that want the easiest possible setup.

For most service businesses with more than two or three appointment types, Acuity is the better choice. For solopreneurs with simple booking needs, Squarespace Scheduling may be sufficient. For broader site customization, our guide to customizing your Squarespace website covers integrating scheduling into your overall site design.

Troubleshooting Acuity on Squarespace

Scheduler Not Appearing

If using the Scheduling Block, verify your Acuity account is connected to your Squarespace site. If using a Code Block embed, check that the iframe code is complete and the Code Block is set to HTML mode. Try the embed in an incognito window - browser extensions can sometimes block the Acuity widget.

Calendar Not Syncing

If Acuity shows availability that conflicts with your calendar, check the sync settings in Acuity under Calendar Sync. Re-authorize the calendar connection if it has expired. Verify that the time zone in Acuity matches your actual time zone.

Payment Not Processing

Verify your Stripe, Square, or PayPal connection in Acuity under Payments. Test the payment flow by booking a test appointment. Check that the appointment type is configured to require payment and that the price is set correctly. For SEO considerations around booking pages, our Squarespace SEO guide covers optimizing conversion-focused pages.

Turn Your Squarespace Site Into a Booking Machine

Acuity Scheduling integration transforms your Squarespace website from a digital brochure into a self-service booking platform. Clients find your services, choose a time, fill out intake forms, pay, and receive confirmation - all without a single email or phone call from you.

Set up your appointment types, configure availability, connect payment processing, and embed the scheduler on your most important pages. The time you save on scheduling administration pays for the integration many times over.