Let customers see your products at real scale in their own room before they buy. No app subscription, no developer, no code beyond one copy-paste. Takes about ten minutes.
Online shoppers can read every spec and still get the size wrong. AR removes the guesswork by putting the product in the room before the order is placed.
Most size-related returns happen because the customer misjudged scale from a photograph. AR shows true dimensions in context.
A shopper who has placed the item in their own space is far closer to a decision than one still scrolling through photos.
Interactive 3D holds attention longer than a static gallery, which helps on product pages where hesitation kills conversions.
You need one 3D model per product. Everything else is copy-paste.
You have three realistic options depending on budget and volume:
Scan it yourself (free). Apps like Luma AI let you walk around a product for thirty seconds and download a GLB file. Works well for furniture, bags, shoes and packaged goods.
Convert existing CAD (cheap). If your product was designed in SolidWorks, Fusion 360 or Rhino, you already have the geometry. Export to GLB or have a freelancer clean it up.
Commission a 3D artist ($50–$300). Highest quality and fully optimised. Worth it for hero products you will sell for years.
Drag the .glb file onto arview.space. Within a few seconds you get an AR link, a downloadable QR code and an embed snippet. No account needed for your first upload.
Open the model in your dashboard and click Embed. You get a snippet that looks like this:
The allow="xr-spatial-tracking" attribute matters — without it some browsers block the AR permission.
In your Shopify admin go to Online Store → Themes → ⋯ → Edit code.
Open sections/main-product.liquid (on older themes this may be product-template.liquid).
Find the product description block and paste the iframe just above or below it. Save.
Prefer not to touch theme code? Paste the same snippet directly into the product description field using the HTML editor. It works, though it only applies to that one product.
Hard-coding one model ID means every product shows the same item. To make it per-product, add a metafield.
Go to Settings → Custom data → Products → Add definition. Name it AR Model ID, namespace custom, type single-line text.
Then use this in your theme instead:
Now paste each product's model ID into its metafield. Products without one simply skip the block.
Open the product page on an iPhone and an Android device. Tap the AR icon, point at the floor, and confirm the model appears at the right size. Desktop shows the rotatable 3D viewer instead, which is expected.
| Approach | Cost | Setup | QR codes | Analytics |
|---|---|---|---|---|
| ARView embed | Free / $5 mo | 10 min, copy-paste | ✓ | ✓ |
| Shopify native 3D | Included | Per-product upload | — | — |
| Dedicated AR apps | $20–$100 mo | App install | Varies | ✓ |
| Custom development | $2,000+ | Weeks | ✓ | ✓ |
App pricing varies by vendor and plan. Check current listings on the Shopify App Store.
File size under 10MB. Shoppers are often on mobile data. Anything heavier and they leave before it loads.
Under 100,000 triangles. Mid-range Android phones struggle above this.
Textures at 2048×2048 or smaller. Larger textures rarely improve the AR experience and multiply file size.
Wrong scale. Export in metres. A model built in centimetres appears a hundred times too large in AR.
Origin point off-centre. Place the origin at the base centre so the model sits flat on the floor.
Missing the allow attribute. Without xr-spatial-tracking the AR button silently fails in some browsers.
Upload a 3D model, copy the embed, paste it into your theme. Ten minutes from start to a working AR button.
Start Free →