3D/AR/VR Model Viewer for WooCommerce

The AR Model Viewer for WooCommerce is a versatile plugin designed to enhance your online store by displaying 3D models of your products. Customers can view these models in augmented reality (AR), providing an interactive and immersive shopping experience. The plugin supports .glb and .gltf files for browser viewing, with optional .usdz files for Apple AR, and is easy to use.

Whether your website is an eCommerce platform or a WooCommerce-based store, the AR Model Viewer plugin seamlessly integrates to allow customers to explore your products in 3D and AR.

Start offering an extraordinary shopping experience today! 🚀

The AR Model Viewer for WooCommerce is a practical plugin for showcasing your products in 3D and AR. Customers can interact with product models in an immersive way, improving their shopping experience and engagement.

Key Features ✨

• Display 3D Models Anywhere: Showcase 3D models of your products on any part of your website using a simple shortcode.
• Augmented Reality Viewing: Allow customers to view your 3D models in augmented reality for an immersive shopping experience.
• Broad File Format Support: Compatible with .glb and .gltf file formats for seamless 3D model integration.
• Effortless WooCommerce Integration: Easily integrates with WooCommerce to enhance your eCommerce platform.
• Native Product and Variation Fields: Manage model files, posters, AR options and fallback behaviour from the WooCommerce product editor.
• Public REST Loading: The viewer requests each product’s model and public viewer configuration through a read-only REST endpoint, including for anonymous visitors.
• Public REST Catalog: Integrations can list published, catalog-visible products with effective 3D models through GET /wp-json/ar-model-viewer/v1/products.
• Private REST Analytics: Administrators with manage_options can read filtered, grouped anonymous aggregates through GET /wp-json/ar-model-viewer/v1/analytics.
• External Model URLs: Use hosted .glb, .gltf or .usdz files from a trusted source. The plugin stores and validates the model reference; it does not generate 3D assets through an external AI service.

Why You Should Install This Plugin ✅

• Improve Customer Engagement: Provide your customers with an interactive shopping experience that increases time spent on your store.
• Boost Conversion Rates: Help customers make informed purchasing decisions by allowing them to visualize products in 3D and AR.
• Stay Ahead of the Competition: Stand out in the eCommerce market by integrating innovative AR technology into your store.
• Easy to Use: No advanced technical skills required; integrate and manage 3D models effortlessly.
• Flexible and Scalable: Works perfectly for both small and large eCommerce businesses with WooCommerce.
• Seamless Integration: Compatible with most WordPress themes and plugins, ensuring a smooth setup.

Pro Version 🚀

Unlock the full potential of the AR Model Viewer for WooCommerce with the Pro Version, which includes additional premium features and support:

• Elementor Widget: Display 3D models using a dedicated widget in Elementor.
• Bulk Import and Export: Manage 3D models and viewer overrides using the native WooCommerce importer/exporter.
• Direct AR Links and QR Codes: Pro users can generate stable product/variation links and download local SVG or PNG QR codes.

Quick start

1. Install and activate WooCommerce and AR Model Viewer for WooCommerce.
2. Open Settings -> AR Model Viewer for WooCommerce and choose whether the viewer should appear as a product tab, button, or both.
3. Edit a WooCommerce product and open Product data -> 3D and augmented reality.
4. Add the model URL, poster and AR settings. A variable product can keep the parent model or enable a separate model for each variation.

5. Add the viewer to another page with the shortcode below, replacing 123 with the product ID:

   [ar_model_viewer_for_woocommerce_shortcode id=”123″]

The shortcode accepts the id attribute only. Variation-specific data is resolved automatically on product pages when the shopper selects a variation.

REST API

The API base URL is https://example.com/wp-json/ar-model-viewer/v1. Replace example.com with the site’s domain.

• GET /products: public catalog of published products with an effective 3D model. Supports page, per_page, search and category.
• GET /products/{product_id}/model: public model and viewer configuration for one product. Add ?variation_id={variation_id} to resolve a variation model and its parent fallback.
• GET /analytics: private, grouped aggregate analytics. Supports date, product, variation, event, mode, grouping and pagination filters. It requires the manage_options capability.
• POST /events: public event ingestion endpoint used by the viewer. It accepts validated anonymous events and does not store IP addresses, user agents or personal data.

