How to Add a Booking Calendar to Squarespace
Short answer: Place a responsive booking widget in a Squarespace Code Block and preserve a direct-link fallback for blocked frames.
- Place a responsive booking widget in a Squarespace Code Block and preserve a direct-link fallback for blocked frames.
- Key point: The widget belongs where the Squarespace visitor already understands the service and is ready to choose a time.
- Do this first: Generate the embed from the saved booking page.
- Measure: successful widget bookings.
The widget belongs where the Squarespace visitor already understands the service and is ready to choose a time
A booking page is a conversion step only after the visitor understands why the meeting is relevant. Context, qualification, genuine availability, confirmation, reminders, and a humane change path matter more than visual urgency.
Choose a page with clear booking intent
Use a service, consultation, or contact page where the visitor already knows why the meeting exists. Explain the outcome, duration, and who will attend above the widget. Generate the code in the Meetin.gs widget builder.
Select the right Squarespace block
| Option | Use it for | Tradeoff |
|---|---|---|
| Code Block | Full responsive embed | Site plan and security settings may affect scripts |
| Button Block | Simple direct booking link | Visitor leaves the current page |
| Text link | Fast fallback and accessible alternative | Less visually prominent |
| Popup pattern | Space-constrained pages | More focus and mobile testing |
Add and publish the Code Block
- Edit the Squarespace page and insert a Code Block.
- Paste the complete widget code.
- Save and open the public page in a new browser session.
- Confirm the widget height adjusts as the visitor changes steps.
Protect the fallback path
Frames can be blocked by browser privacy settings or a strict site policy. Keep the normal booking link under the widget and make its label specific, such as Open the 30-minute consultation page. The booking conversion guide explains how to measure the whole path.
Apply the add booking calendar to Squarespace method
Use one real meeting type, complete these actions in sequence, and record what changed.
Generate the embed from the saved booking page
Add it through a Code Block
Publish and complete a real mobile booking
Implementation resilience
Squarespace launch check
Use this worksheet before you publish. It stays in your browser and is not submitted to Meetin.gs.
Test the core scheduling flow
Create a booking page or group poll, then complete it in a separate browser session.
Measure successful widget bookings
The primary signal for this guide is successful widget bookings. Pair it with time to confirmation, completion, reschedule rate, attendance, organizer intervention, and the intended meeting outcome. Segment results by meeting type and participant context so one high-volume workflow does not hide another's failure.
