How to embed a Canvas into Squarespace

This article will teach you how to embed a Canvas in Squarespace to enrich your website with an interactive and collaborative window of the Canvas.

Now that you have copied the embed link or the embed code of your Canvas, let's learn how to paste this embed code into the third-party website hosting platform, Squarespace, in order to share and show your Canvas in a unique way on your site.

Embedding enriches your website with an interactive window of the Canvas. It takes hyperlinking to the next level, and let's you keep all your information in one place. The Embed block in Squarespace gives you the power to add custom blocks of code to your sites.

Add an embed block in Squarespace

• Launch Squarespace.

• Edit a page or post, click Add Block or an insert point, and click Embed.

• Open the block editor by clicking the pencil icon or Edit on the block.

• Paste the URL of the Canvas you're embedding.

• If the Canvas doesn't appear, click Code snippet in the block editor on a computer and paste an embed code manually into the text field.

Click Edit page and then Add Block to find the Embed function in Squarespace.

Paste the URL of your Canvas after clicking Link. Your Canvas will then appear in view.

If the view of your Canvas on Squarespace is not to your liking, you can edit the view of the Canvas window within the Embed data button, show below.

Paste in the Canvas URL with the x, y, width, and height axises here.

As you can see below, the preferred view of this Canvas is now correct because the URL with the x, y, width, and height axises is included within the embed data in Squarespace.

Editing the URL within the Embed data in Squarespace.

For more help regarding Squarespace embedding, read this article here.