HTML iframe

HTML Iframe embedding is the process of inserting a HTML iframe element into your web page or webshop to display the Vulp content without hosting all the virtual product files. It allows you to integrate external content seamlessly without users having to leave your site.

To embed the Vulp viewer on a web page, you can follow these steps:

1. Open your HTML file or the HTML editor where you want to embed the virtual product.

2. Decide where you want the iframe to appear on the page and add an HTML example code tag at that location.

 <iframe
    src="https://vulp.studio/<customerId>/<modelId>/<lang>"
    allow="xr-spatial-tracking; fullscreen"
    referrerpolicy="no-referrer-when-downgrade"
    width="600"
    height="400"
    frameBorder="0"
    title="vulp.studio"
  ></iframe>

3. Replace the <customderId>, <modelId> and <lang> the source URL you can copy from the CMS. Please note that embedding is only possible if the website domain is on the client’s whitelist set in the CMS.

4. Customize the iframe by adding attributes to the <iframe> tag. Some commonly used attributes include:

5. Customize the viewer and model by adding parameters to the src, you cant find all parameters on our documentation website

6. Save the file and upload it to your website