Technisch

3D-Viewer mit einer Zeile Code einbetten

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.

Verfügbarkeit Basic Premium Enterprise
Kontakt aufnehmen
Wichtigste Funktionen

Alles, was Sie bekommen

Eine Codezeile Betten Sie den Konfigurator ein, genau wie ein YouTube-Video.
Standard-HTML oder API Nutzen Sie das fertige Embed oder steuern Sie es über Ihren eigenen Code.
Alle Geräte & Browser Funktioniert auf Desktop und Mobilgeräten in jedem modernen Browser.
Keine zusätzliche Software Weder Sie noch Ihre Kund:innen müssen etwas installieren.
Verfügbarkeit

Verfügbar in Ihrem Paket

Basic Enthalten
Premium Enthalten
Enterprise Enthalten
Alle Pakete vergleichen

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.

Was passt wann?

  • Nutzen Sie Standard-HTML, wenn Sie den Konfigurator schnell und einfach ohne zusätzliche Funktionen anzeigen möchten
  • Nutzen Sie die API, wenn Sie:
    • den Konfigurator über Ihren eigenen Code steuern möchten
    • auf Änderungen am Modell reagieren müssen
    • eine individuelle Oberfläche einsetzen möchten
    • erweiterte Integrationen benötigen

Standard-HTML

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

Beispiel für eine API-Verbindung

// 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);
	});
Mehr in der Dokumentation Schritt-für-Schritt-Anleitungen, Parameter und Codebeispiele für einen schnellen Einstieg.

Häufig gestellte Fragen

Wie kann ich den Vulp 3D-Konfigurator in meine Website oder meinen Onlineshop integrieren?

Die Integration des Vulp 3D-Konfigurators in Ihre Website oder Ihren Onlineshop ist denkbar einfach und funktioniert ähnlich wie das Einbetten eines YouTube-Videos. Sie kopieren einfach den Code aus unserem Code-Generator und fügen ihn in Ihre Plattform ein, egal ob WooCommerce, Shopify, Magento oder eine andere. Programmierkenntnisse sind dafür nicht erforderlich.

Ist der Vulp 3D-Konfigurator auch für technisch weniger versierte Nutzer:innen einfach zu bedienen?

Ja, der Vulp 3D-Konfigurator wurde bewusst benutzerfreundlich und intuitiv gestaltet. Technische Kenntnisse sind für die Nutzung nicht erforderlich. Die Oberfläche ist übersichtlich, und eine umfangreiche Dokumentation sowie unser Support helfen Ihnen, das Beste aus dem Konfigurator herauszuholen. Mehr erfahren: Dokumentation

Kann ich den Viewer anpassen, ohne Code zu schreiben?

Ja, Sie passen den Viewer über einfache URL-Parameter an und steuern damit Farben, Kamerawinkel, Buttons, Hotspots und mehr, ganz ohne Programmierkenntnisse. Für die volle Kontrolle steht Ihnen zusätzlich unsere API zur Verfügung. Mehr erfahren: Individuelle Embed-Parameter