How to Add Calendly into Squarespace

Adding Calendly to your Squarespace website can significantly improve your appointment scheduling process. Calendly is a powerful tool that simplifies scheduling by eliminating the back-and-forth emails. This guide will walk you through the steps to seamlessly embed Calendly into your Squarespace site.

Step 1: Log into Squarespace

Start by logging into your Squarespace account. Navigate to the Squarespace site where you want to add Calendly. You can either choose an existing page or create a new blank page for this integration.

Step 2: Create or Select a Page

To embed Calendly, select the desired page or create a new one. For this tutorial, we’ll create a blank page named “Calendly Embed.” After naming the page, click the “Edit” button at the top to enter editing mode.

Step 3: Add a Code Block

In the editing mode, create a new section and click “Add Block.” Look for the “Code” block and select it. This is where we will insert the embed code from Calendly.

Step 4: Get Your Calendly Embed Code

Go to the Calendly website. If you don’t have an account, sign up using your Google account. Follow the prompts to set up your calendar, including linking your Google Calendar, setting your available hours, and customizing event details.

Step 5: Customize Your Calendly Settings

Set your availability by selecting the days and times you are available. You can also add multiple time slots and ensure your time zone is correctly set. Customize how you want to meet with people, whether in-person or virtually, and set the location accordingly.

Step 6: Embed the Code in Squarespace

Once your Calendly settings are configured, click the event you created and select the “Share” button. Choose the “Add to Website” option and pick “Inline Embed.” Copy the embed code provided by Calendly.

Return to your Squarespace editing page, paste the Calendly embed code into the code block, and click “Save.” Exit the editing mode to preview how the Calendly embed looks on your page.

Step 7: Adjust the Embed Width (Optional)

If needed, you can adjust the width of the embed to better fit your page layout. Click “Edit” on the page, modify the code block’s size, and save your changes. Preview the page again to ensure it looks perfect.

Conclusion

Embedding Calendly into Squarespace enhances your site’s functionality by making it easier for visitors to schedule appointments with you. Follow these steps to integrate Calendly smoothly and improve your website’s user experience.

For more in-depth tutorials on optimizing your Squarespace website, consider joining my free online course at https://university.bensexperience.com.

Don’t forget to like this post and subscribe to my YouTube channel for more tips and tutorials.