Freemius

racmanuel.dev

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

<p>Showcase authentic 3D models with realistic rendering (lights, environment maps and shadows). Add markers with tooltips and info windows, control animations, and tween the camera to predefined positions.</p>
<h3>Video tutorial</h3>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/lm29V66J-NI?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></span></p>
<h3>Highlights</h3>
<p><strong>Realistic 3D Models</strong> – Realistic rendering with lights, environment maps and shadows.</p>
<p><strong>Hotspots/Markers</strong> – <a href="https://fwdapps.net/p/emv/markers.html" rel="nofollow ugc">3D markers</a> and <a href="https://fwdapps.net/p/emv/markers.html" rel="nofollow ugc">2D markers</a> can be added anywhere on the model. They can display tooltips/info windows, control built-in animations, and tween the camera to specific positions.</p>
<p><strong>Easy To Configure And Install</strong> – Includes documentation, video tutorials, demo pages, updates and support from the developer – <strong><a href="mailto:tibi@fwdapps.net" rel="nofollow ugc">Tibi @ FWD</a></strong>.</p>
<h3>Main Features</h3>
<ul>
<li><strong>Responsive Layout</strong> – Fully responsive and adaptable to any device.  </li>
<li><strong>Desktop & Mobile Optimized</strong> – iPhone, Android, and desktop browsers supported.  </li>
<li><strong>Lightbox Support</strong> – Easy 3d Model Viewer can be opened in a lightbox when the page is ready or triggered by an external action, such as clicking a button. The lightbox layout is fully responsive, and the viewer size can be customized as needed, <a href="https://fwdapps.net/p/emv/lightbox.html" rel="nofollow ugc">example here</a>.</li>
<li><strong>Customizable Size</strong> – Set any width, height, and aspect ratio.  </li>
<li><strong>Vector Skin</strong> – Responsive or <em>after parent</em> mode.  </li>
<li><strong>Preloader</strong> – Vector based preloader that stays sharp on mobile and desktop.</li>
<li><strong>Customizable Color Theme</strong> – The color theme of all viewer elements can be easily customized to suit your preferences, <a href="https://fwdapps.net/p/emv/color-theme.html" rel="nofollow ugc">example here</a>.</li>
<li><strong>Lazy Scrolling/Loading</strong> – Option to initialize Easy 3d Model Viewer on scroll when the viewer is visible in the page, this way for example if the viewer is in a section that is not visible it will not be initialized, instead the viewer will be initialized only when the user will scroll to the section in which the viewer is added.</li>
<li><strong>Customizable Preloader</strong> – Shows loading progress and can display a poster, with configurable size and position, <a href="https://fwdapps.net/p/emv/customizable-preloader.html" rel="nofollow ugc">example here</a>.</li>
<li><strong>Buttons Controller</strong> – Customizable controller featuring play, zoom in, zoom out, info, help, and fullscreen buttons. The controller automatically hides itself after a designated period of user inactivity.</li>
<li><strong>Orbital Controls</strong> – Customizable 3D orbital controls that allows to zoom and move the camera.</li>
<li><strong>Orbital Controls Ranges</strong> – The camera rotation can be selectively constrained both horizontally and vertically, alongside customizable minimum and/or maximum zoom settings, adjusting parameters such as zoom factor, damping factor, zoom speed, pan speed, and more, <a href="https://fwdapps.net/p/emv/rotation-ranges.html" rel="nofollow ugc">example here</a>.</li>
<li><strong>Auto-Rotation</strong> – The 3D model can be configured for automatic rotation, with the option to customize the rotation speed and direction to suit individual preferences, <a href="https://fwdapps.net/p/emv/autorotate.html" rel="nofollow ugc">example here</a>.</li>
<li><strong>Keyboard Pan</strong> – Navigate the model effortlessly with keyboard shortcuts, using the intuitive W A S D keys or your preferred custom key setup, the pan speed can be adjusted as well.</li>
<li><strong>Environment Map</strong> – Enhanced environmental mapping support with <strong>.exr</strong> files, offering nuanced control. Choose to display the <a href="https://fwdapps.net/p/emv/enviroment-map.html" rel="nofollow ugc">environment map as a background</a>, utilize it solely for reflections and lighting in a specific mode, or apply it subtly as a <a href="https://fwdapps.net/p/emv/environment-map-toned.html" rel="nofollow ugc">color-toned gradient color</a>.</li>
<li><strong>Lights</strong> – Effortlessly customize directional and ambient lighting to suit your model perfectly. Easily set the light intensity and position according to your preferences, with added support for tone mapping to extend the luminance range for a richer visual experience.</li>
<li><strong>Contact Shadow</strong> – Achieve authentic contact shadows with a defined contact plane. Tailor the shadow’s blur, darkness, and opacity to your exact specifications for a seamless and customizable visual experience.</li>
</ul>
<h3>Configuration</h3>
<p>After activation, open the plugin settings in the WordPress admin area and create a new viewer preset. Then use the shortcode below in any post/page.</p>
<h3>Use Cases</h3>
<p>Embedding 3D models in posts or pages<br />
Product visualization with 3D previews<br />
Showcasing GLTF/GLB models interactively<br />
Creating 3D hotspots and annotations<br />
Displaying 3D assets in portfolios or documentation</p>
<h3>Links</h3>
<ul>
<li><a href="https://fwdapps.net/p/emv/" rel="nofollow ugc">Homepage & Docs</a></li>
<li><a href="https://fwdapps.net/p/emv/#demos" rel="nofollow ugc">Demo</a></li>
<li><a href="https://fwdapps.net/contact" rel="nofollow ugc">Support</a></li>
<li><a href="https://fwdapps.net/p/rl/" rel="nofollow ugc">Revolution Lightbox</a></li>
</ul>
<h3>Shortcode</h3>
<p>Basic example:</p>
<p>[fwdemv id=”1″]</p>
<h3>Development</h3>
<p>This plugin’s full source code is publicly available for transparency and verification.<br />
Developed and maintained by <a href="https://fwdapps.net" rel="nofollow ugc">FutureWebDesign</a>.</p>
<ul>
<li><a href="https://fwdapps.net/p/emv/source.zip" rel="nofollow ugc">Source code & build tools</a> — includes original uncompiled files and Vite build configuration.</li>
<li>Distributed plugin uses a compiled build generated by Vite for optimal performance.</li>
</ul>


Easy 3d Model Viewer

Interactive 3D model viewer with hotspots/markers, tooltips, animations, environment maps and realistic lighting.

AR Model Viewer for WooCommerce vs Easy 3d Model Viewer