Integrate Calendly with Squarespace in Minutes

How to Integrate Calendly with Squarespace

There are two main methods to add Calendly to Squarespace: embedding the full inline widget directly on a page, or adding a floating popup button that appears across your whole site. Both work well. The right choice depends on where you want the booking experience to live - in the flow of a specific page, or always available no matter where a visitor scrolls.

Method 1: Embed the Calendly Widget Inline on a Squarespace Page

This is the most common way to integrate Calendly with Squarespace, and it works on any page - your homepage, a services page, a landing page, or a dedicated booking page.

Start by logging into your Calendly account and navigating to your event type. Click "Share," then select "Add to Website." Choose the "Inline Embed" option and copy the embed code Calendly provides. It will be a small block of HTML with a script tag.

Next, open your Squarespace page editor and add a new block. Search for "Code" and select the Code Block. Paste your Calendly embed code into the code block, then save and preview. The calendar will render directly inside the page, letting visitors pick a time without ever leaving your site. For more on using code blocks effectively, see our guide to how to add custom code to Squarespace.

Method 2: Add a Calendly Popup Button to Squarespace

If you want a "Book Now" button to float on every page of your Squarespace site, Calendly's popup widget is the right tool. From the same "Add to Website" menu in Calendly, select "Popup Widget" instead of inline embed. Copy that embed code.

In Squarespace, go to Settings, then Advanced, then Code Injection. Paste the Calendly popup code into the Footer section of the code injection panel. This injects the script site-wide, so the booking button appears on every page automatically. No need to add a code block to each individual page.

This method is especially effective for service businesses - coaches, consultants, photographers - who want scheduling to feel like a natural part of every interaction rather than a separate destination.

Method 3: Use a Calendly Link Button on Squarespace

The simplest approach requires no embed code at all. Copy your Calendly scheduling link directly from your Calendly dashboard. In Squarespace, add a Button Block anywhere on your page and paste the Calendly link as the destination URL. Set it to open in a new tab.

Visitors click the button and land on your Calendly scheduling page. It is not as seamless as an inline embed, but it works perfectly for quick setups or for sites where you want to test the booking flow before committing to a full embed. For ideas on where to place calls-to-action strategically, see our Squarespace design tips guide.

Squarespace Scheduling vs Calendly: Which Should You Use?

Squarespace has its own native scheduling tool - formerly known as Acuity Scheduling - built directly into the platform. If you are already on a Squarespace Business or Commerce plan, Squarespace Scheduling is included and integrates without any code at all. It handles payments, packages, and class bookings natively.

Calendly is the better choice if you need tight calendar integrations across multiple tools (Google Meet, Zoom, HubSpot, Salesforce), prefer Calendly's routing forms, or already use Calendly with your team across multiple meeting types. Many site owners use both: Squarespace Scheduling for paid service bookings and Calendly for free discovery calls or lead qualification.

Neither option is wrong. The best Squarespace booking widget is the one your clients actually use. If your audience is already familiar with Calendly links from your email signature or LinkedIn, keeping that consistency by embedding Calendly in Squarespace removes friction from the booking experience.

Tips for a Better Squarespace Booking Experience

Placement matters more than most people think. An embedded Calendly widget buried below three paragraphs of text will get ignored. Put your booking calendar above the fold on your services page, directly after your primary value proposition. The fewer clicks between "I want this" and "I have booked this," the higher your conversion rate.

Keep your Calendly event type descriptions short and clear. Visitors reading your Squarespace site already know who you are - they do not need another sales pitch inside the booking widget. Tell them the session length, what to expect, and any preparation they should do beforehand. That is it.

Customize your Calendly confirmation page URL to redirect back to a thank-you page on your Squarespace site. This lets you fire conversion tracking, show a custom message, and keep the experience branded. It also lets you add a next step - like a resource download or a link to your blog - to turn a booked lead into an engaged subscriber. For deeper customization ideas, visit our guide to how to customize your Squarespace website.

If SEO matters to you - and it should - a dedicated booking page on your Squarespace site (rather than just a Calendly link) gives you a URL you can optimize, link to, and index in Google. Name the page something like "/book-a-call" or "/schedule-a-consultation" and treat it like any other important page on your site. Our Squarespace SEO guide covers how to optimize individual pages effectively.

Conclusion: Your Calendar Should Work As Hard As Your Website Does

Integrating Calendly with Squarespace is one of those changes that pays for itself the first week. You stop losing leads to slow email back-and-forths. You stop manually sending confirmation links. And you stop wondering whether a visitor was actually interested or just browsing.

When your Squarespace booking widget is live and working, the conversation shifts. Instead of "Let me know when you are free," it becomes "Pick a time that works." That is a different psychological contract - and it converts at a much higher rate. Set it up once, place it well, and let it run.