Embed a SchedulingKit Booking Widget on Squarespace
Add SchedulingKit's booking widget to any Squarespace page using the Code Block or Embed Block. Visitors see your services, pick a time, and confirm their booking without leaving your Squarespace site.
How It Works
Set up embed booking widget with Squarespace in just a few steps.
Copy your embed code
Get the iframe embed code from your SchedulingKit booking page settings.
Add a Code Block in Squarespace
Edit the target page in Squarespace, add a Code Block, and paste the SchedulingKit iframe code.
Adjust dimensions
Set the iframe width to 100% and height to 650-750px to ensure the full booking calendar is visible without inner scrolling.
Save and preview
Save the page, preview on desktop and mobile, and verify the booking flow works end to end.
Benefits
Why embed booking widget with Squarespace and SchedulingKit makes a difference.
On-brand booking experience
The widget sits within your Squarespace design. Clients never see a third-party domain or mismatched branding.
Lower bounce rate
Keeping the booking flow on-site prevents the drop-off that happens when visitors are redirected to an external URL.
Works on all Squarespace plans
Code Blocks are available on Business and Commerce plans. Embed Blocks work on all plans with a Squarespace workaround.
No Squarespace Scheduling dependency
Use SchedulingKit's full feature set instead of being limited to Squarespace's built-in scheduling tool.
Embed Booking Widget in Practice
A real-world look at how Squarespace embed booking widget works with SchedulingKit.
An interior design firm runs a Squarespace site showcasing project galleries and client testimonials. The firm offers three bookable services: initial design consultations (free, 30 min), room makeover packages ($2,500 starting, 60-min planning session), and virtual staging consultations ($500, 45 min).
The firm adds a Code Block to the "Work With Us" page and pastes the SchedulingKit iframe embed. The widget inherits the firm's custom colors — matte black buttons and warm beige backgrounds — matching the Squarespace template's aesthetic. On mobile, the iframe scales to fill the screen width.
A potential client browsing the portfolio clicks "Work With Us," scrolls past a brief services description, and books a free consultation directly on the page. The intake form asks about budget range, room type, and design style preferences. The firm owner receives the booking confirmation with all form answers attached.
In the first quarter after embedding the widget, the firm sees 42 consultation bookings from the Squarespace site. Previously, the "Contact Us" form generated 18 inquiries per quarter, of which only 9 converted to scheduled consultations. The embedded booking widget eliminates the back-and-forth email step and more than doubles the consultation pipeline.
Who It's For
Teams and individuals who benefit most from this integration.
Frequently Asked Questions
Common questions about embed booking widget with Squarespace.
How do I embed a booking widget on Squarespace?
Add a Code Block to your Squarespace page, paste the SchedulingKit iframe embed code, set width to 100%, and adjust height to fit the calendar.
Does the booking widget work on Squarespace mobile?
Yes. The iframe is responsive and adapts to mobile screen sizes. Preview in Squarespace's mobile view to confirm the layout.
Which Squarespace plans support code embeds?
Code Blocks are available on Business and Commerce plans. On Personal plans, use Markdown Blocks with HTML or an Embed Block workaround.
Can I style the widget to match my Squarespace template?
Yes. Customize colors, fonts, and button styles in SchedulingKit's booking page settings. The widget reflects those changes inside the Squarespace embed.
Start Using Squarespace + SchedulingKit
Set up embed booking widget in minutes. No credit card required, no complex configuration.
Free forever plan available · No credit card required