You’ve seen the spinning sneaker and the “view in your space” button on furniture stores, and you want that on your product pages. So you ask around. One dev quotes a custom viewer. An app promises 3D in minutes, for a monthly fee.
Here’s what gets skipped: Shopify already displays 3D models on product pages, and the AR button comes with it. You can add 3D models to Shopify in minutes. The part that can sink the project is the file you upload.
Here’s how we’d do it, in the order that saves rework.
Shopify natively takes GLB and USDZ product models and builds the other format for you. Keep the file near 4 MB, check scale in AR on real phones, and test against similar products without 3D before you roll it out.
Heavy files destroy page performance, causing mobile shoppers to bounce before your product even loads. By prioritizing lightweight, optimized assets right from the start, you protect your core web vitals, keep page speed lightning fast, and ensure your new interactive features actually drive sales instead of turning potential customers away.
When owners decide to add 3D, the same three moves show up:
None of these is crazy. All three are wrong as a first move.
Here’s what Shopify’s own documentation says. Product media can include 3D models in GLB or USDZ format, up to 500 MB, and the same page lists every Online Store 2.0 theme built by Shopify, plus the Horizon family, as supported. Third-party themes? Ask the developer.
So your Shopify 3D product viewer may already be sitting in your theme, unused. Apps can add extras, but you should know what the free version does before you pay for the upgrade.
Check what you already own before you rent something.
Most teams treat 3D product models for ecommerce like renders. A render is made once, shown at full quality, and judged on how good it looks.
A product-page model has a different job. It’s a file a shopper’s phone has to fetch, decode and display, usually on mobile data, while the rest of the page is loading too. Different job. Different file.
Shopify’s own modeling standards say the total file size should be about 4 MB, and textures for mobile web shouldn’t be larger than 2048 × 2048 px. Now compare that with the 500 MB upload ceiling. The ceiling is a limit, not a target.
The second thing most people miss is scale. AR exists to answer one question: will this fit? If the model shows up at the wrong size, you’ve built an expensive way to lose trust.
The same Shopify guide lists incorrect scale as a common reason merchants reject a model. Placed in AR beside the real product, the two should match.
Build the file for the phone in a shopper’s hand, not the monitor on your desk.
Five steps. The first three happen before you upload anything, and they decide whether the last two are worth your time.
Shopify says all the Online Store 2.0 themes it builds, plus the Horizon family, display 3D models. On an older version of a supported theme, you might need to update first.
Test it on a draft product. Upload one of Shopify’s sample models, preview it on your phone, and look for the “View in your space” button. If the viewer loads and the button shows, you don’t need an app for the basics.
Never test on your best seller.
Shopify describes 3D models as a way to give customers a better sense of size, scale and detail. So start where those are the doubt.
Look at three places: the “how big is it?” emails in your inbox, the returns marked “not as expected,” and the products with plenty of traffic and a weak add-to-cart rate. Choose three to five SKUs.
Don’t model the whole catalog on day one. Shopify caps combined videos and 3D models per store by plan, from 250 on Basic to 1,000 on Grow. The bigger reason is that you don’t know yet what works.
Start where doubt is highest, not where the product is prettiest.
Whether you brief a freelancer or our 3D product rendering team, hand over this spec before modeling starts. It comes straight from Shopify’s 3D modeling standards:
On Shopify’s side, uploads are converted so both a USDZ and a GLB version exist, which means you don’t hand-build the iPhone file. Models over 15 MB are optimized automatically. Models under 15 MB aren’t touched.
Our view: auto-optimization is a safety net, not a plan. You want to decide what gets simplified, not leave it to an algorithm.
If a vendor sends back a 60 MB file, send it back.
In your Shopify admin, go to Products, open the product, and in the Media section click Upload new or drag the file in. Shopify’s steps are here. The conversion happens on their end.
Then the part people skip. The first media item is the featured one, and it shows on collection pages, the cart, checkout and your home page. Keep your strongest still first. Put the model after one or two lifestyle shots.
One catch: 3D models can’t be used as variant media, so the model won’t change when a shopper picks a colorway. If color drives the purchase, decide before you build whether that means a model per colorway or a clear note on the page.
Shopify’s mobile app can also scan a 3D model on compatible iOS devices. Fine for testing your pipeline. We wouldn’t put it on a hero SKU.
A model answers a question. It shouldn’t open the conversation.
This is where AR product pages quietly break. Shopify-hosted models use Google’s model-viewer component, and AR runs through AR Quick Look in iOS Safari and Scene Viewer on Android.
Shopify’s UX guidance says the AR button should only appear on devices that support it: iOS 13 or higher, or Android 9 or higher. Then run this check on one iPhone and one Android, over cellular:
If it only works on your laptop, it doesn’t work.
Shopify has said that merchants who add 3D content see a 94% conversion lift, on average. That line comes from a May 2022 changelog post, and it doesn’t say how the number was measured. Stores that invest in 3D also aren’t average stores.
Treat it as a reason to test, not a forecast. Here’s what we’d track on the first batch of products:
One trap: shoppers who interact with a model were already interested, so they’ll always look better. Compare whole pages, not just interactors. It’s the same discipline behind any sound conversion rate optimization program.
If the data says 3D lifts the products where size and detail drive doubt, roll it out. If it doesn’t, you’ve spent a few models, not the whole catalog.
If the test can’t lose, it isn’t a test.
Every 3D project we scope opens with the spec above, because the viewer is the easy part. We work from photos, dimensions or CAD files, and most single-product projects take one to two weeks.
When shoppers need to see the product on them, not just in their room, we go further. For a luxury eyewear brand on Shopify, we built a WebAR try-on module, and sitewide conversion rose 29%, with AR-exposed users converting at 2.1× the average. That’s one client, so treat it as a case study, not a promise.
It’s the same sequence we run for every store: file, theme, test.
If you want 3D on your product pages and don’t know which SKUs to start with, let’s find out. Book a free strategy call at www.themayk.com. In 30 minutes we review your brand, funnel and ad spend, then send you a written summary whether or not you hire us.
Stop guessing. Start growing.
Adding 3D models to Shopify doesn’t have to sacrifice site speed or drain your budget on unnecessary apps. By leveraging your theme’s native capabilities, keeping your GLB files optimized near 4 MB, and starting with a targeted test on high-hesitation products, you can deliver an immersive shopping experience safely. Stop guessing with heavy assets focus on lightweight files, verify scale on real mobile devices, and let actual conversion data guide your full rollout.
SEO – unlock sustainable growth with proven search strategies.
Content Strategy – magnetic content that earns links, shares, and brand authority.
Paid Media – precision campaigns built for measurable ROI.
How to Move From DSA to AI Max Without Losing Leads You’ve built your entire lead-generation engine around Dynamic Search Ads. They scrape your inventory, match long-tail queries you didn’t have time to write keywords for, and quietly print margin while you sleep. Then Google drops a concrete deadline: Dynamic Search Ads creation stops, and […]
How to Add 3D Product Models to Your Shopify Store You’ve seen the spinning sneaker and the “view in your space” button on furniture stores, and you want that on your product pages. So you ask around. One dev quotes a custom viewer. An app promises 3D in minutes, for a monthly fee. Here’s what […]
How to Get Your Products Recommended by ChatGPT You’ve heard ChatGPT is the next storefront. Your vendor says buy their feed tool. Your agency says wait and see. We’d say you’re being sold the wrong thing. To get products recommended by ChatGPT, you don’t need a checkout inside the chat. You need product data it […]
How we use your info: Used strictly to review your project, prepare tailored insights, and reach out for a 1-on-1 strategy call. Zero spam, zero shared data.