How do I add AR to a Shopify product page?

Add a single loader tag to your product template (main-product.liquid or a product section), include a publishable key, allow-list your store's domain, and pass the current product's ID or image (via Liquid's {{ product.id }}) so the embed resolves to the right asset. You edit one shared template and every product page inherits the "View in your room" button — no per-SKU 3D modeling and no app install required for the basic embed.

Do I need 3D models made for each product?

No. Embeddable AR auto-generates the asset from a product photo you already have — a 3D model for furniture (Object AR) or a live surface texture for wall coverings and tile (Surface AR). That's the difference from per-SKU studio pipelines: you can run AR across the whole catalog instead of a few hero products, because there's no manual modeling step.

Is web-based Surface AR as accurate as native AR?

For color and pattern, yes — Surface AR on the web is preview-grade and reproduces the actual color and pattern accurately. Lighting and edge precision sit below a fully native experience; native-grade surface rendering is reserved for the premium iOS App Clip tier. Object AR, by contrast, uses the phone's native AR (AR Quick Look and Scene Viewer) for true-to-scale placement.

How to Add "View in Your Room" AR to Your Shopify Product Page

Shoppers can't touch what they buy online. That gap is why the average furniture and home retailer eats returns that add up to a ~$30B/year problem in the US alone — and why "does this actually fit / match my room?" is the question that kills carts before checkout. AR closes that gap by letting a shopper see the product in their own space, from their own phone, before they buy. This guide walks through how to add AR to your Shopify product page — what "embeddable AR" really means, the install flow, what you need on hand, and the pitfalls worth knowing before you ship.

Why AR on the PDP moves the numbers

The category has a track record, and the numbers come from the retailers who built AR in-house — not from us:

Shopify reports products with 3D/AR content convert at roughly +94% versus those without.
Wayfair's "View in Room" is credited with +92% conversion, +28% AOV, and -43% returns.
IKEA Place drove +189% conversion, -20% returns, and reported 98% placement size accuracy.
A 2025 Snap/Publicis study (n=4,028) found 80% of AR shoppers feel more confident in a purchase and 66% are less likely to return it.

Across the industry, AR/3D previews are associated with up to -40% returns, and Gartner has projected the majority of retail brands adopting some form of AR. TARDIS is early and doesn't have its own case studies to cite yet — but the direction of the category is not in doubt.

What "embeddable AR" actually means

Historically, AR meant a per-SKU 3D modeling project: send each product to a studio, wait weeks, pay per model, repeat. That's how incumbents like Cylindo and Threekit work for furniture, and it's why AR stayed a luxury for hero products only.

Embeddable AR flips the model. Instead of a bespoke build per product, you drop one script tag on your PDP template and point it at your catalog. The asset — a 3D model for furniture, or a surface texture for wall coverings — is generated automatically from a product photo you already have. One embed, catalog-wide, cheap enough to run across every SKU rather than a curated few.

Concretely, adding AR to your product page is four moving parts:

A loader script. A single `