Fügen Sie den 3D-Konfigurator mit nur einer Codezeile zu jeder Website oder jedem Onlineshop hinzu, oder gehen Sie mit unserer leistungsstarken API noch weiter.
Integrieren Sie den 3D-Konfigurator mit nur einer Codezeile in Ihren Onlineshop oder Ihre Website. Nutzen Sie unser Standard-CSS und -HTML oder gestalten Sie mit unserer umfangreichen API Ihr eigenes Design.
Der 3D-Konfigurator von Vulp unterstützt alle modernen Browser und Geräte. Er funktioniert auf Desktop und Mobilgeräten, ohne dass zusätzliche Software installiert werden muss.
Enthalten
<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>
// Vulp API importieren
import('https://api.vulp.studio/v1/api.js')
.then(async ({ VulpApi }: { VulpApi: VulpApiType }) => {
// API initialisieren
await VulpApi.initialize();
// Modell registrieren
const model = await VulpApi.registerModel(
document.querySelector('iframe') as HTMLIFrameElement,
);
model
.onReady(({ model, view, apiVersion }) => {
// Modell ist bereit, Befehle zu empfangen
// Beispiel: Befehl senden
const { activated } = await model.activateAr();
// Beispiel: Informationen abrufen
const { model } = await model.getModelConfig();
})
.onModelUpdated(({ model }) => {
console.log(model);
});
})
.catch(err => {
console.error(err);
});
