Add a VBlank viewing to your Weebly site

Before you begin

Have your post-scan email open. Check the direct link first, then copy the iframe HTML snippet for the visualisation you want to show. Keep your asset ID as a reference.

Add an Embed Code element

1. Open your site’s editor and select the page for your visualisation.
2. In the Build panel, drag Embed Code onto the page.
3. Select the element and open Edit Custom HTML.
4. Paste the complete iframe snippet from your post-scan email, then click outside the element to apply it.
5. Check that the section is wide enough and the viewing fits vertically. Publish the site, then open the public page to test it.

Check the viewing and layout

On the live page, try moving around the scene. Check the page on a phone and make sure the viewer’s controls are visible. If you change the width or height, check both layouts again.

For more detail, see sizing your embed or troubleshooting a viewing.

Add a direct viewing link

To offer a separate way to open the viewing, add a text link or button labelled something like Explore our space in 3D (or whatever you fancy) and paste the direct link from your post-scan email into its web address field. This also works when your website cannot accept iframe HTML.

Provider reference: Weebly: adding external content with embed code. Editor labels and plan availability may change.