Squarespace
This video will show how quick and easy it is to add AR Web Embed to your Squarespace site.
Step by Step
In the Squarespace editor , hover on the section where you want to add a new block then click on
add block
.Scroll or search until you see the
Embed
block and click on it to add it to your page.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.The embed block settings menu will then pop up, click on code snippet and then embed data .
Paste your AR Web Embed iframe code into the embed data box and you will then see your Designer project embedded on your page.
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
andheight
properties of the iframe code. Here, they have both been set to400px
.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 clickSave
if you haven't already.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.
That is how quick and easy it is to embed your ZapWorks Designer project into a Squarespace page using AR Web Embed.