Banner Embeds are responsive visual placements that, when clicked, open a tour or scene in a new tab. The banner display mode is activated simply by adding the ?banner=true parameter into the embed code snippet. This parameter turns the embed into a responsive, styled button that opens the content in a new tab.
As you can see in the video, Banner Embeds dynamically pull in the imagery, title and meta description from the content you are embedding. This saves you and your internal web teams time.
Creating a Banner Embed For a Tour/Scene
⚠️ Embeds will only work for live tours/scenes, so make sure you hit Publish on that tour/scene and see a Live label in your list view.
Click on the Tours or Scenes tab in the CMS
Find the tour or scene you want to embed and click on the three dots for more options
Click Share.
Click on the Banner Embed tab in the share modal
To adjust the size of the banner, select from the Banner Size options Responsive, Custom, Small, Medium, or Large. Selecting Responsive locks the width to 100%. Selecting Small, Medium, or Large locks both the width and height. The minimum width and height is 200px.
To adjust between light and dark mode, select from the Card Theme options Light or Dark
To adjust the background of the banner, select from the Background Style options Blurred, Transparent, Brand colour, or Custom colour
To adjust the corner style of the background, select from the Corner Style options Straight, Radius-8, Radius-16, or Radius-24
Once you’re happy with the size of the embed, click Copy embed code
You can adjust the scale of the embed in the top right-hand corner above the embed to zoom in or out in the preview, but this won’t affect the actual embed dimensions.
Creating a Banner Embed for a Tour Group
⚠️ Embeds will only work for live tour groups, so make sure you hit Publish on that tour group and see a Live label in your list view.
Click on the Tours tab in the CMS
Find the tour group want to embed and click on the three dots for more options
Click Share
Click on the Banner Embed tab in the share modal
To adjust the size of the banner, click Banner Size and select from the options Responsive, Custom, Large, or Extra Large. Selecting Responsive locks the width to 100%. Selecting Large or Extra Large locks both the width and height. The minimum width and height is 400px.
To adjust between light and dark mode, select from the Card Theme options either Light or Dark
To adjust the background of the banner, select from the Background Style options Blurred, Transparent, Brand colour, or Custom colour
To adjust the corner style of the background, select from the Corner Style options Straight, Radius-8, Radius-16, or Radius-24
To override the title of the tour group, scroll down to Advanced Options and UTM parameters and add your new title under the Custom Title field
Once you’re happy with the size of the embed, click Copy embed code
You can adjust the scale of the embed in the top right-hand corner above the embed to zoom in or out in the preview, but this won’t affect the actual embed dimensions.
Advanced Options and UTM Parameters
You can customize your banner embed code beyond basic styling directly within the share modal. There are four sets of parameters you can adjust:
Call to Action parameters
Language parameters
UI parameters
UTM parameters
To update the parameters:
Click on Advanced Options and UTM parameters
Adjust the parameters that you’d like, then click Copy embed code
To learn more about how to set up your UTM parameters, check out this article.
Marketing Your Virtual Tour
Now that your banner embeds are created, you may be looking for additional ways to promote your virtual tour. Click the link below to learn about our best practices and see examples from our customers.
Looking for more embed options?
💡 Need more help?
Send us a message and we will be happy to assist you.