Step-by-step guide to adding an interactive 3D viewer to your e-commerce or product site. Works on Shopify, WordPress, Webflow and any CMS with iFrame.
Showing a product in interactive 3D on its page helps the shopper judge size, finish and proportion before buying. Shopify's data on 3D/AR shopping is concrete: brand Rebecca Minkoff reported that shoppers who interacted with a product in 3D were 44% more likely to add it to cart and 65% more likely to order. The good news is you don't need a developer: OmniView 3D gives you a standard iFrame you paste into Shopify, WordPress, Webflow or any CMS that accepts HTML. Here's the full workflow.
Log in to OmniView 3D and drag-and-drop your file. Conversion takes under 60 seconds and you get an interactive viewer with a ready-to-copy iFrame code. The model is private by default, so nothing is public until you place the embed yourself. For the best load time on a store, keep the GLB lean — see optimize GLB file size for the web.
From the viewer, click Share then Embed code. You get an iFrame snippet: <iframe src="https://omniview3d.com/view/your-id" width="100%" height="500" loading="lazy"></iframe>. Copy it. The loading="lazy" attribute lets the browser defer the frame until it is near the viewport, which keeps it off the critical path.
| Platform | Where to add it | Element / block | Notes |
|---|---|---|---|
| Shopify | Online Store → Themes → Customize | Custom HTML section or Liquid block | No Shopify app required |
| WordPress | Gutenberg editor | Custom HTML block | A plugin/shortcode route also exists — see the WordPress guide |
| Webflow | Designer → Add panel | Embed element | Set height to 500–600px |
| Any CMS | Page or HTML editor | Raw iFrame snippet | Works anywhere raw HTML is allowed |
If you manage many WordPress pages and want a reusable shortcode instead of pasting HTML each time, see the dedicated 3D viewer WordPress plugin, iFrame & shortcode guide.
No. OmniView 3D gives you a ready-made iFrame snippet. You paste it into a Custom HTML block (Shopify, WordPress) or an Embed element (Webflow), or into any CMS field that accepts HTML. No code is written.
Not meaningfully if you lazy-load it. The iFrame carries the loading="lazy" attribute, so the browser defers it until it is near the viewport and keeps it off the critical render path. See our Core Web Vitals breakdown in 'does a 3D viewer slow down your site'.
Yes. The viewer is responsive and optimized for touch, so visitors can rotate and zoom with a finger on phones and tablets as well as with a mouse on desktop.
You can embed any model OmniView 3D reads — GLB/GLTF, STEP, IGES, FBX, OBJ, STL and more. For a store, GLB with PBR materials gives the best visual quality and the smallest file for web display.
Try OmniView 3D for free
Upload a file and view it right away. No account required.
Try without signing up