Web integration
Embed the 3D viewer with an iframe
The iframe displays a public model in a dedicated surface without Studio navigation or a DevXR analytics banner.
Requirements and responsibility
The model must be processed, saved and published. The parent site remains responsible for its own consent, surrounding copy and accessibility.
The DevXR iframe blocks optional analytics and does not show its own consent banner. This does not grant consent to the parent site.
Responsive embed code
Copy the code generated by Studio, keep the viewer.devxr.fr origin and replace the synthetic example only with the code generated for your model.
- Example: <iframe src="https://viewer.devxr.fr/embed/pub_example_not_real" title="3D product model" loading="lazy" allowfullscreen></iframe>
Add a container
Give it 100% width, an appropriate aspect ratio and a usable minimum height.
Add a title
Describe the model in the title attribute for assistive technology.
Allow fullscreen when useful
Keep allowfullscreen when the presentation exposes that action.
Test the real parent
Verify desktop, mobile, keyboard, resizing and host-site security policy.
About allowed domains
An empty list means the product behaviour “not restricted by domain”. A populated list must contain exact HTTPS origins without paths; HTTP is reserved for local development loopback.
Browser enforcement depends on the frame-ancestors CSP delivered with the final HTML response. Until the viewer.devxr.fr Caddy edge has been verified in the final environment, domain restriction remains conditional and must not be described as end-to-end active protection.
Troubleshooting
An empty frame can come from an unpublished model, copied URL, parent-site CSP or denied origin. Inspect the console and final HTML response without globally disabling browser protections.