What is shoppable AR?
Shoppable AR is an augmented reality experience that includes direct commerce actions, letting a shopper place a virtual product into their environment or onto themselves, then buy or configure it inside the same view. It brings together three moving parts: an AR runtime that tracks the device and camera, a 3D product asset that stands in for the physical item, and a commerce hook that connects the experience to a cart, checkout, or storefront.
Shoppable AR is a close cousin of shoppable 3D but adds camera-based context: the product appears in the shopper's real room, on their face, or on their body, rather than floating in a viewer frame. That context is what tends to move category-specific commerce metrics such as fit confidence and return rate.
How shoppable AR works
A shoppable AR experience combines an AR runtime, a shoppable-ready 3D asset, and integration with the retailer's commerce stack. The stages below describe a typical implementation on mobile.
Entry point. The shopper launches the experience from a product page link, ad, QR code, or in-store trigger. The entry method decides whether the runtime is a native SDK, WebXR in the browser, or a system viewer such as AR Quick Look.
Capability and permission check. The runtime confirms AR support and requests camera permission. If either fails, the shopper is routed to a shoppable 3D fallback instead of dropping the session.
Tracking and placement. Surface, face, or body tracking anchors the product model in the scene at true scale, letting the shopper walk around it, view it from different angles, or preview it on themselves.
Configuration. Variant switching, color changes, and size selection happen inside the AR view, with the model updating in place so the shopper does not have to leave the experience to compare options.
Commerce action. Add to cart, buy now, save for later, or contact-sales controls are anchored on screen and connect to the retailer's storefront, passing the selected variant through cleanly.
Common use cases
Shoppable AR is well suited to categories where seeing the product in place changes the buying decision.
Furniture and home goods. Placing sofas, tables, lamps, or rugs in the actual room at true scale to check fit and style.
Fashion try-on. Previewing eyewear, watches, sneakers, or apparel on the shopper using face or body tracking.
Beauty. Applying virtual makeup, hair color, or accessories using face tracking with realistic materials.
Automotive. Placing a car at scale in a driveway or showroom, exploring color and trim in place.
Consumer electronics and appliances. Checking device size relative to a shelf, desk, or countertop before purchase.
Platforms and delivery
Shoppable AR is delivered through several platform paths, and most retailers use more than one so they can meet shoppers where they already are.
Native AR SDKs. ARKit on iOS and ARCore on Android power full-featured shoppable AR inside retailer apps and platform camera surfaces.
Web AR. WebXR and vendor JavaScript runtimes deliver shoppable AR straight from a mobile browser, avoiding an app install and reaching the widest audience.
System viewers. Apple AR Quick Look and Google Scene Viewer render shoppable AR from a USDZ or glTF asset with minimal integration, useful for lightweight product page implementations.
Social camera platforms. Snap Camera Kit, Meta AR ads, and TikTok Effect House host shoppable AR alongside advertising placements on those platforms.
In-app ad containers. Shoppable AR creatives run inside MRAID or vendor-specific ad SDKs, combining the ad delivery path with a shoppable AR runtime.
Shoppable AR at scale
Shoppable AR is bottlenecked less by the AR runtime than by the asset library behind it. Every product that will appear needs a 3D model of appropriate quality, correct scale, and accurate materials, plus variant data linked to the storefront. Building and maintaining that library is where most of the cost sits.
Delivery matters just as much. Shoppable AR on mobile web has to load quickly, render at interactive rates on a range of devices, and stay within the memory and thermal limits of the phone. Streaming approaches such as 3D streaming, adaptive spatial streaming, and asset optimization make it possible to ship high-fidelity models to phones without a lengthy download step, which is what lets shoppable AR scale from a few hero products to entire catalogs.
See also
AR try-on — Subset of shoppable AR focused on placing products on the shopper's body or face.
Shoppable 3D — The non-AR sibling, using an interactive 3D viewer inside the product page or ad.
Spatial commerce — Umbrella term covering shoppable AR and 3D across retail and advertising surfaces.
Immersive retail — The broader retail strategy that shoppable AR sits inside.
WebXR — The web standard that makes install-free shoppable AR possible in modern browsers.
Additional resources
- Apple AR Quick Look — iOS system viewer for shoppable AR with built-in checkout hooks.
- Google Scene Viewer — Android system viewer for shoppable AR launched from web pages.
- Snap Camera Kit — SDK that brings Snap AR shopping into retailer apps and web surfaces.
- Shopify AR — Retailer platform features for adding shoppable AR to product pages.
