Freemius

racmanuel.dev

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 3D model files in .glb and .gltf formats and is incredibly 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.
Now, with the power of meshy.ai, you can take your store to the next level! Generate 3D models simply by describing an object in text, creating stunning visuals effortlessly. In the PRO version, unlock the ability to convert an image into a 3D model, giving you unparalleled flexibility and creativity for showcasing your products.
Note: The API usage costs for meshy.ai are separate, but it includes a free plan with 200 credits per month, perfect for starting and experimenting with this powerful tool.
Start offering an extraordinary shopping experience today! 🚀
The AR Model Viewer for WooCommerce is the ultimate plugin for showcasing your products in 3D and AR. This plugin allows your customers to interact with your products in an immersive way, improving their shopping experience and increasing engagement.
<h3>Key Features ✨</h3>
<ul>
<li>Display 3D Models Anywhere: Showcase 3D models of your products on any part of your website using a simple shortcode. </li>
<li>Augmented Reality Viewing: Allow customers to view your 3D models in augmented reality for an immersive shopping experience. </li>
<li>Broad File Format Support: Compatible with .glb and .gltf file formats for seamless 3D model integration. </li>
<li>Effortless WooCommerce Integration: Easily integrates with WooCommerce to enhance your eCommerce platform. </li>
<li>AI-Powered 3D Model Generation: Create 3D models from images or text using the cutting-edge meshy.ai API, offering unparalleled convenience and creativity. </li>
<li>Upload External 3D Files: Use .glb files from external services like Sketchfab or any other source to quickly add 3D models to your store. </li>
</ul>
<h3>Why You Should Install This Plugin ✅</h3>
<ul>
<li>Improve Customer Engagement: Provide your customers with an interactive shopping experience that increases time spent on your store. </li>
<li>Boost Conversion Rates: Help customers make informed purchasing decisions by allowing them to visualize products in 3D and AR. </li>
<li>Stay Ahead of the Competition: Stand out in the eCommerce market by integrating innovative AR technology into your store. </li>
<li>Easy to Use: No advanced technical skills required; integrate and manage 3D models effortlessly. </li>
<li>Flexible and Scalable: Works perfectly for both small and large eCommerce businesses with WooCommerce. </li>
<li>Seamless Integration: Compatible with most WordPress themes and plugins, ensuring a smooth setup. </li>
</ul>
<h3>Pro Version 🚀</h3>
Unlock the full potential of the AR Model Viewer for WooCommerce with the Pro Version, which includes additional premium features and support:
<ul>
<li>Elementor Widget: Display 3D models using a dedicated widget in Elementor. </li>
<li>Bulk Import and Export: Easily manage your 3D models by using the native WooCommerce importer/exporter. </li>
<li>Generate 3D Models from Text Using AI: Describe an object in text and let the AI create a 3D model for you. </li>
<li>Generate 3D Models from Images Using AI: Upload an image and convert it into a 3D model effortlessly.</li>
<li>Exclusive Future Updates and Improvements: Stay ahead with continuous updates and feature enhancements exclusive to Pro users.</li>
</ul>
<h3>Open Source and Community Contribution 🌟</h3>
This plugin is an open-source project, and the code is available on GitHub: 
<a href="https://github.com/racmanuel/ar-model-viewer-for-woocommerce" rel="nofollow ugc">https://github.com/racmanuel/ar-model-viewer-for-woocommerce</a>
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!
Note: The API usage costs for meshy.ai are separate, but it includes a free plan with 200 credits per month, perfect for starting and experimenting with this powerful tool.
<h3>Try the plugin 👨🏻‍💻🎉</h3>
<a href="https://playground.wordpress.net/#ew0KICAgICIkc2NoZW1hIjogImh0dHBzOi8vcGxheWdyb3VuZC53b3JkcHJlc3MubmV0L2JsdWVwcmludC1zY2hlbWEuanNvbiIsDQogICAgInNpdGVPcHRpb25zIjogew0KICAgICAgICAiYmxvZ25hbWUiOiAiQVIgTW9kZWwgVmlld2VyIGZvciBXb29Db21tZXJjZSINCiAgICB9LA0KICAgICJzdGVwcyI6IFt7DQogICAgICAgICAgICAic3RlcCI6ICJpbnN0YWxsVGhlbWUiLA0KICAgICAgICAgICAgInRoZW1lWmlwRmlsZSI6IHsNCiAgICAgICAgICAgICAgICAicmVzb3VyY2UiOiAid29yZHByZXNzLm9yZy90aGVtZXMiLA0KICAgICAgICAgICAgICAgICJzbHVnIjogInN0b3JlZnJvbnQiDQogICAgICAgICAgICB9DQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICAgICJzdGVwIjogImluc3RhbGxQbHVnaW4iLA0KICAgICAgICAgICAgInBsdWdpblppcEZpbGUiOiB7DQogICAgICAgICAgICAgICAgInJlc291cmNlIjogIndvcmRwcmVzcy5vcmcvcGx1Z2lucyIsDQogICAgICAgICAgICAgICAgInNsdWciOiAid29vY29tbWVyY2UiDQogICAgICAgICAgICB9DQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICAgICJzdGVwIjogImluc3RhbGxQbHVnaW4iLA0KICAgICAgICAgICAgInBsdWdpblppcEZpbGUiOiB7DQogICAgICAgICAgICAgICAgInJlc291cmNlIjogIndvcmRwcmVzcy5vcmcvcGx1Z2lucyIsDQogICAgICAgICAgICAgICAgInNsdWciOiAiYXItbW9kZWwtdmlld2VyLWZvci13b29jb21tZXJjZSINCiAgICAgICAgICAgIH0NCiAgICAgICAgfSwNCiAgICAgICAgew0KCQkJInN0ZXAiOiAibG9naW4iLA0KCQkJInVzZXJuYW1lIjogImFkbWluIiwNCgkJCSJwYXNzd29yZCI6ICJwYXNzd29yZCINCgkJfQ0KICAgIF0sDQogICAgImxhbmRpbmdQYWdlIjogIi93cC1hZG1pbi9hZG1pbi5waHA/cGFnZT1hcl9tb2RlbF92aWV3ZXJfZm9yX3dvb2NvbW1lcmNlX3NldHRpbmdzIiwNCiAgICAicHJlZmVycmVkVmVyc2lvbnMiOiB7DQogICAgICAgICJwaHAiOiAiNy40IiwNCiAgICAgICAgIndwIjogIjYuNSINCiAgICB9LA0KICAgICJwaHBFeHRlbnNpb25CdW5kbGVzIjogWw0KICAgICAgICAia2l0Y2hlbi1zaW5rIg0KICAgIF0sDQogICAgImZlYXR1cmVzIjogew0KICAgICAgICAibmV0d29ya2luZyI6IHRydWUNCiAgICB9DQp9" rel="nofollow ugc">Try with WordPress Playground</a>
<h3>Customization 🛠️</h3>
If you need any customization for the plugin, feel free to send me a message or visit my website: <a href="https://racmanuel.dev" rel="nofollow ugc">https://racmanuel.dev</a>.
<h3>Privacy Policy 🔒</h3>
AR Model Viewer for WooCommerce uses the Freemius SDK to collect telemetry data, but only with the user’s explicit consent. This data collection helps us troubleshoot issues and improve our product.
<ul>
<li>No data is gathered by default.</li>
<li>Data collection only begins after user consent via the admin notice.</li>
<li>Collected data ensures a great user experience.</li>
</ul>
Integrating the Freemius SDK does not immediately start data collection without user confirmation.
<h3>Mini-Tutorial: Getting Started</h3>
<ol>
<li>Install and Activate: Download and install the AR Model Viewer for WooCommerce plugin from the WordPress plugin repository.</li>
<li>Configure Settings: After activation, navigate to the Settings -> AR Model Viewer for WooCommerce screen to configure the basic settings for the plugin.</li>
<li>Add 3D Models: Go to the WooCommerce product edit page and locate the “AR Model Viewer” metabox to upload your .glb 3D models.</li>
<li>Preview in AR: Once uploaded, your 3D models will automatically be available for customers to view in augmented reality (AR) on compatible devices.</li>
</ol>

