3D Models for Shopify: Add GLB to Any Product Page
Shopify natively supports 3D model viewers — no apps, no plugins, no monthly fees. The barrier has always been creating the GLB files. This guide shows you how to go from a flat product photo to a Shopify-ready 3D model in under five minutes using Image3D.
Why Shopify Merchants Are Adding 3D Models
Shopify introduced native 3D model support in 2019, but adoption remained low because creating GLB files required professional 3D artists or expensive photogrammetry rigs. AI-powered tools have eliminated that bottleneck.
The business case is straightforward: Shopify's own data shows that product pages with 3D models achieve up to 94% higher conversion rates compared to static image-only pages. For AR-enabled products on iPhone, add-to-cart rates increase by 250%.
The effect is strongest where spatial context matters — furniture (does this fit?), footwear (does this match?), accessories (how does this look on me?). 3D removes the ambiguity that causes returns.
What File Formats Shopify Requires
Shopify uses two 3D formats depending on the platform:
| Format | Used For | Platform | Max Size |
|---|---|---|---|
| GLB | Web 3D viewer, Android AR | Desktop, Android, Windows | 250 MB (keep under 15 MB) |
| USDZ | iOS/macOS AR Quick Look | iPhone, iPad, Mac | Auto-generated by Shopify |
You only need to upload GLB. Shopify automatically converts it to USDZ for Apple AR. Image3D exports GLB natively, so you are already set.
Step-by-Step: Photo to Shopify 3D
Prepare your product photo
Use a clean white or neutral background. Shoot from a 45° angle that shows the top and two sides simultaneously. Avoid harsh direct lighting — diffused natural or softbox light gives the best texture capture. JPEG or PNG both work; minimum 800×800 px recommended.
Generate the 3D model in Image3D
Open image3d.io/tool/, upload your product photo, and select Pro or Ultra quality for Shopify use (Standard works for catalog items, but Pro gives you higher-resolution PBR textures that look better in Shopify's viewer). Generation takes 45–90 seconds.
Download the GLB file
After generation, click Download GLB. This requires a paid tier (Pro/Ultra). The file includes embedded PBR textures — no separate texture maps needed. Verify the file size is under 15 MB for best page load performance.
Upload to Shopify product
In your Shopify admin, go to Products → open the product → scroll to Media → click Add media → select 3D model → upload the GLB. Shopify processes the file (usually under 60 seconds) and displays the 3D viewer automatically.
Preview on desktop and mobile
Visit your product page in preview mode. On desktop, you should see the 3D orbit viewer replacing the main product image. On an iPhone, you should see a View in your space AR button. Verify both work before publishing.
Product Type Conversion Quality
Not every product converts equally well from photo to 3D. Here is what to expect:
| Product Type | Quality | Recommended Tier | Notes |
|---|---|---|---|
| Sneakers / Shoes | Excellent | Pro | Clear silhouette, rich texture detail |
| Bags / Purses | Excellent | Pro | Leather / fabric texture captures well |
| Mugs / Ceramics | Excellent | Standard or Pro | Simple geometry, fast generation |
| Clothing / Apparel | Good | Ultra | Flat items need good drape angle |
| Electronics | Good | Pro | Sharp edges clean, logos may blur |
| Jewelry | Fair | Ultra | Fine chains are difficult; solid pieces work well |
| Furniture | Fair | Ultra | Large items need wide-angle shot |
| Glassware / Transparent | Challenging | Ultra + manual review | Transparency hard for single-image AI |
Shopify 3D Viewer: Embed Code (Optional)
Shopify handles the 3D viewer automatically on product pages. But if you want to embed a 3D viewer on a custom page, landing page, or blog post, use Google's model-viewer web component:
<script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.4.0/model-viewer.min.js"></script>
<model-viewer
src="/your-product.glb"
alt="Your product name"
ar
ar-modes="webxr scene-viewer quick-look"
camera-controls
shadow-intensity="1"
style="width: 100%; height: 400px;">
</model-viewer>
The ar attribute enables the AR button on both Android (via Scene Viewer) and iOS (via AR Quick Look). camera-controls allows customers to orbit and zoom.
Credit Cost for a Full Product Catalog
| Catalog Size | Tier | Credits Needed | Est. Cost |
|---|---|---|---|
| 10 hero products | Ultra (350cr each) | 3,500 cr | ~$35 |
| 50 catalog products | Pro (100cr each) | 5,000 cr | ~$50 |
| 200 SKUs | Standard (10cr each) | 2,000 cr | ~$20 |
Compare this to a professional 3D artist who charges $50–$300 per model. Image3D reduces cost by 95%+ for catalog-scale 3D.
Frequently Asked Questions
What 3D file formats does Shopify support?
Shopify natively supports GLB (for web/desktop 3D viewer) and USDZ (for iOS AR). You only need to upload GLB — Shopify auto-converts it to USDZ for Apple devices. Image3D exports GLB directly.
How do I add a 3D model to a Shopify product page?
Go to Shopify admin → Products → open the product → scroll to Media → click Add media → select 3D model → upload your GLB file. The 3D viewer appears automatically once Shopify processes the file (under 60 seconds).
Does adding 3D models improve Shopify conversion rates?
Yes. Shopify's own research reports up to 94% higher conversion rates on product pages with 3D models. AR-enabled products on iPhone show 250% higher add-to-cart rates. The ROI is strongest for furniture, footwear, and accessories.
What is the maximum GLB file size for Shopify?
Shopify allows up to 250 MB, but best practice is under 15 MB for fast loading. Image3D's Standard tier produces ~5–8 MB files; Pro produces ~10–20 MB with higher-res textures. Use gltf-transform or gltfpack to compress if needed.
Can I use Image3D models in Shopify AR?
Yes. Upload the GLB to Shopify and iPhone customers automatically see a "View in your space" AR button. Android customers get Google Scene Viewer AR. No additional setup required — Shopify handles format conversion and AR routing automatically.
Related Guides
Add 3D to Your Shopify Store Today
200 free credits on signup. Generate your first Shopify-ready GLB in under 90 seconds — no credit card required.
view_in_ar Generate Your First 3D ModelGLB export · AR-ready · Shopify compatible