Wordpress

By adding a Custon HTML block to Wordpress you can add your own code to a wordpress page. To embed the Vulp Configurator into your page you have to add a HTML Iframe element into your Wordpress-website. Trought this option you don’t have to host all the virtual product files. It allows you to integrate external content seamlessly without users having to leave your site. Add receive all the features Vulp has to offer

To embed the Vulp viewer to a wordpress you need to add a custom HTML block

1. Log in to your WordPress admin dashboard.

2. Create a new post or edit an existing post/page where you want to add the Vulp Configurator

3. Decide where you want the iframe to appear on the page

4. Add a Custom HTML block

5. Copy the 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>

6. 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.

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

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

9. Save the file and upload it to your website