Squarespace

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

Step by Step

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

    Adding a new block

  2. Scroll or search until you see the Embed block and click on it to add it to your page.

    Adding an embed block

  3. Once the Embed block is added to your page, you can drag it to wherever you want. To edit the embed block Click the pencil icon above it.

    Placing the embed block

  4. The embed block settings menu will then pop up, click on code snippet and then embed data .

    Embed block settings menu

  5. 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

  6. To resize and adjust your embed block ,you can drag the points around the embed block on the page or you can edit the width and height properties of the iframe code. Here, they have both been set to 400px .

    Changing iframe size

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

    Saving website page

  8. 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

  9. 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