AR Model Viewer for WooCommerce

The AR Model Viewer for WooCommerce plugin shows 3D models on your website and in augmented reality. Supports .glb and .gltf files.

Abu Hayat

bPlugins

shehabulislam

btechnologies

Farazi Forhad

Instantly Display Interactive 3D Models and 360° Product Image on Your Website – No Code Required
<a href="https://bplugins.com/products/3d-viewer/" rel="nofollow ugc">3D Viewer</a> | <a href="https://bplugins.com/docs/3d-viewer/" rel="nofollow ugc">Documentation</a> | <a href="https://bplugins.com/products/3d-viewer/pricing" rel="nofollow ugc">Pricing</a> | <a href="https://bplugins.com/support/" rel="nofollow ugc">Support</a> | <a href="https://bplugins.com/products/3d-viewer/#demos" rel="nofollow ugc">Demo</a>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/_9vKv5pEClM?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<a href="https://bplugins.com/products/3d-viewer/" rel="nofollow ugc">3D Viewer</a> lets you embed interactive 3D models into posts, pages, widgets, and WooCommerce product pages. Utilizing the Three.js library, it supports various 3D file formats, including GLB, GLTF, OBJ, and STL.
The plugin offers features such as touch controls, zoom, pan, auto-rotation, and lazy loading. Users can customize viewer settings, including lighting, background, and camera angles, to suit their needs. Integration with Elementor and Gutenberg editors allows for seamless placement of 3D models using blocks or shortcodes.
In WooCommerce, 3D Viewer facilitates the display of 3D product models, enhancing the user experience by allowing customers to interact with products in three dimensions.
Designed with performance in mind, 3D Viewer ensures responsive and mobile-friendly rendering of 3D content across devices.
<h3>Free Features – Everything You Need to Get Started</h3>
<ul>
<li>
Embed 3D Models in Posts, Pages, and Widgets: Easily place your 3D model anywhere using shortcodes or Gutenberg blocks.
</li>
<li>
Supports Popular 3D Formats: Upload and display files in .GLB, .GLTF, .OBJ, .STL, and more.
</li>
<li>
WooCommerce Integration: Show 3D product views right on your WooCommerce product pages to boost engagement and buyer confidence.
</li>
<li>
Touch, Pan, Zoom & Rotate: Visitors can explore your model with mouse or touchscreen gestures.
</li>
<li>
Elementor Compatible: Works seamlessly with Elementor to place 3D models with drag-and-drop ease.
</li>
<li>
Lazy Loading for Performance: Optimize page load speed by loading models only when visible – great for SEO!
</li>
</ul>
<h3>Pro Version – Unlock More Control & Customization</h3>
Want even more flexibility? <a href="https://bplugins.com/products/3d-viewer/pricing" rel="nofollow ugc">3D Viewer Pro</a> adds powerful features that let you fine-tune the viewer, improve performance, and streamline your workflow.
Pro Features Include:
<ul>
<li>
Drag-and-drop Elementor Widget with full viewer settings.
</li>
<li>
Support for external model URLs (Amazon S3, Google Drive, CDNs, etc.).
</li>
<li>
Adjust lighting, shadow intensity, and exposure.
</li>
<li>
Add a poster image to show while the model is loading.
</li>
<li>
Display a progress bar until the 3D file is fully loaded.
</li>
<li>
Enable or disable auto-rotate, fullscreen, and autoplay.
</li>
<li>
Set a custom camera angle for the perfect first impression.
</li>
<li>
Create a WooCommerce gallery with multiple 3D files per product.
</li>
</ul>
<h3>How to Use 3D Viewer– Quick Start Guide</h3>
Getting started is easy!
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/ofC8XbdAuVE?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h4>Step-by-Step Guide</h4>
<ul>
<li>
Go to 3D Viewer > Add New in your WordPress dashboard.
</li>
<li>
Upload your 3D model or paste a URL.
</li>
<li>
Customize the viewer settings (lighting, rotation, background, etc.).
</li>
<li>
Click Save to generate a shortcode.
</li>
<li>
Copy and paste the shortcode into any post, page, or widget block.
</li>
</ul>
To Embed in a WooCommerce Product:
<ul>
<li>
Edit or create a WooCommerce product.
</li>
<li>
Scroll to the “3D Viewer Settings” metabox.
</li>
<li>
Upload the model file or paste an external link.
</li>
<li>
Publish the product – the 3D model will appear on the product page.
</li>
</ul>
Gutenberg Block Support
<ul>
<li>
Prefer using the block editor? We’ve got you covered!
</li>
<li>
In your Post/Page Editor, go to the Common Blocks section
</li>
<li>
Select the 3D Viewer block
</li>
<li>
Choose your desired player
</li>
<li>
Hit Publish
</li>
</ul>
That’s it – your 3D model is live!
<a href="https://bplugins.com/products/3d-viewer/#demos" rel="nofollow ugc">Live Demo</a> | <a href="https://bplugins.com/products/3d-viewer/pricing" rel="nofollow ugc">Try The Pro</a>
<h3>Use Cases</h3>
<ul>
<li>
WooCommerce Products: Let customers rotate and inspect 3D product models before buying.
</li>
<li>
Education & Training: Embed anatomical models, mechanical parts, or scientific visuals for better understanding.
</li>
<li>
Architecture & Engineering: Showcase 3D building plans or prototypes in client presentations or portfolios.
</li>
<li>
Gaming & Assets: Display characters, assets, or environmental models for interactive demos or downloads.
</li>
<li>
Art & Design Portfolios: Highlight your creative work—from sculpture to product design—in an engaging format.
</li>
<li>
Research & Prototyping: Share experimental models and simulations for collaborative feedback.
</li>
<li>
App & UI Previews: Present app interfaces or hardware in 3D for investor pitches or beta user onboarding.
</li>
<li>
Packaging & Product Mockups: Let stakeholders explore physical packaging in real-time before production.
</li>
</ul>
<h3>Supported 3D File Formats</h3>
<ul>
<li>– Models: .GLB, .GLTF, .OBJ, .STL, .FBX, .DAE, .PLY, .3DS</li>
</ul>
<h3>Optimized for All Devices</h3>
<ul>
<li>
Fully responsive and mobile-friendly
</li>
<li>
Touch gesture support (rotate, zoom, pan)
</li>
<li>
Retina-ready rendering
</li>
<li>
Works with most popular WordPress themes
</li>
</ul>
<a href="https://bplugins.com/products/3d-viewer/#demos" rel="nofollow ugc">Live Demo</a> | <a href="https://bplugins.com/products/3d-viewer/pricing" rel="nofollow ugc">Try The Pro</a>
<h3>User Feedback</h3>
❛❛It’s the most valid plugin I have found for viewing 3D models. The support is also very good and an issue I reported was immediately corrected.❜❜
-diegoparoni

