WooCommerce Product View in AR (Augmented Reality) | 3D Product View 1.2.2

The WooCommerce Product View in AR (Augmented Reality) | 3D Product View is a specialized extension (often found on CodeCanyon or the WordPress repository) that allows your customers to interact with products in a 3D space.1

Unlike 360° photography (which uses a series of flat photos), this plugin uses actual 3D models to let shoppers rotate, zoom, and virtually place items in their own room using their smartphone camera.

👓 Key Features

Web-Based AR: No separate app is required.2 Customers just tap a "View in AR" button on their mobile browser (Safari for iOS, Chrome for Android).3

3D Viewer on Desktop: On a computer, it displays a smooth, interactive 3D window where users can spin the product with their mouse.

QR Code Integration: For users browsing on a desktop, the plugin can generate a QR code so they can quickly scan and open the AR view on their phone.4

Real-World Scaling: If your 3D model is built to scale (in meters), the AR viewer will show it at its exact real-life size (e.g., a sofa will look its actual 6 feet long in the user's living room).

🛠️ Technical Requirements

To use this effectively, you must have your products in specific 3D file formats:5

Format

Compatibility

Requirement

.GLB / .GLTF

Android & Desktop

The "JPEG of the 3D world"—essential for most web viewers.

.USDZ

iOS (iPhone/iPad)

Created by Apple; required for the "Quick Look" AR feature.

Note: Most modern versions of these plugins include a "Poster Image" setting.6 This shows a high-quality 2D photo while the 3D model loads, ensuring your page speed doesn't feel sluggish.

 

 

🚀 How to Set It Up

Install the Plugin: Upload the .zip file via Plugins > Add New and activate it.7

Edit a Product: Go to your WooCommerce product editor.8 Look for the new "AR/3D Model" tab in the Product Data section.

Upload Models: Upload both the .glb (for Android/Web) and .usdz (for iOS) files.9

Configure View: Set the "Auto-rotate" or "Enable Zoom" options to your preference.10

Publish: View the product page on your phone to test the "View in AR" experience.11

💡 Pro-Tip: Creating 3D Models

If you don't have 3D files yet, you have three main options:

AI Generation: Some newer plugins (like AR for WooCommerce) now feature AI that can turn 3-4 flat photos into a basic 3D model.12

3D Scanning: Use an app like Polycam on a newer iPhone with LiDAR to scan your product yourself.

Hire a Pro: For high-end items like furniture or jewelry, hiring a 3D artist (e.g., on Fiverr or Upwork) ensures the textures look realistic.

Would you like me to help you find a free tool to convert a .GLB file into a .USDZ file so your products work on iPhones?