Technisch

Den Viewer über Embed-Parameter steuern

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

  • 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: Schnelle Einbindung

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: Anpassbarer Viewer

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.