❛❛-Fantastic plugin the main feature that i like is the 3D model is perfectly loaded and you can adjust the light, I am using the PRO version.**❜❜
-blunoa
Like that plugin? Hate it? Want a new feature? <a href="https://bplugins.com/support" rel="nofollow ugc">Send your feedback</a>
<h3>Check out our other WordPress Plugins-</h3>
<a href="https://bplugins.com/products/html5-video-player/" rel="nofollow ugc">Html5 Video Player</a> – Display videos as single and playlist in multiple skins.
<a href="https://bplugins.com/products/html5-audio-player/" rel="nofollow ugc">Html5 Audio Player</a> – Listen audios with awesome visuals.
<a href="https://bplugins.com/products/pdf-poster/" rel="nofollow ugc">PDF Poster</a> – Display/Embed PDF files with different styles.
<a href="https://bplugins.com/products/streamcast-radio-player/" rel="nofollow ugc">StreamCast</a> – Customizable radio player with different skins.
<a href="https://bplugins.com/products/advanced-post-block/" rel="nofollow ugc">Advanced Post Block</a> – Show posts and custom posts in different layouts.
<h3>Source Code</h3>
You can find the source code, report bugs, and contribute to the development of this plugin on our GitHub repository: 
<a href="https://github.com/bPlugins/3d-viewer-wp" rel="nofollow ugc">3D Viewer on GitHub</a>
<h3>External Services</h3>
This plugin connects to the following external services. Connections are made only from the plugin’s admin dashboard pages and are not triggered for your site’s visitors on the front end.
<h4>bPlugins API</h4>
<ul>
<li>Service: bPlugins product API – <code>https://api.bplugins.com</code></li>
<li>What it does: When you open the plugin’s dashboard, the plugin requests product information (such as the plugin’s own details and other plugins by bPlugins) so it can display product cards, version information, and upgrade options.</li>
<li>What data is sent: A request is made to the bPlugins API endpoint with the product identifier (e.g. <code>https://api.bplugins.com/wp-json/bpl/v1/products/{id}</code>). No personal data or site content is sent as part of this request.</li>
<li>When: Only while an administrator is viewing the plugin’s dashboard in wp-admin.</li>
<li>Terms of Service: <a href="https://bplugins.com/terms-of-service/" rel="nofollow ugc">https://bplugins.com/terms-of-service/</a></li>
<li>Privacy Policy: <a href="https://bplugins.com/privacy-policy/" rel="nofollow ugc">https://bplugins.com/privacy-policy/</a></li>
</ul>
<h4>WordPress.org Plugins API</h4>
<ul>
<li>Service: WordPress.org Plugins Info API – <code>https://api.wordpress.org</code></li>
<li>What it does: The dashboard queries the public WordPress.org Plugins API to list other plugins published by the author (titles, icons, ratings, active installs, etc.).</li>
<li>What data is sent: A public, read-only query request (e.g. <code>https://api.wordpress.org/plugins/info/1.2/?action=query_plugins&request[author]=bplugins</code>). No personal data is sent.</li>
<li>When: Only while an administrator is viewing the plugin’s dashboard in wp-admin.</li>
<li>Terms of Service: <a href="https://wordpress.org/about/privacy/" rel="ugc">https://wordpress.org/about/privacy/</a></li>
<li>Privacy Policy: <a href="https://wordpress.org/about/privacy/" rel="ugc">https://wordpress.org/about/privacy/</a></li>
</ul>
<h3>Third-Party Libraries</h3>
This plugin bundles the following third-party JavaScript/PHP libraries.
<h4>Codestar Framework</h4>
<ul>
<li>Source: <a href="http://codestarframework.com/" rel="nofollow ugc">http://codestarframework.com/</a></li>
<li>GitHub: <a href="https://github.com/Codestar/codestar-framework" rel="nofollow ugc">https://github.com/Codestar/codestar-framework</a></li>
<li>License: GPLv2 or later – <a href="https://github.com/Codestar/codestar-framework/blob/master/LICENSE.md" rel="nofollow ugc">https://github.com/Codestar/codestar-framework/blob/master/LICENSE.md</a></li>
<li>Purpose: Provides the options framework for the plugin’s settings and shortcode generator.</li>
</ul>
<h4>Freemius SDK</h4>
<ul>
<li>Source: <a href="https://freemius.com/" rel="nofollow ugc">https://freemius.com/</a></li>
<li>GitHub: <a href="https://github.com/Freemius/wordpress-sdk" rel="nofollow ugc">https://github.com/Freemius/wordpress-sdk</a></li>
<li>License: GPLv3 – <a href="https://github.com/Freemius/wordpress-sdk/blob/master/LICENSE.txt" rel="nofollow ugc">https://github.com/Freemius/wordpress-sdk/blob/master/LICENSE.txt</a></li>
<li>Purpose: Provides opt-in usage tracking and analytics to help improve the plugin.</li>
</ul>
<h4>Online 3D Viewer (o3dv)</h4>
<ul>
<li>File: <code>public/js/o3dv.min.js</code></li>
<li>Source: <a href="https://github.com/kovacsv/Online3DViewer" rel="nofollow ugc">https://github.com/kovacsv/Online3DViewer</a></li>
<li>License: MIT – <a href="https://github.com/kovacsv/Online3DViewer/blob/master/LICENSE.md" rel="nofollow ugc">https://github.com/kovacsv/Online3DViewer/blob/master/LICENSE.md</a></li>
<li>Purpose: Provides the “Advanced” 3D viewer engine, supporting GLB, GLTF, OBJ, STL, and other 3D file formats.</li>
</ul>
The bundle also includes the following sub-dependencies:
<ul>
<li>Three.js r163 – MIT – <a href="https://github.com/mrdoob/three.js" rel="nofollow ugc">https://github.com/mrdoob/three.js</a></li>
<li>fflate 0.8.2 – MIT – <a href="https://github.com/101arrowz/fflate" rel="nofollow ugc">https://github.com/101arrowz/fflate</a></li>
<li>Chevrotain 9.0.1 – Apache-2.0 – <a href="https://github.com/Chevrotain/chevrotain" rel="nofollow ugc">https://github.com/Chevrotain/chevrotain</a></li>
</ul>
<h4>Google Model Viewer</h4>
<ul>
<li>File: <code>public/js/model-viewer.latest.min.js</code></li>
<li>Source: <a href="https://github.com/google/model-viewer" rel="nofollow ugc">https://github.com/google/model-viewer</a></li>
<li>npm: <code>@google/model-viewer</code></li>
<li>License: Apache-2.0 (code) / BSD-3-Clause (some components) – <a href="https://github.com/google/model-viewer/blob/master/LICENSE" rel="nofollow ugc">https://github.com/google/model-viewer/blob/master/LICENSE</a></li>
<li>Purpose: Provides the <code><model-viewer></code> web component used for the “Lite” viewer and WooCommerce product display.</li>
</ul>
The bundle also includes the following sub-dependencies:
<ul>
<li>Three.js r174 – MIT – <a href="https://github.com/mrdoob/three.js" rel="nofollow ugc">https://github.com/mrdoob/three.js</a></li>
<li>Lit 3.2.1 / LitElement 4.1.1 – BSD-3-Clause – <a href="https://github.com/lit/lit" rel="nofollow ugc">https://github.com/lit/lit</a></li>
</ul>
<h4>bpl-tools</h4>
<ul>
<li>Source / GitHub: https://github.com/bPlugins/bpl-tools</li>
<li>License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html</li>
<li>Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls.</li>
<li>External Services: The library may connect to bPlugins, WordPress.org, and Freemius services for product data and checkout functionality. See full details: https://github.com/bPlugins/bpl-tools#external-requests–why-they-are-made</li>
</ul>

3D Viewer – Display Interactive 3D Models

3D Viewer lets you embed interactive 3D models and 360 product views on WordPress sites with support for GLB, GLTF, OBJ, STL, FBX, DAE, and BIM.

AR Model Viewer for WooCommerce vs 3D Viewer – Display Interactive 3D Models