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

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>


Alternatives to 3D Viewer – 3D Model Viewer – Augmented Reality

Top alternatives