BitBute

<p>The AR Model Viewer is a plugin that allows you to show 3D models on your website and allow people to view them in augmented reality. 3D model files such as.glb and.gltf are supported by this plugin. The plugin is incredibly simple to use.<br />
The AR Model Viewer plugin can be used on any type of website, including business, blogs, and WooCommerce/e-commerce websites.</p>
<p>The AR Model Viewer plugin allows you to add a 3D model viewer to your woo-commerce products so that customers can view them in 3D as well as in augmented reality. It also comes with an Elementor widget that allows you to insert 3D models into your Elementor page.<br />
It includes everything you’ll need to maximize the potential of your 3D creations.</p>
<p><strong>Free Plan Features</strong></p>
<p><strong>The AR Model Viewer for WordPress plugin provides a full solution for displaying 3D models in 3D view as well as in AR on any type of website.</strong></p>
<ul>
<li>3D and AR Support:  The AR model Viewer makes your website 3D and AR ready.</li>
<li>Woocommerce Product Support: It allows you to include 3D models of your items on product pages.</li>
<li>Elementor Widget: It also comes with an Elementor widget that allows you to insert 3D models into your Elementor page.</li>
<li>Zoom: Zoom in and out using a mouse scroll or a touch.</li>
<li>User-friendly interface: This plugin features a simple and easy-to-use interface that provides an exceptional user experience.</li>
<li>Responsive design: Screen friendly viewer</li>
<li>Customizable: Add Poster Image to display until your model loads in the background</li>
</ul>
<p><strong>Demo</strong></p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="640" height="360" src="https://www.youtube.com/embed/pyMdX8wATvU?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"></iframe></span></p>
<p><strong>Pro Plan Features</strong></p>
<ul>
<li>Everything under Free Plan</li>
<li>Support for <strong>Shortcode</strong></li>
<li><strong>AR Wall Placement</strong> – Allow Model Placement on Wall</li>
<li><strong>View In AR</strong> – Change “View In AR” text in the setting page for button text to open modal in Woocommerce</li>
<li><strong>Lock Scale</strong> – Lock scaling of 3D model in AR</li>
<li><strong>Zoom Control</strong> – Disable/Enable zooming of 3D Models</li>
<li><strong>Background Image</strong> – Add  Background Image for your 3D models</li>
<li><strong>Auto Rotate</strong> – Allow auto rotate for 3D models</li>
<li><strong>1 month</strong> customer support</li>
</ul>
<p><strong>Enterprise Plan Features</strong></p>
<ul>
<li>Everything under Pro Plan</li>
<li><strong>Model Variants</strong> – Create multiple variants of your 3D model by swapping textures/colors of different material</li>
<li><strong>White Labelling</strong> – Remove our branding from the Woocommerce modal</li>
<li><strong>3 months</strong> customer support</li>
</ul>
<p><strong>Checkout our website to view the plans & demo of our plugin’s features</strong><br />
<a href="https://bitbute.tech/" rel="nofollow ugc">BitBute</a></p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="640" height="360" src="https://www.youtube.com/embed/v6Bx1YwB5h0?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"></iframe></span></p>


AR Model Viewer

This plugin allows you to add a 3D & AR model viewer to your woocommerce products or Elementor pages.

Freemius

Azizul Hasan

AtlasAiDev

