Squarespace

This video will show how quick and easy it is to add an AR Web Embed to your Squarespace site.

Getting started with AR Web Embed and Squarespace

Step by Step

  1. In the Squarespace editor, hover over the section where you want to add a new block, and then click on Add Block.

Adding a new block

  1. Scroll or search until you see the Embed block, then click on it to add an embed block to your page.

Adding an embed block

  1. Once the embed block is added to your page, you can drag it to wherever you want. To edit the embed block and add your ZapWorks Designer experience, click on the pencil icon above it.

Placing the embed block

  1. The embed block settings menu will then pop up. Click on Code Snippet and then Embed data.

Embed block settings menu

  1. Paste your AR Web Embed iframe code into the embed data box, and you will then see your Designer project embedded on your page.

Pasting in AR Web embed iframe code

  1. To resize and adjust your Designer experience, you can drag the points around the embed block, or drag the it to wherever you want on the page.

Changing embed size

  1. Once you are happy with the size and placement of your embed, click the Done button at the top left of the editor and save if you haven't already.

Saving website page

  1. You will be taken back to the website overview page, where you can click the arrow at the top right to preview a live version of your page.

Website overview page

  1. That is how quick and easy it is to embed your ZapWorks Designer project into a Squarespace page using AR Web Embed.

Website live preview

zapcode branded_zapcode i