Technisch

Individuelle Embed-Parameter

Passen Sie den Viewer über URL-Parameter an: Steuern Sie Farben, Kamera, Buttons, Hotspots und mehr, ganz ohne Code.

Verfügbarkeit Basic Premium Enterprise

Kontakt aufnehmen

Wichtigste Funktionen

Alles, was Sie bekommen

Stil & Farben Legen Sie Modellfarben, Hintergründe und Menügestaltung fest.

Kamera & AR Steuern Sie Rotationsgrenzen, Zoom, AR-Platzierung und -Maßstab.

Buttons & Menüs Zeigen, verbergen und färben Sie jeden Button und jedes Menü um.

Hotspots & Overlays Schalten Sie Hotspots, Overlays und Tooltips ein oder aus und gestalten Sie sie.

Verfügbarkeit

Verfügbar in Ihrem Paket

Basic Enthalten

Premium Enthalten

Enterprise Enthalten

Alle Pakete vergleichen

Hintergrund & Umgebung

background-color: Legt die Hintergrundfarbe der Umgebung fest
skybox: Aktiviert (1) oder deaktiviert (0) den Skybox-Hintergrund
skybox-height: Legt die Kamerahöhe relativ zum Boden fest (in cm, mm oder m)

Kamera & AR

ar-placement: Legt die AR-Platzierung auf Wand oder Boden fest
ar-scale: Legt den AR-Maßstab auf fest oder automatisch fest
auto-rotate: Aktiviert (1) oder deaktiviert (0) die automatische Rotation des Modells
camera-orbit: Legt die Kameraposition fest (horizontal, vertikal, Zoom)
camera-target: Legt den Punkt fest, um den die Kamera rotiert
disable-tap: Aktiviert (1) oder deaktiviert (0) das Antippen zum Zentrieren der Kamera
disable-zoom: Aktiviert (1) oder deaktiviert (0) das Zoomen
max-camera-orbit: Legt die maximalen Grenzen der Kamerarotation fest
min-camera-orbit: Legt die minimalen Grenzen der Kamerarotation fest

Modellerscheinungsbild

color: Legt die Standardfarbe Ihres Modells fest
color-<group>: Legt die Standardfarbe eines Teils Ihres Modells fest
custom-color: Legt eine individuelle Farbe für Ihr Modell fest
custom-color-<group>: Legt eine individuelle Farbe für einen Teil Ihres Modells fest
shadow-intensity: Legt die Deckkraft des Modellschattens fest
shadow-softness: Legt die Unschärfe des Modellschattens fest
cg-<group>: Legt die Standardoption für eine Anpassungsgruppe fest

Menü & Buttons

ar-button: Zeigt oder verbirgt den AR-Button
color-button: Zeigt oder verbirgt den Farb-Button
customize-button: Zeigt oder verbirgt den Anpassen-Button
customize-hotspots: Zeigt oder verbirgt die Anpassungs-Hotspots
fullscreen-button: Zeigt oder verbirgt den Vollbild-Button
information-button: Zeigt oder verbirgt den Informations-Button
information-hotspots: Zeigt oder verbirgt die Informations-Hotspots
menu: Zeigt oder verbirgt das Menü
menu-color: Legt die Farbe der Menü-Buttons fest (Füllung und Rahmen)
menu-fill-color: Legt die Füllfarbe der Menü-Buttons fest
menu-icon-color: Legt die Icon-Farbe der Menü-Buttons fest
menu-stroke-color: Legt die Rahmenfarbe der Menü-Buttons fest
overlay-button: Zeigt oder verbirgt den Overlay-Button
share-button: Zeigt oder verbirgt den Teilen-Button
title: Zeigt oder verbirgt den Modelltitel
title-color: Legt die Farbe des Modelltitels fest

Hotspots

animation-hotspot-fill-color: Legt die Füllfarbe für Animations-Hotspots fest
animation-hotspot-icon-color: Legt die Icon-Farbe für Animations-Hotspots fest
animation-hotspot-stroke-color: Legt die Rahmenfarbe für Animations-Hotspots fest
customize-hotspot-fill-color: Legt die Füllfarbe für Anpassungs-Hotspots fest
customize-hotspot-icon-color: Legt die Icon-Farbe für Anpassungs-Hotspots fest
customize-hotspot-stroke-color: Legt die Rahmenfarbe für Anpassungs-Hotspots fest
hotspot-fill-color: Legt die Füllfarbe für alle Hotspots global fest
hotspot-icon-color: Legt die Icon-Farbe für alle Hotspots global fest
hotspot-stroke-color: Legt die Rahmenfarbe für alle Hotspots global fest
information-hotspot-fill-color: Legt die Füllfarbe für Informations-Hotspots fest
information-hotspot-icon-color: Legt die Icon-Farbe für Informations-Hotspots fest
information-hotspot-stroke-color: Legt die Rahmenfarbe für Informations-Hotspots fest

tooltip-background-color: Legt die Hintergrundfarbe der Tooltips fest
tooltip-text-color: Legt die Textfarbe der Tooltips fest

Animation

autoplay: Aktiviert (1) oder deaktiviert (0) die automatische Wiedergabe von Animationen

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. Mehr erfahren

Kann ich das Erscheinungsbild des 3D-Produkt-Viewers an meinen Onlineshop anpassen?

Ja, Sie können das Erscheinungsbild des Viewers an das Branding und Design Ihres Onlineshops anpassen, für ein stimmiges Kundenerlebnis. Mehr erfahren

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.