Interactive Embeds allow users to engage with scenes and tours directly on your webpage. By default, Circuit embeds are interactive, meaning the code snippet you copy from the CMS will let users interact with the content right inside the parent page.
Interactive Embeds work best when the parent page allows for an embed window that’s large enough to explore the tour—our recommended minimum size for Interactive Embeds is: 400px tall by 850px wide. When that size isn't possible, or you want to add multiple embeds, you can use Banner Embeds.
Creating an Interactive Embed for a Full Tour
⚠️ Embeds will only work for live tours, so make sure you hit Publish on that tour and see a Live label in your list view.
Click on the Tours tab in the CMS.
Find the tour you want to embed and click on the three dots for more options.
Click Share.
Copy the embed code that appears at the top.
Ironically, the tool we're using for this help centre is restrictive and does not allow third party embeds, so we've created a page showing the embeds.
See a sample page with different embed options shown
Creating an Interactive Embed for an Individual Scene
⚠️ Embeds will only work for live scenes, so make sure you hit Publish on that scene and see a Live label in your scene list view.
Click on the Scenes tab in the CMS.
Find the scene you want to embed and click on the three dots for more options.
Click Share
Copy the embed code that appears at the top.
Creating an Interactive Embed for a Map
To embed your interactive map on your webpage, insert the link to your map from any point within the Places or Direction tab into the code snippet below, and add it to the destination webpage.
The code snippet is:
<iframe src="INSERT MAP LINK" style="border:0;width:100%;height:80vh;min-height:480px;max-height:760px;" allowfullscreen />
Customizing your Embed
Check out a full list of URL parameters that you can use to customize your embeds.
Check out our article on marketing your virtual tour for extra tips on how to promote your virtual tour using embeds with examples from customers!
Looking for other embed options?
💡 Need more help?
Send us a message and we will be happy to assist you.