VBlankSupport

Add a VBlank viewing to your Unbounce site

Updated 3 min read

On this page

Quick answer

In Unbounce’s Classic Builder, place a Custom HTML widget on your landing page and add your VBlank snippet. Check its size in preview, then publish or republish.

You’ll need
Your iframe snippet and Unbounce editor access

Add an interactive viewing to your Unbounce page so visitors can explore your space alongside the rest of your content.

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.

Website requirements

This guide is for the Classic Builder. Unbounce’s Custom HTML widget is specific to that editor.

Add the viewer in Classic Builder

  1. Open the landing page variant you want to change in Classic Builder.
  2. Drag Custom HTML from the toolbar to the position for your viewing.
  3. Paste the iframe snippet into the HTML dialogue and select Save Code.
  4. Set the widget’s size and position. Allow space in the surrounding section for its full height.
  5. Save and use Preview to check the desktop and mobile layouts. Adjust the box if the viewer is clipped.
  6. Choose Publish or Republish, then test the public landing page.

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.

Provider tip

Check each page variant that should show a viewing. Keep the snippet for that variant’s intended space, and make sure the embed does not cover your landing page’s call to action.

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

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: Unbounce: custom HTML in Classic Builder. Editor labels and plan availability may change.

Add a VBlank viewing to your websiteHow to customise your embedTroubleshooting your VBlank embed

Still need help?

For help, email contact@vblank.co.uk or call +44 (0)7831 086 427 (WhatsApp).

Have your asset ID and website address ready. Tell us which provider you use and where you’re getting stuck.