Adkode. Web, Marketing, Growth

3D & AR

How to Add 3D Models and AR to Shopify Product Pages

Step-by-step guide to adding 3D models and AR to Shopify product pages: file formats, optimisation, theme support, testing and measuring the impact on sales.

By Suresh Kumar M

Founder & Tech Lead, Adkode

Nov 11, 20263 min read

Shopify supports 3D models natively on product pages, and shoppers on supported phones can view them in their own space with AR. Adding them is straightforward once you have optimised models in the right format. Here is the process.

1Prepare the Right Files

Shopify accepts GLB files for 3D models and can generate the iOS AR format automatically. Models should be accurately scaled, textured with realistic materials and optimised to keep file sizes small for mobile.

2Upload to Product Media

Add the GLB file to the product’s media section, just like images. Shopify themes that support 3D media display an interactive viewer and an ‘View in your space’ AR button on compatible devices.

3Optimise for Performance

  • Keep polygon counts reasonable
  • Compress textures
  • Target small file sizes for fast loading
  • Test on several iOS and Android devices

4Measure the Impact

Compare conversion rates and return rates for products with and without 3D and AR, and track engagement with the 3D viewer.

Frequently Asked Questions

Does Shopify support AR without an app?

Yes. Themes that support 3D media show AR buttons on compatible devices without extra apps.

What 3D file format does Shopify use?

GLB is the main format for 3D models on Shopify.

Where can I get 3D models of my products?

From your manufacturer’s CAD files or by commissioning a 3D artist to model products from photos and measurements.

Will 3D models slow down my store?

Optimised models load quickly. Unoptimised large files can slow pages, so optimisation is important.

Want This Done for You?

Adkode helps businesses in India, Australia and Europe with ar for ecommerce. Get a free audit and a clear plan.

Get a Free Audit

Share This Article

Was this article helpful?