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.