Embed 3D on a website

Embed a 3D model on your website with an iframe.

Publish a GLB file in DevXR Studio, copy the iframe code and add an interactive 3D viewer to your website without rebuilding a Three.js renderer.

Open DevXR Studio

DEVXR STUDIO

A 3D embed as simple as a video player.

The iframe keeps the viewer isolated from the rest of your page. Keep your current CMS or stack while giving visitors a model they can explore.

Copy-ready code

Get an iframe snippet from your published model page.

Responsive viewer

The 3D content adapts to the space available in your layout.

Central updates

Manage the presentation in DevXR Studio without rewriting the embed.

HOW IT WORKS

Add a 3D experience in three steps.

01
Publish
Explicitly publish the ready version of your model.
02
Copy
Copy the iframe code generated by DevXR Studio.
03
Embed
Paste the snippet into your website or CMS page.

REAL EXAMPLE

One published model, two ways to share it.

This Aston Martin Vantage GTE is already published with DevXR Studio. Open the public viewer for direct sharing, or use the dedicated embed URL inside an iframe.

PUBLIC VIEWER

A shareable URL

Send this link by email, add it to a presentation or open it directly in a browser.

https://viewer.devxr.fr/models/pub_XllEw1M91Pur5eg0xu8JcjDOMAPSNvgc Open the public model

IFRAME SOURCE

A URL made for embedding

Use this address as the iframe source. It loads the viewer without the surrounding public-page presentation.

https://viewer.devxr.fr/embed/pub_XllEw1M91Pur5eg0xu8JcjDOMAPSNvgc Open the embed view

COPY-READY HTML

Iframe code

Paste this snippet into an HTML block supported by your website or CMS. The title describes the model for assistive technologies, lazy loading protects initial page performance and the permissions remain explicit.

<iframe
  src="https://viewer.devxr.fr/embed/pub_XllEw1M91Pur5eg0xu8JcjDOMAPSNvgc"
  title="Aston Martin Vantage GTE"
  loading="lazy"
  allow="fullscreen; xr-spatial-tracking"
  allowfullscreen
  referrerpolicy="strict-origin-when-cross-origin"
></iframe>

FREQUENTLY ASKED QUESTIONS

What you need to know.

Do I need Three.js knowledge to embed the viewer?

No. The iframe workflow does not require you to initialize Three.js or develop your own 3D scene.

Can I embed the viewer in a CMS?

Yes, if your CMS allows an iframe in its content or a controlled HTML block.

What happens when a model is unpublished?

Unpublishing removes public access according to DevXR’s documented cache strategy.

PUBLISH YOUR 3D MODEL

A GLB file can become a shareable web experience.

Upload it, configure its viewer and get your link with DevXR Studio.

Get started with DevXR Studio