Mocart

3D & AR viewer embed

Live

Serve an interactive 3D model that opens WebAR on a phone from a single embed.

3D models and WebAR render through a <model-viewer> iframe. The same embed serves the interactive model on desktop and opens WebAR on a phone — you paste one snippet, not two.

Copy the embed

  1. Open an approved 3D Asset and choose Copy Embed Link.
  2. Paste the snippet where you want the viewer.
  3. On a phone, the same embed opens WebAR.
3D model / WebAR embed
<model-viewer src="<modelUrl>" ar shadow-intensity="1" camera-controls touch-action="pan-y"></model-viewer>
360° · drag to rotate
View in AR
<model-viewer src="<modelUrl>" ar …></model-viewer> Copy
Interactive 3D model in the model-viewer embed

Hosted viewer iframe

Mocart also serves an alternate hosted viewer as a plain iframe. Its URL carries uid, id, and pid query params that identify the Asset to render. Copy Embed Link gives you whichever form fits — you don’t assemble the URL by hand.

Was this helpful?