Trigger Booking Popups from Squarespace CTAs
SchedulingKit's popup booking widget opens as a modal overlay when visitors click any button or link on your Squarespace site. The booking flow appears on top of the current page, keeping visitors engaged while they schedule an appointment.
How It Works
Set up popup booking with Squarespace in just a few steps.
Enable popup mode in SchedulingKit
Toggle popup mode in your booking page settings and copy the popup script code.
Add the script to Squarespace
Paste the SchedulingKit popup script in Squarespace's Code Injection (header) under Settings > Advanced.
Link any button to the popup
Set any Squarespace button's URL to the SchedulingKit popup trigger link. Clicking the button opens the booking modal.
Test across devices
Verify the popup opens correctly on desktop, tablet, and mobile. Adjust the popup size if needed.
Benefits
Why popup booking with Squarespace and SchedulingKit makes a difference.
No page navigation required
The booking popup overlays the current page. Visitors stay on your content page while completing the booking flow.
Place CTAs anywhere
Add booking popup triggers to hero sections, navigation bars, blog posts, or footer CTAs. Any clickable element can open the booking modal.
Higher engagement on long pages
Long service pages and blog posts benefit from mid-content CTAs. A popup keeps the reader's place while they book.
Clean page design
The popup approach avoids embedding a large iframe in your page layout. The booking interface only appears when the visitor is ready to act.
Popup Booking in Practice
A real-world look at how Squarespace popup booking works with SchedulingKit.
A copywriting agency uses Squarespace to showcase case studies, pricing packages, and a blog with marketing tips. The agency wants booking CTAs throughout the site without dedicating an entire page to a scheduling widget.
The agency adds the SchedulingKit popup script to Squarespace's header code injection. Then, every "Book a Strategy Call" button across the site — one in the hero section, one on the pricing page, one at the end of each blog post, and one in the footer — links to the popup trigger URL. Clicking any of these buttons opens a centered modal with the agency's booking calendar.
A prospect reading a case study about a SaaS client who increased conversions by 34% clicks the "Book a Strategy Call" button at the bottom of the article. The booking popup opens over the case study. The prospect selects a 30-minute strategy call, picks Thursday at 11 AM, fills in their company name and project scope, and confirms. The popup closes and they return to the case study.
The agency tracks popup trigger sources and finds that blog post CTAs generate 40% of all bookings, followed by the pricing page at 30%, the hero section at 20%, and the footer at 10%. This data informs content strategy: the agency prioritizes publishing case studies that include strong CTAs, knowing they drive the most consultation bookings per page.
Who It's For
Teams and individuals who benefit most from this integration.
Frequently Asked Questions
Common questions about popup booking with Squarespace.
How do I add a booking popup to my Squarespace site?
Paste the SchedulingKit popup script in Squarespace's Code Injection header, then link any button to the popup trigger URL. Clicking the button opens the booking modal.
Can I trigger the booking popup from multiple buttons?
Yes. Any button, link, or clickable element on your Squarespace site can trigger the same popup. Just set the link URL to the SchedulingKit popup trigger.
Does the popup work on Squarespace mobile?
Yes. The popup renders as a full-screen overlay on mobile devices, providing a clean booking experience on small screens.
Can I use the popup and an embedded widget on the same site?
Yes. Use the popup for CTAs across the site and an embedded widget on a dedicated booking page. Both connect to the same SchedulingKit account.
Start Using Squarespace + SchedulingKit
Set up popup booking in minutes. No credit card required, no complex configuration.
Free forever plan available · No credit card required