How to add Calendly to your Squarespace site

Before you begin...

  • Make sure you have a Squarespace Business Plan.

  • Know that adding Calendly may affect your site's appearance

  • During setup, you’ll switch between Calendly and Squarespace. It’s best to keep each platform open in a separate browser window.

To add Calendly to your Squarespace site

  1. Sign in to Squarespace and navigate to the page you would like to edit.
  2. Hover over page content and select Edit.
  3. Use the + button to add a block to the page.
  4. On your Calendly home page select the Share icon on the event type you want to add to your Squarespace page.
  5. Select Add to website and choose the way you want to add Calendly to your site:
    • Inline Embed: adds Calendly scheduling into a page on your website
    • Popup Widget: adds a floating button that users can select anywhere on your site to use Calendly scheduling
    • Popup Text: adds a link to your site that users can select to use Calendly scheduling
  6. In Squarespace, select Code and paste the code snippet you copied from Calendly, then select Apply.

Note: If you are experiencing performance issues with your embedded scheduler, you may need to disable Ajax. Read more about this issue, or contact us for assistance.

Note:  Squarespace 7.1 does not support Javascript in their buttons.

Was this article helpful?
106 out of 179 found this helpful