How to add Calendly to a Squarespace site
Updated March 27, 2026·1 min read
Quick answer
To add Calendly to your Squarespace page:
- Sign in to Squarespace, go to the page where you want to embed Calendly, hover over the content area, and click Edit.
- Add a Code Block, paste your Calendly embed code into the block, and click Apply to save your changes.
- If the embed doesn't appear, go to Settings > Advanced > Code Injection, paste the Calendly script into the Header section, and click Save.
Was this helpful?
Available to all users on all plans.View plans
Let visitors schedule time with you without leaving your website. Follow these steps to embed Calendly on your Squarespace page.
Before you begin
- A Squarespace Business Plan is required.
- Embedding Calendly may affect your site’s layout or style.
- Open Calendly and Squarespace in separate tabs.
Add Calendly to your Squarespace page
- Sign in to Squarespace.
- Go to the page where you want to embed Calendly.
- Hover over the content area and select Edit.
- Add a Code Block (see Squarespace’s guide).
- Paste your Calendly embed code into the Code Block in Squarespace.
- Select Apply to save your changes.
If the embed doesn’t appear
- In Squarespace, go to Settings > Advanced > Code Injection.
- In the Header section, paste:
<script type="text/javascript" src="https://calendly.com/assets/external/calendly-squarespace.js"></script> - Select Save.
This script helps Calendly load correctly on your site.
Additional tips
- If your site loads slowly, try disabling Ajax in your Squarespace settings.
- For help, see Squarespace’s documentation or contact Calendly Support.
- Note: Squarespace version 7.1 doesn’t support JavaScript-based buttons. Older versions may support them.
Was this article helpful?
Let us know so we can improve our content.