Webflow

• AR Web Embed
• Designer
• Embedding into your website
• Webflow

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

Step by Step

1. In the Webflow editor, on the left-hand menu panel, click on the + icon. Scroll down until you find Embed, and drag it to your page.

   

   Adding a new section

2. You will then see a custom code window with a space to paste in your AR Web Embed iframe code. Paste it in and you will then see your Designer project embedded on your page.

   

   Embed code settings

3. To change the size of your embed, use the Size and Spacing settings in the Properties panel for the embed component. In this example, the width is 600px and the height is 400px.

   

   Changing embed size

4. Click the Toggle Preview icon to preview your page and interact with the embed.

   

   Clicking preview button

5. That is how quick and easy it is to embed your Designer project into WebFlow using AR Web Embed.

   

   Website live preview