<p>Showcase your 3D Models with immersive AR experiences directly in the browser using advanced 3D Viewer WordPress plugin. No apps or coding needed. Just add a browser-based 3d model, Experience in real environment and build confidence, cut returns, and boost conversions.</p>
<h4><strong>Key AR features at a Glance:</strong></h4>
<ul>
<li><strong>Inspect 3D models from every angle</strong> (rotate/zoom) <a href="https://wpaugmentedreality.com/product/dining-armchair-view-in-augmented-reality-3d/" rel="nofollow ugc">Dining Armchair Demo</a>.</li>
<li><strong>Place products in real spaces</strong> using smartphone AR (floor/wall) <a href="https://wpaugmentedreality.com/product/office-chair-view-in-augmented-reality-3d/" rel="nofollow ugc">Office Chair Demo</a>.</li>
<li><strong>Preview model</strong> Preview model in the product editor page.</li>
<li>**Integrated with <a href="https://www.tripo3d.ai/" rel="nofollow ugc">Tripo3D API </a> to generate .glb/3D model</li>
</ul>
<h3>SOME USEFUL LINKS:</h3>
<ul>
<li><a href="https://wpaugmentedreality.com/shop/" rel="nofollow ugc">Augmented Reality In Real World</a></li>
<li><a href="https://wordpress.org/plugins/ar-vr-3d-model-try-on/?preview=1" rel="ugc">Live Demo</a></li>
<li><a href="https://www.youtube.com/playlist?list=PLGdmFn36qCRKp58yEtIh747lhw3EM6m8K" rel="nofollow ugc">Video Tutorial</a></li>
<li><a href="https://downloads.wordpress.org/plugin/ar-vr-3d-model-try-on.zip" rel="nofollow ugc">Download Now</a></li>
</ul>
<h3>How To Install Augmented Reality ( AR VR Try On ) Plugin By AtlasAidev</h3>
<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/1WgR-xUMHa0?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>
<h3>Augmented Reality Plugin From Mobile Phone</h3>
<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/NlYaGeYeS1w?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&start=81&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3><strong>Why Choose Our 3d viewer WordPress Solution?</strong></h3>
<ul>
<li>✅ <strong>Unlimited 3D Uploads</strong>: Free version supports unlimited .glb/.gltf/.usdz files.</li>
<li>✅ <strong>True Mobile AR</strong>: Android (GLB) + iOS (USDZ) compatibility.</li>
<li>✅ <strong>WooCommerce Native</strong>: Automatic integration with product pages.</li>
<li>✅ <strong>Zero Coding</strong>: Automatic AR button placement on product pages – no coding required.</li>
<li>✅ <strong>ShortCode</strong>: Easy shortcode setup <code>[atlas_ar]</code> .</li>
<li>✅ <strong>QR Code</strong>: Display a QR code in desktop view .</li>
<li>✅ **Integrated with <a href="https://www.tripo3d.ai/" rel="nofollow ugc">Tripo3D API </a> to generate .glb/3D model</li>
</ul>
<h3><strong>Core Features:</strong></h3>
<h4><strong>1. Complete 3D Model Control</strong></h4>
<ul>
<li>Upload .GLB/.GLTF files for Android AR and 3D view in desktop.</li>
<li>Add .USDZ files for iOS AR Quick Look.</li>
<li>Set custom posters/thumbnails for each 3D model viewer.</li>
<li>Automatic fallback to interactive 3D model viewer on desktop/mobile.</li>
</ul>
<h4><strong>2. Mobile Augmented Reality Magic (AR Placement Options)</strong></h4>
<ul>
<li>**Floor 3d viewer **: Allow customers to visualize furniture, appliances, and other large items in their rooms. <a href="https://wpaugmentedreality.com/product/office-chair-view-in-augmented-reality-3d/" rel="nofollow ugc">Office Chair Demo</a></li>
<li>**Wall 3d viewer **: Let users preview wall art, mirrors, and décor directly on their walls. <a href="https://wpaugmentedreality.com/product/sun-painting-on-wall-view-in-augmented-reality-3d/" rel="nofollow ugc">Sun Painting Demo</a></li>
<li><strong>Glass Mode (Pro Version – Coming Soon)</strong>: Enable virtual try-ons for glasses, sunglasses, and jewelry.</li>
</ul>
<h4><strong>3. WooCommerce Optimization</strong></h4>
<ul>
<li>Dedicated “AtlasAR” tab and settings within the WooCommerce product editor.</li>
<li>Automatic “View in AR ” button placement on product pages.</li>
<li>Full support for simple and variable/configurable products.</li>
<li>Designed to work seamlessly with all standard WooCommerce themes.</li>
</ul>
<h4><strong>4. Enterprise-Ready Performance</strong></h4>
<ul>
<li>Host unlimited 3D models with no file size restrictions in the free version.</li>
<li>Optimized for fast and smooth mobile Augmented Reality experiences.</li>
<li>Asynchronous loading of models to ensure fast page speeds.</li>
</ul>
<h4><strong>5. QR Code</strong></h4>
<p>Display a QR code in desktop view, allowing users to scan and switch to an AR capable device.</p>
<h3>3D Model Generation</h3>
<h4>How to Generate 3D Models with Tripo3D API</h4>
<ol>
<li>Generate your API key from the <a href="https://www.tripo3d.ai/api" rel="nofollow ugc">Tripo3D API</a>.</li>
<li>Copy the API key.</li>
<li>Go to the <strong>AtlasAR metabox</strong> in the post edit screen.</li>
<li>Click on the <strong>Integration</strong> tab.</li>
<li>Paste your API key in the Integration settings and save.</li>
<li>Now, go back to the <strong>Edit Post</strong> page.</li>
<li>In the AtlasAR metabox, enter your prompt for the 3D model.</li>
<li>Click on the <strong>Generate Model</strong> button.
<ul>
<li>A <code>task_id</code> will be generated.</li>
<li>Wait a few seconds while the model is being processed.</li>
</ul>
</li>
<li>Once the model is generated, a 3D preview will appear on the right side.</li>
<li>Click on the <strong>Save This Model</strong> button to save the generated model and update the post data.</li>
<li>After saving, you can view the generated 3D model on the front end of your site.</li>
</ol>
<h3>How It Works – 3 Simple Steps</h3>
<ol>
<li><strong>Install & Activate</strong>:
<ul>
<li>In your WordPress admin panel, go to Plugins <span aria-hidden="true" class="wp-exclude-emoji">→</span> Add New.</li>
<li>Search for “AR VR 3D Model Try On”.</li>
<li>Click “Install Now” and then “Activate.”</li>
<li>Find the “AtlasAR” menu.</li>
<li>Setup you basic settings.</li>
</ul>
</li>
<li><strong>Upload Models</strong>:
<ul>
<li>Navigate to a WordPress post eiditing screen</li>
<li>Find the “AtlasAR” Metabox.</li>
<li>Select the place where you want to display the 3D Model like Floor/Wall etc.</li>
<li>Upload your Android Model: <code>.glb/.gltf</code> file.</li>
<li>Upload your iOS Model: <code>.usdz</code> file.</li>
<li>Optionally, add a Poster Image (thumbnail) for the 3D model viewer.</li>
<li>If your site is WooCommerce Store then first go to settings page of the plugin. And Look “Enable AR For Post Types” by default If would be <code>post' change it to</code>product’ and save.</li>
</ul>
</li>
<li><strong>Display 3D Model Viewer</strong>:
<ul>
<li>The “View in AR ” button is automatically placed on your WordPress Posts/WooCommerce product pages.</li>
<li>For manual placement in other locations, you can use the shortcode: <code>[atlas_ar]</code>.</li>
</ul>
</li>
</ol>
<h3>Real-World 3D Viewer Applications</h3>
<ul>
<li>🪑 <strong>Furniture Stores</strong>: “Customers visualize sofas in their living rooms before buying.”  <a href="https://wpaugmentedreality.com/product/office-chair-view-in-augmented-reality-3d/" rel="nofollow ugc">Office Chair Demo</a></li>
<li>👓 <strong>Eyewear Retailers (Pro Version for Try-On)</strong>: “Virtual try-ons reduced returns by 33% for sunglasses.” </li>
<li>💎 <strong>Jewelry Designers (Pro Version for Try-On)</strong>: “See necklaces in AR at actual scale with real lighting.”</li>
<li>🖼️ <strong>Home Decor</strong>: “Preview wall art placement through phone camera.” <a href="https://wpaugmentedreality.com/product/office-chair-view-in-augmented-reality-3d/" rel="nofollow ugc">Dining Armchair Demo</a></li>
</ul>
<p>*Eyewear placement & virtual try-ons require Pro version (coming soon)</p>
<h3>Competitive Advantages</h3>
<p><strong>Free Model Limits</strong><br />
– Our Plugin: Unlimited<br />
– Others: Often 1–10 models</p>
<p><strong>iOS AR Support</strong><br />
– Our Plugin: Full native .USDZ compatibility<br />
– Others: Android-only or limited iOS support</p>
<p><strong>WooCommerce Integration</strong><br />
– Our Plugin: Native, seamless implementation<br />
– Others: May require add-ons or hacks</p>
<p><strong>Virtual Try-Ons</strong><br />
– Our Plugin: Glass mode with face tracking (Pro Soon)<br />
– Others: Basic surface placement only</p>
<h3>Pro Version Benefits (Coming Soon)</h3>
<p>⭐ <strong>Advanced AR Features</strong>:<br />
* Virtual mirrors for realistic eyewear and jewelry try-ons.<br />
* Customizable “View in AR” button styling and text.<br />
* Advanced analytics on 3D/AR interactions.<br />
* Priority email support (e.g., 24h response time).</p>
<p>⭐ <strong>Coming Soon in Pro</strong>:<br />
* Desktop WebAR experiences for broader accessibility.<br />
* Multi-model scene creation and configurators.</p>
<h3>Technical Specifications</h3>
<ul>
<li><strong>Supported 3D Formats</strong>: <code>.glb</code>, <code>.gltf</code> (for Android/Web 3D), <code>.usdz</code> (for iOS AR Quick Look).</li>
<li><strong>Mobile Device Requirements</strong>: Android 9.0+ with ARCore support, iOS 12+ with ARKit support.</li>
<li><strong>WooCommerce Compatibility</strong>: Version 3.0 and above.</li>
<li><strong>WordPress Compatibility</strong>: Version 5.0 and above.</li>
<li><strong>Performance</strong>: Models load asynchronously. Lazy loading implemented for archive pages to minimize performance impact. Optimized for mobile 3D rendering.</li>
</ul>
<h3>Start Your AR Journey Today</h3>
<ol>
<li><strong>Install the Free Version</strong>: Get started with unlimited 3D model uploads, no credit card needed.</li>
<li><strong>Upload Your First Model</strong>: Add a <code>.glb/.gltf</code> file for Android/Web and a <code>.usdz</code> file for iOS to a product.</li>
<li><strong>Watch Engagement Soar</strong>: Provide interactive AR experiences.</li>
</ol>
<h3>CHECK OUT OUR OTHER ADDONS 👑:</h3>
<p>🔥 <a href="https://wordpress.org/plugins/text-to-audio/" rel="ugc">Text To Speech TTS Accessibility</a> – Text To Speech TTS Accessibility is the most user-friendly Text-to-Speech tts plugin. Just install and automatically add a text to audio player to your WordPress site!.</p>


3D Viewer – 3D Model Viewer – Augmented Reality

3D Viewer & WordPress AR Plugin lets you upload and display 3D models with built-in AR on iOS & Android—no extra apps needed.

AR Model Viewer vs 3D Viewer – 3D Model Viewer – Augmented Reality