The catalog and model endpoints are read-only and public so storefront visitors and external catalog integrations can use them. Analytics reads require an authenticated user with manage_options; analytics recording remains optional and disabled until enabled in the plugin settings.

Direct AR links and QR codes

Direct AR pages are a Pro feature. The product-editor controls generate stable URLs in this format:

https://example.com/ar-model-viewer/{product_id}/

For a variation, append ?variation_id={variation_id}. QR links append &armvw_qr=1 (or ?armvw_qr=1 when no variation parameter exists) so the plugin can measure QR opens when analytics is enabled. Pro users can preview and download the generated QR code as SVG or PNG.

Compatibility

• WordPress 5.9 or newer.
• WooCommerce 3.9 or newer, active before using product and variation fields.
• PHP 7.4 or newer.
• A modern browser with WebGL for 3D viewing. AR features depend on device and browser support for WebXR or the platform’s AR handoff, such as Android Scene Viewer or Apple’s USDZ flow.
• A .glb or .gltf model for browser viewing; add .usdz when Apple AR support is required.

Open Source and Community Contribution 🌟

This plugin is an open-source project, and the code is available on GitHub:
https://github.com/racmanuel/ar-model-viewer-for-woocommerce

We invite you to contribute to the project by suggesting improvements, fixing issues, or enhancing features for the free version. Together, we can make this plugin even better for the WordPress community!

Try the plugin 👨🏻‍💻🎉

Try with WordPress Playground

The Playground blueprint installs Storefront, WooCommerce and this plugin, uses WordPress 6.5 with PHP 7.4, logs in as admin / password and opens the plugin settings. It is a demonstration environment and does not activate Pro-only features.

Customization 🛠️

If you need any customization for the plugin, feel free to send me a message or visit my website: https://racmanuel.dev.

Privacy Policy 🔒

The optional viewer analytics in AR Model Viewer for WooCommerce is first-party and disabled by default. A store administrator must enable it in Settings -> AR Model Viewer -> Analytics before the plugin records anything.

• The plugin stores anonymous daily counters in the site’s own WordPress database.
• It records only event names, product IDs, variation IDs, AR mode, normalized error codes and duration buckets. Historical aggregates use variation ID 0.
• It does not store IP addresses, user agents, referrers, names, emails, user IDs, cookies or complete model URLs.
• Visitors can exclude their browser with the privacy control shown in the viewer. The preference stays in local storage and is never sent to the site.
• Administrators can review the last 30 days and delete all stored analytics from the Analytics settings tab.
• The feature does not use a CMP, Google Analytics or another external analytics service.

The Freemius SDK may have its own separate product telemetry and consent flow. The viewer analytics described above is independent of that SDK.

Integrating the Freemius SDK does not immediately start data collection without user confirmation.

Updating from 2.1.0 or earlier

Install the 2.1.1 package over the existing plugin. Product models, variation settings, viewer options and existing analytics are preserved. Controls such as the product button, product tab and shortcode now remain hidden when the effective product or variation has no 3D model. Pro users should resave permalinks once so WordPress registers the /ar-model-viewer/{product_id}/ rewrite route.

Mini-Tutorial: Getting Started

1. Install and Activate: Download and install the AR Model Viewer for WooCommerce plugin from the WordPress plugin repository.
2. Configure Settings: After activation, navigate to the Settings -> AR Model Viewer for WooCommerce screen to configure the basic settings for the plugin.
3. Add 3D Models: Go to the WooCommerce product edit page and open the 3D and augmented reality group inside Product data to configure the model, poster, AR options and variation fallbacks.
4. Preview in AR: Once uploaded, your 3D models will automatically be available for customers to view in augmented reality (AR) on compatible devices.

This section describes how to install the plugin and get it working.

e.g.

1. Upload the plugin files to the /wp-content/plugins/plugin-name directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the ‘Plugins’ screen in WordPress.
3. Use the Settings -> AR Model Viewer for WooCommerce screen to configure the plugin.
4. Start adding 3D models to your WooCommerce products from the 3D and augmented reality group inside the General tab of Product data. Variable products can configure their own variation models or inherit the parent product model.