Embed with iFrame
Using the embed functionality you can easily integrate your Smartvus and 3D models into your own websites or apps.
Embed Pages Basics
The embed functionality allows you to seamlessly integrate your shared Smartvus and 3D models into your own websites, webshops or applications. On compatible mobile devices, your users can even view your 3D content in Augmented Reality without having to install any apps.
Get an Embed Page Link
✅
You will receive the Embed Page links for all your Smartvus and 3D models from your project manager.
In case you are using SmartVu® Studio or the legacy Vuframe® Studio please refer to this article.
Integrating it into your website
- Create a new iFrame-HTML-Element with the following code snippet and insert it into your website. Make sure you replace the URL with the link to your embeddable SmartVu®. Additionally, you can control the display size the embedded SmartVu® by setting the width and height attributes of the element or using CSS.
- Optionally, you may configure the way the embeddable version of the SmartVu® is displayed by appending configuration parameters to the embed url.
// Example iFrame Code
<iframe frameborder=0 src="https://embed.vuframe.com/55d0b35a"/>
Configuring the embed page
Using the embed URL API you can customize the behavior and the look and feel of the embed page. Check out the Documentation for the Embed API.