WooCommerce 3D Product Viewer — Add Interactive 3D Models to Your Store
AtlasAR is a free WordPress plugin that replaces your flat WooCommerce product images with fully interactive 3D models and built-in augmented reality. Customers can rotate, zoom, and inspect every angle of your product directly on the product page — then tap a single button to place it in their own space using AR on any iPhone or Android device. No app downloads, no coding, no limits on how many 3D models you upload.
Download AtlasAR free on WordPress.org | Try the live demo
Why Your WooCommerce Store Needs a 3D Product Viewer
Online shoppers cannot touch, hold, or inspect a product before they buy. Flat photos only show what the photographer chose to capture. A WooCommerce 3D product viewer solves this by letting customers interact with a three-dimensional representation of your product — rotating freely, zooming into details, and viewing it from every angle. The business case is backed by measurable results across three key areas.
Higher Conversion Rates
Shopify reported that products with 3D models and AR see conversion rates increase by up to 94% compared to products with only traditional images. When customers can inspect every surface and angle, their purchase confidence rises significantly — translating directly into completed checkouts. For WooCommerce store owners selling furniture, electronics, or fashion accessories, a 3D product viewer removes the hesitation that causes abandoned carts.
Fewer Product Returns
Product returns average 20-30% for online purchases, largely driven by unmet expectations. A 3D viewer gives customers a far more accurate understanding of size, shape, and proportions before they buy. Augmented reality takes this further by letting shoppers place the actual product in their own room at real-world scale — eliminating guesswork about whether a sofa fits or whether a painting suits the wall.
Longer Time on Page and Higher Engagement
Customers spend significantly more time on product pages with interactive 3D viewers. This is active interaction — rotating, zooming, inspecting — which builds familiarity and purchase intent. Higher time-on-page also sends positive signals to Google, improving your store’s search rankings over time.
How the AtlasAR 3D Viewer Works with WooCommerce
AtlasAR is purpose-built for WooCommerce — not a generic 3D viewer with WooCommerce bolted on as an afterthought. It integrates with the product editor, product gallery, and variation system. Here is how to go from installation to a live 3D product page in minutes.
Step 1: Install and Activate
Install AtlasAR from the WordPress plugin directory — search for “AtlasAR” or “3D viewer” and click Install, then Activate. The plugin works immediately with no configuration required. It automatically registers 3D file types (GLB, GLTF, USDZ) so your WordPress media library accepts 3D model uploads.
Step 2: Upload a 3D Model to Any Product
Open any WooCommerce product in the editor. You will see a new AtlasAR metabox in the sidebar. Click the upload button and select your GLB or GLTF file. For iOS AR support, also upload the USDZ version. If you do not have a 3D model yet, AtlasAR includes a free AI 3D model generator powered by Tripo3D — type a text description of your product and it will generate a 3D model for you, directly inside the WordPress editor. No Blender or 3D modeling experience needed.
For a detailed walkthrough with screenshots, see the guide on how to add 3D models to WooCommerce products.
Step 3: The 3D Viewer Replaces Your Product Gallery Automatically
Once a 3D model is attached to a product, AtlasAR automatically replaces the default WooCommerce product image gallery with an interactive 3D viewer. Customers see the model instead of a flat photo. They can rotate it by dragging, zoom with pinch or scroll, and pan to reposition. The viewer is responsive and works on desktop, tablet, and mobile devices without any additional configuration.
Step 4: The AR Button Appears Automatically
On mobile devices, a “View in AR” button appears automatically. On iOS it opens Apple Quick Look; on Android it uses Google Scene Viewer. Customers can place the product in their real environment — a sofa in their living room, wall art on their actual wall — at true-to-life scale. No app download required. On desktop, a QR code lets customers scan and launch the AR experience on their phone.
Key Features for WooCommerce Stores
Automatic Product Gallery Replacement
When a 3D model is assigned to a WooCommerce product, the standard image gallery is automatically replaced with the interactive 3D viewer. No shortcodes to paste, no template files to edit, no theme hooks to modify. It works with any WooCommerce-compatible theme out of the box.
Per-Variation 3D Model Switching (Pro)
For variable products with options like color, size, or material, AtlasAR Pro lets you assign a different 3D model to each variation. When a customer selects “Blue” from the dropdown, the viewer instantly swaps to the blue model. This is essential for apparel, furniture, and any category where variations look substantially different.
WebAR for iOS and Android (Free)
Unlike competing plugins that lock AR behind a paid upgrade, AtlasAR provides full augmented reality in the free version. iOS users get native USDZ Quick Look. Android users get Google Scene Viewer. Both work directly in the browser with no app download required.
Lazy Loading for Performance
AtlasAR uses Intersection Observer-based lazy loading to defer 3D model downloads until the viewer scrolls into the viewport. This keeps your initial page load fast and your Core Web Vitals scores healthy, even on category pages with multiple 3D products.
Gutenberg Block and Shortcode
Beyond the automatic WooCommerce gallery replacement, AtlasAR provides a Gutenberg block and an
shortcode for embedding 3D viewers anywhere on your site — blog posts, landing pages, or custom layouts. The Gutenberg block includes a live preview in the editor.
Unlimited 3D Model Uploads (Free)
AtlasAR places no limit on uploads, even on the free plan. Upload GLB, GLTF, and USDZ files to as many products as you want. Some competing plugins restrict free users to a single model — AtlasAR does not.
AI-Powered 3D Model Generation (Free)
Do not have 3D models yet? AtlasAR includes a free AI model generator powered by Tripo3D. Type a text description of your product — for example, “modern oak dining chair with armrests” — and the AI generates a usable 3D model directly inside the WordPress editor. No competitor in the WordPress 3D viewer space offers this free.
Free vs Pro Features
AtlasAR offers a generous free tier and a Pro upgrade for stores that need advanced capabilities. Here is a complete comparison of what is included at each level.
| Feature | Free | Pro (from $49.99/yr) |
|---|---|---|
| Unlimited 3D Model Uploads | Yes | Yes |
| iOS AR (USDZ Quick Look) | Yes | Yes |
| Android AR (Scene Viewer) | Yes | Yes |
| WooCommerce Gallery Replacement | Yes | Yes |
| Gutenberg Block + Shortcode | Yes | Yes |
| AI 3D Model Generation (Tripo3D) | Yes | Yes |
| Lazy Loading | Yes | Yes |
| QR Code for Desktop AR Handoff | Yes | Yes |
| Custom Camera Position + Orbit | Yes | Yes |
| Per-Variation 3D Model Switching | — | Yes |
| Automatic Model Compression (Draco + Basis) | — | Yes |
| Interactive Hotspots / Annotations | — | Yes |
| Product Dimensions Display in Viewer | — | Yes |
| Custom Lighting and HDR Environments | — | Yes |
| 3D Product Sliders | — | Yes |
| Priority Support | — | Yes |
The free version is fully functional for stores that want a straightforward WooCommerce 3D product viewer with AR. Pro is for stores that need performance optimization (compression), richer interactivity (hotspots, dimensions), and per-variation model switching for configurable products. View full pricing details.
See It in Action
The best way to understand what a WooCommerce 3D product viewer looks like and feels like is to try one yourself. The AtlasAR demo shop features live WooCommerce products with interactive 3D viewers and augmented reality enabled. Browse furniture, wall art, and home decor products, rotate the 3D models, and try placing them in your own space using AR on your phone.
The demo shop runs on a standard WooCommerce installation with the Starter theme. Nothing has been custom-coded — the 3D viewers and AR buttons you see are powered entirely by the AtlasAR plugin. What you see in the demo is exactly what your customers will see on your store.
How It Compares
Several WordPress plugins offer 3D model viewing capabilities. Here is how AtlasAR compares to the two most established alternatives for WooCommerce store owners.
| Capability | AtlasAR | 3D Viewer by bPlugins | AR for WordPress (webandprint) |
|---|---|---|---|
| Free 3D Model Uploads | Unlimited | Unlimited | 1 model only |
| Free AR (iOS + Android) | Yes | No (Pro only) | Yes |
| AI 3D Model Generation | Yes (free) | No | No |
| WooCommerce Gallery Replacement | Automatic | Automatic | Automatic |
| Variation Model Switching | Pro | Pro | Pro |
| Automatic Model Compression | Pro (Draco + Basis) | Not available | Not available |
| Product Dimensions in Viewer | Pro | Not available | Not available |
| Interactive Hotspots | Pro | Not available | Pro |
| Gutenberg Block | Yes | Yes | Yes |
| Pro Starting Price | $49.99/year | $29/year | $20/month |
AtlasAR offers more in its free tier than either competitor — particularly free AR and free AI model generation. At the Pro level, it is the only plugin with automatic model compression and product dimensions display. For a more detailed breakdown, read the full WordPress 3D viewer plugins comparison.
Frequently Asked Questions
AtlasAR supports GLB and GLTF files for the 3D viewer on all browsers, and USDZ files for native iOS AR. GLB is recommended because it packages geometry, textures, and materials into a single file. Models in other formats (OBJ, FBX) can be converted to GLB using free tools like Blender. AtlasAR Pro includes Draco and Basis Universal compression to reduce file sizes by up to 70%.
Yes. AtlasAR uses Google’s model-viewer web component and replaces the product gallery using standard WooCommerce hooks, so it is compatible with any properly coded theme. It has been tested with Storefront, Astra, OceanWP, Flatsome, and Starter.
No. AtlasAR uses WebAR, which runs entirely in the mobile browser. On iOS, AR is powered by Apple Quick Look. On Android, it uses Google Scene Viewer. Both launch directly from the product page with no app download.
AtlasAR uses lazy loading so 3D models are not downloaded until the viewer scrolls into the viewport, keeping your initial page load fast. AtlasAR Pro adds Draco mesh compression and Basis Universal texture compression, reducing file sizes by 50-70% without visible quality loss.
Yes. AtlasAR Pro supports per-variation 3D model switching. Upload a separate model for each variation, and the viewer automatically swaps when the customer selects a different option. The free version displays a single model for all variations.
AtlasAR includes a free AI 3D model generator powered by Tripo3D. Type a text description of your product in the WordPress editor and it generates a usable 3D model. For higher-quality models, you can commission 3D artists or use photogrammetry scanning tools. AtlasAR accepts any standard GLB, GLTF, or USDZ file.
Yes. The free version includes unlimited 3D uploads, WooCommerce gallery replacement, iOS and Android AR, AI model generation, Gutenberg block, shortcode, and lazy loading — with no usage limits or watermarks. Pro adds compression, variation switching, hotspots, dimensions display, and custom lighting starting at $49.99/year. See pricing details.
Yes. AtlasAR provides a Gutenberg block and an shortcode for embedding 3D viewers on any page or post — product showcases, blog content, landing pages, or custom layouts. Full documentation is available at wpaugmentedreality.com/docs.
Add 3D to Your WooCommerce Store Today
AtlasAR is free, installs in under a minute, and works with your existing WooCommerce theme. Upload a 3D model — or generate one with AI — and your product page is instantly upgraded with an interactive 3D viewer and augmented reality. No coding required. No model limits. No app downloads for your customers.
Join 4,000+ WordPress sites already using AtlasAR to give their customers a better way to shop online.
Need help getting started? The AtlasAR documentation covers everything from installation to advanced configuration. You can also explore the demo shop to see the WooCommerce 3D product viewer in action before installing.
