Add a VBlank viewing to your website

Live embedded example

This live example shows how visitors can explore your space within a web page. Click or tap inside the viewing to use its controls.

Step 1 — Open your post-scan email

We send your post-scan email once your interactive viewing has been built, no more than two working days after your scan. It contains everything you need:

Asset ID

The reference for your visualisation.

Direct link

A web address for opening and sharing your viewing.

Iframe HTML snippet

The complete code to add the viewing to your website. It already points to your visualisation.

Open the direct link to check the space. If you have several viewings, use the snippet that matches the one you want to show.

Step 2 — Copy your iframe snippet

Copy the complete snippet, starting with <iframe and ending with </iframe>. You do not need to edit its address or generate any code yourself.

If a web designer manages your site, forward your post-scan email and the relevant provider guide to them.

Step 3 — Follow your provider guide

Choose the editor you use to manage your website. Each guide explains where to paste the snippet and any plan requirements.

• Wix↗
• Unbounce↗
• Squarespace↗
• Shopify↗
• Weebly↗
• Webflow↗
• WordPress↗
• Google Sites↗
• Joomla↗
• Other / custom HTML↗

Step 4 — Check and publish

1. Give the viewer and its surrounding block enough width and height to show the scene and controls. Start with the dimensions in your snippet.
2. Preview the desktop and mobile layouts, checking for cropped controls or overlapping content.
3. Save and publish the page, then open its public address to try moving around the viewing and using full screen.

Some editors show a placeholder until the page is published. If the live viewing needs adjusting, see sizing your embed or troubleshooting.