DoorVision Web Component
Dieser technische Leitfaden beschreibt, wie Sie die DoorVision Web-Component in Ihre digitale Plattform integrieren. Die Komponente bietet für individuelle Webshops und Konfiguratoren die tiefste Integration mit dem nativsten Nutzungsgefühl. Damit betten Sie eine leistungsstarke Türvisualisierung direkt in Ihre bestehende UI ein.
1. Installation & Einrichtung
Stellen Sie sicher, dass das JavaScript-Modul der Komponente über <script type="module" crossorigin='anonymous' src="https://web-component.door-vision.com/widget/main.js" async defer></script> geladen wird.
2. Implementierung
Platzieren Sie das Tag <door-vision-widget> genau dort, wo der Visualisierer gerendert werden soll. Legen Sie seine Größe per CSS fest.
3. Konfigurationsattribute
Die Web-Component lässt sich über HTML-Attribute umfassend anpassen – passend zu Ihrem Sortiment und Ihrem User Flow.
4. Zusammenfassung – Integrationscode
Hier ein Beispiel für das vollständige Integrations-Snippet.