FAQs About Integrating Calendly into Your Squarespace Website
If you’ve already spent time trying to fix the link to add Calendly to your Contact page in Squarespace but can’t figure it out, this post is for you.
I’ll review my most frequently asked questions I receive about integrating Calendly and Squarespace and make it easy for you to do-it-yourself (finally!).
Calendly & Squarespace FAQs
Q: This is too hard and I already feel overwhelmed. I don’t do tech.
A: Take a few minutes to grab a glass of water and take a breather or shake it off. Then dive back in and keep reading, because I’ll guide you step by step. It’s easier than you think, if you can keep an open mind.
Q: What Squarespace plan do I need to add Calendly?
A: You’ll need a Squarespace Business Plan or higher to add custom code to your website. Use this sign-up link for 10% off*
Q: How do I add Calendly to my Squarespace Site?
A: Follow these simple instructions below.
1) Sign in to Squarespace. (https://account.squarespace.com)
2) Navigate to the page you would like to edit, like a Contact page.
3) Hover over page content and select Edit to open the on-page Editor.
4) To add a code block, hover over your page section. Click “Add Block” and scroll to select “</> Code”. For more help, follow the steps in Squarespace's Add a code block.
5) In Calendly, find your embed code by following the steps in Embedding Calendly on your site. Copy the code.
6) Return to the Code Block in Squarespace. Select any code already in there and delete it. Then, paste the code snippet you copied from Calendly.
7) Select Apply.
8) Hit Save.
9) Hit Exit to see it live.
10) Celebrate! 🎉
If your embed code does not display after completing the above steps, follow these additional steps below:
In Squarespace, make sure you’ve saved and exited the page you were working on.
Type “/code” anywhere inside your window to bring up the Code Injection editor. Be sure to include the forward slash.
3) Inside the Code injection tool, in the header section, paste:
<script type="text/javascript" src="https://calendly.com/assets/external/calendly-squarespace.js"></script>
4) Select Save.
For more help, check out Calendly’s guide here.
