Prepare 3D Models for AR on Shopify

Flat product photos leave gaps. Customers cannot judge how a lamp looks on their nightstand or whether a backpack is the right size for their frame. 3D viewers let them rotate the product and inspect it from every angle. AR goes further: customers place the item in their physical space through the phone camera and see it at real scale.

Products with 3D content see measurably higher engagement. Shopify has reported that products with 3D or AR content see up to 94% higher conversion rates than products with flat images alone. In published case studies, Rebecca Minkoff saw customers become 44% more likely to add items to their cart after interacting with 3D models. Gunner Kennels reported a 3% lift in cart additions and a 5% drop in returns.

Returns drop because customers understand the product better before they buy. They have already seen the texture, the proportions, and how it fits in their space. There are fewer surprises when the package arrives.

Shopify accepts two 3D file formats. You should upload both for every product that gets a 3D model.

GLB (binary glTF 2.0). This powers the interactive 3D viewer on desktop and mobile browsers. On Android devices, it also provides the AR experience through Google Scene Viewer. GLB bundles the mesh, textures, and materials into a single binary file.

USDZ. Required for AR on iPhone and iPad. When an iOS user taps "View in your space," Safari opens Apple AR Quick Look using the USDZ file. Without a USDZ upload, the AR button will not appear for iPhone users.

The platform automatically detects the customer's device and serves the correct file. You do not need any code or configuration for this.

The 3D viewer on Shopify uses physically based rendering through the metallic/roughness workflow. Your model needs properly configured texture maps for the materials to look realistic under different lighting conditions.

Base color (albedo). The surface color of the material. This texture should be in sRGB color space. Use JPEG format when the material has no transparency. Use PNG only when you need an alpha channel for transparent or translucent surfaces.

Normal map. Adds fine surface detail like bumps, scratches, and fabric texture without adding polygons. Use linear color space. A good normal map can make a 5,000 polygon model look as detailed as one with 50,000 polygons.

ORM packed texture. This is the texture setup that catches most people off guard. Shopify expects a single image that combines three material properties into its RGB channels:

• Red channel = ambient occlusion (soft shadows in crevices)
• Green channel = roughness (0 is mirror smooth, 1 is fully rough)
• Blue channel = metalness (0 is nonmetal, 1 is fully metallic)

Many 3D tools export roughness and metalness as separate texture files. For Shopify, you need to combine them into one image. In Photoshop, GIMP, or Krita: paste the occlusion map into the red channel, roughness into green, and metalness into blue. Save the result as JPEG at 1024 x 1024 or 2048 x 2048.

If your product does not have metallic surfaces (wood, fabric, plastic), set the blue channel to solid black. If there is no baked occlusion map, set the red channel to solid white.

Before exporting, walk through these items. Skipping any of them is the most common reason models fail Shopify's validation or look wrong in the viewer.

Real world scale. Shopify's AR viewer maps 1 unit to 1 meter. A coffee mug should be about 0.1 units tall. A sofa should be about 0.9 units tall. If the scale is off, customers will see a refrigerator-sized mug when they use AR, and trust in the product drops immediately.

Sealed geometry. Close every gap in the mesh. Holes that seem invisible from one angle become obvious when a customer freely rotates the model. Use your modeling tool's mesh analysis to check for non-manifold edges and zero-area faces.

Clean UV layout. Unwrap all UVs into the 0 to 1 space with no overlapping islands. Overlapping UVs cause textures to render incorrectly in Shopify's viewer, producing smeared or duplicated patterns across the surface.

Correct face normals. Every face normal must point outward. Reversed normals create black patches because the surface faces away from the camera. In Blender, select all geometry and use Mesh > Normals > Recalculate Outside.

Single merged object. Join all separate meshes into one object before export. Multiple root objects can cause processing issues. In Blender, select everything and press Ctrl+J.

Finally, apply all transforms so the object's position, rotation, and scale values read as identity (origin at zero, rotation at zero, scale at 1). In Blender, select the object and use Ctrl+A > All Transforms. Skipping this step can cause the model to appear rotated or offset in the viewer.

Model matches the product photo. Customers will see the 3D model right next to your product photos. If the colors, proportions, or details do not match, it creates confusion and erodes confidence. Use your product photos as reference throughout the modeling process.

Blender ships with a glTF 2.0 exporter that produces GLB files directly. No addon installation is needed.

• Go to File > Export > glTF 2.0 (.glb/.gltf).
• Set the format dropdown to glTF Binary (.glb).
• Under Include, check "Selected Objects" if you want to export specific objects only.
• Under Geometry, enable "Apply Modifiers" so subdivision surfaces and mirrors get baked into the mesh.
• Under Data > Images, set the mode to "Automatic" or "Embed." This packs textures into the GLB file. If you skip this, your model will appear untextured in Shopify.
• Click Export glTF 2.0.

Check the resulting file size. If it exceeds 5 MB, reduce your texture resolution from 2048 to 1024, or apply mesh decimation to bring the polygon count down before re-exporting.

Creating the USDZ file. Blender does not produce USDZ files compatible with AR Quick Look. Two options:

• On Mac, use Apple's Reality Converter app (free from the Apple Developer site) to convert your GLB to USDZ.
• On any platform, use Polyforge's GLB to USDZ converter, which runs entirely in the browser.

The upload process happens inside the Shopify admin. There is no special app or plugin required.

• Open the Shopify admin and navigate to Products.
• Select the product you want to add 3D media to.
• Scroll to the Media section and click Add media.
• Upload your GLB file. Shopify validates the file and shows a 3D preview in the media gallery once processing completes.
• Upload your USDZ file for the same product. This enables AR on iPhone and iPad.

If validation fails, Shopify displays a generic "Model failed validation" message. The most frequent causes: the GLB is corrupted, textures are not embedded in the file, or the upload exceeded 500 MB. Go back through the checklist above and re-export.

Once uploaded, the 3D model appears alongside your product photos. Customers browse through the media carousel normally. When they land on the 3D model, they see orbit and zoom controls. On AR-capable phones, a "View in your space" button appears beneath the viewer.

Your Shopify theme must support 3D media for the model to show up on the product page. Shopify's free Dawn theme and most modern themes include this support out of the box. If you are using an older or custom theme, check with the theme developer.

Themes display 3D models through Google's <model-viewer> web component. Shopify generates the component automatically using the model_viewer_tag Liquid filter. You do not need to write any JavaScript or embed any scripts manually.

The viewer loads lazily. Its JavaScript bundle only downloads after the customer navigates to the 3D model in the media carousel, so it does not slow down the initial page load.

Showing a 3D badge. Shopify recommends adding a small "3D" icon on the thumbnail so customers know a 3D model is available before they click. Most modern themes include this automatically.

Desktop previews and phone simulators do not accurately represent the AR experience. Test on actual hardware before publishing.

iPhone (iOS 12 or later). Open the product page in Safari and tap "View in your space." Safari opens AR Quick Look, which loads your USDZ file. Place the product in your room and walk around it. Verify the scale looks correct and that textures render as expected.

Android (ARCore device). Open the product page in Chrome and tap "View in your space." The phone opens Scene Viewer with your GLB file. Check for the same things: scale, textures, and overall appearance.

Desktop browser. The 3D viewer renders inline on the product page. You can orbit, zoom, and pan. No AR button appears on desktop. Verify that lighting and materials look consistent with your product photography.

Use a mid-range phone for testing, not your latest flagship. If the model loads quickly and the AR experience runs smoothly on a phone from two or three years ago, it will work for most of your customers.