Met één regel code integreer je de 3D-configurator in je webshop of website. Gebruik onze standaard CSS en HTML of maak je eigen ontwerp met onze uitgebreide API.
Vulp’s 3D-configurator ondersteunt alle moderne browsers en devices. Het werkt zowel op desktop als op mobiel, zonder dat er extra software geïnstalleerd hoeft te worden.
<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>
// Importeer Vulp API
import('https://api.vulp.studio/v1/api.js')
.then(async ({ VulpApi }: { VulpApi: VulpApiType }) => {
// Initialiseer de API
await VulpApi.initialize();
// Registreer een Model
const model = await VulpApi.registerModel(
document.querySelector('iframe') as HTMLIFrameElement,
);
model
.onReady(({ model, view, apiVersion }) => {
// Model is klaar om commando's te ontvangen
// Voorbeeld verzend opdrachten
const { activated } = await model.activateAr();
// Voorbeeld haal informatie op
const { model } = await model.getModelConfig();
})
.onModelUpdated(({ model }) => {
console.log(model);
});
})
.catch(err => {
console.error(err);
});