All Collections
Sharing Your Scheduling Page
Embed Your Scheduling Page on Squarespace
Embed Your Scheduling Page on Squarespace

Use Appointlet's embed script to add your scheduling page to your Squarespace website

Updated over a week ago

So you've set up your scheduling page and are ready to share it with the world! In this quick article, we'll show you how to access your embed scripts and publish them to Squarespace.

Accessing the Embed Script

Once your Appointlet account is set up and you're ready to publish, navigate to the Pages screen and click the Share button.

This will expand a list of sharing options. In this instance, we want to select Embed on Website so we can add the scheduling page directly to the UI of a Squarespace website.

If you'd prefer to embed the scheduling page of a specific meeting type rather than your general scheduling page, click the Share button at the bottom left corner of a meeting type card to expand the same sharing menu.

Once you've selected Embed on Website, a new window will appear giving you two embed choices: Directly into your site or Floating popup widget.

<a href="https://downloads.intercomcdn.com/i/o/387310965/b02f1b5153c9ef7db3de1ddc/image.png" rel="nofollow noopener noreferrer" target="_blank">https://downloads.intercomcdn.com/i/o/387310965/b02f1b5153c9ef7db3de1ddc/image.png</a>

Select your preferred embed option and click Customize & Get Instructions to expose our script, which can be added directly to your site for easy embedding.

<a href="https://downloads.intercomcdn.com/i/o/387311838/d747b01248244782c09c47af/image.png" rel="nofollow noopener noreferrer" target="_blank">https://downloads.intercomcdn.com/i/o/387311838/d747b01248244782c09c47af/image.png</a>

Click on the Copy icon at the top right of the script field to copy the script to your clipboard. This can then be pasted directly into your website where you would like to display your scheduling page.

Adding the Embed Script to Squarespace

Now that you've located and copied the embed script, you're ready to load it into your Squarespace site. Login to your Squarespace account and open your site editor. Select the plus sign to add a new element to your site.

<a href="https://downloads.intercomcdn.com/i/o/387330540/65fe93ee7ebaff939af77e04/image.png" rel="nofollow noopener noreferrer" target="_blank">https://downloads.intercomcdn.com/i/o/387330540/65fe93ee7ebaff939af77e04/image.png</a>

In the menu that appears, select the Code option near the bottom left.

<a href="https://downloads.intercomcdn.com/i/o/387330255/bc62e5e40ba0e68a7797fb54/image.png" rel="nofollow noopener noreferrer" target="_blank">https://downloads.intercomcdn.com/i/o/387330255/bc62e5e40ba0e68a7797fb54/image.png</a>

This will open a new window where you can paste the Appointlet embed script. This will automatically load the scheduling page into the embed box that appears. Click and drag the nodes around the borders of your embedded scheduling page to adjust the size and location as needed. You're ready to begin scheduling directly from your Squarespace site!

Did this answer your question?