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.
The restriction depends on the security policy received by the browser. Before delivery, test the iframe on an allowed site and a blocked site. If both display it, contact DevXR. This restriction does not replace private access: a published model’s link remains directly accessible.
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.