DoorVision Web Component
This technical guide outlines how to integrate the DoorVision Web-Component into your digital platform. This component provides the deepest, most native-feeling integration for custom webshops and configurators. It allows you to embed a high-performance door visualization experience directly into your existing UI.
1. Installation & Setup
Ensure the component's JavaScript module is loaded via <script type="module" crossorigin='anonymous' src="https://web-component.door-vision.com/widget/main.js" async defer></script> .
2. Implementation
Place the <door-vision-widget> tag exactly where you want the visualizer to render. Style it with CSS to set its size.
3. Configuration Attributes
The Web-Component is highly customizable via HTML attributes to match your specific product range and user flow.
4. Summary - Integration Code
Here's a sample for the full integration Snippet.