Add a Booking Widget to Your Squarespace Site
Embed the SchedulingKit booking widget on Squarespace using a Code Block or site-wide Code Injection. Visitors can schedule appointments directly on your beautifully designed Squarespace pages.
Free forever · No credit card required · Live in minutes
A Squarespace booking widget is an embeddable calendar that lets visitors schedule appointments directly on your Squarespace website without leaving the page. SchedulingKit lets you embed a free booking widget on Squarespace in 2026. See all platform guides.
How to Add a Booking Widget to Squarespace
Follow these steps to embed the SchedulingKit booking widget on your Squarespace site
Copy Your Embed Code
Log into your SchedulingKit dashboard, go to the Embed section, and copy the widget HTML snippet for your booking page.
Open the Squarespace Page Editor
Navigate to Pages in your Squarespace dashboard, open the page where you want the widget, and click Edit.
Insert a Code Block
Click an insert point, select Code from the block menu, and paste the SchedulingKit embed snippet into the code block.
Toggle Display Source Off
Make sure the 'Display Source' toggle is turned off so the widget renders visually instead of showing raw HTML.
Save and Publish
Click Save on the code block, then publish the page. For a site-wide floating widget, paste the script in Settings → Advanced → Code Injection (Header).
Ready-to-Use Squarespace Embed Code
Copy and paste this snippet into your Squarespace site to add a booking widget instantly:
<!-- SchedulingKit Booking Widget --> <div id="schedulingkit-widget"></div> <script src="https://widget.schedulingkit.com/embed.js" data-url="https://app.schedulingkit.com/YOUR-BUSINESS" data-style="inline" data-primary-color="#4F46E5" async> </script>
Replace YOUR-BUSINESS with your SchedulingKit booking page URL. Create your free account to get your personalized embed code.
Squarespace Widget Features
Platform-specific features that make the booking widget work seamlessly on Squarespace
Code Block Integration
Drop a single code block onto any Squarespace page to render the full booking calendar inline with your content.
Site-Wide Code Injection
Add the floating widget script via Squarespace's Header Code Injection to show a booking button on every page of your site.
Template Compatible
Works across all Squarespace templates — Brine, Bedford, Skye, and the new Fluid Engine layouts render the widget identically.
Custom CSS Support
Use Squarespace's Custom CSS panel to fine-tune the widget's spacing, borders, and shadows to match your design system.
Best Practices for Squarespace Booking Widgets
Tips for getting the most out of your embedded booking widget on Squarespace
Use a Code Block instead of a Markdown block — Markdown blocks strip scripts and the widget won't load
Set a minimum height on the code block container via Custom CSS to prevent layout shifts
Place the inline widget on your booking or contact page and use Code Injection for the floating widget everywhere else
On Squarespace 7.1, use the Fluid Engine's drag-and-drop grid to position the code block precisely
Test the embed on Squarespace's built-in device preview before publishing
Squarespace Booking Widget Questions
Which Squarespace plan supports code blocks?
Code Blocks are available on all Squarespace plans — Personal, Business, Basic Commerce, and Advanced Commerce. Code Injection (for site-wide scripts) requires the Business plan or higher.
Does the widget work with Squarespace 7.0 and 7.1?
Yes. The embed code works identically on both Squarespace 7.0 and 7.1. On 7.1 you can position the code block using the Fluid Engine layout grid for more precise placement.
Can I embed different widgets on different pages?
Yes. Each Code Block can contain a different embed snippet pointing to a different service, team member, or location. This is ideal for businesses with multiple service categories.
Will the widget affect my Squarespace SEO?
No. The widget loads asynchronously and does not inject any SEO-conflicting content. Search engines index your Squarespace page content normally.
Add a Booking Widget to Squarespace Today
Join thousands of businesses embedding booking widgets on Squarespace with SchedulingKit
Free forever plan available · No credit card required