Integrate the 3D configurator into your webshop or website with just one line of code. Use our standard CSS and HTML or create your own design with our extensive API.
Vulp’s 3D configurator supports all modern browsers and devices. It works on both desktop and mobile without requiring additional software installation.
<iframe
src="https://vulp.studio/<customerId>/<modelId>/<lang>"
allow="xr-spatial-tracking; fullscreen; web-share; clipboard-write"
referrerpolicy="no-referrer-when-downgrade"
width="600"
height="400"
frameBorder="0"
title="vulp.studio"
></iframe>
// Import Vulp API
import('https://api.vulp.studio/v1/api.js')
.then(async ({ VulpApi }: { VulpApi: VulpApiType }) => {
// Initialize the API
await VulpApi.initialize();
// Register a Model
const model = await VulpApi.registerModel(
document.querySelector('iframe') as HTMLIFrameElement,
);
model
.onReady(({ model, view, apiVersion }) => {
// Model is ready to receive commands
// Example sending commands
const { activated } = await model.activateAr();
// Example retrieving information
const { model } = await model.getModelConfig();
})
.onModelUpdated(({ model }) => {
console.log(model);
});
})
.catch(err => {
console.error(err);
});