Abu Hayat

bPlugins

Charles Cormier

<p>Simple Yet Powerful 3D Viewer. Make your website look more interactive and visually appealing with 3D Viewer. This is a block plugin that will add a new block in the block (3D Viewer ) editor of WordPress. You can embed .glt, .gltF model file in post, page, and widget areas. It comes with everything you need to make the most out of 3D. advertise your products interestingly.</p>
<p>3D Viewer Block is a powerful and easy-to-use block plugin that allows you to display interactive 3D models in your WordPress posts and pages. With this plugin, you can embed 3D models in your content using the new Gutenberg editor, giving your users an engaging and immersive viewing experience.</p>
<p>With 3D Viewer Block, you can upload 3D models in various file formats, including OBJ, STL, and GLB, and customize their appearance with a range of settings, such as lighting, background color, and camera controls. You can also choose from different viewing modes, including orbit, pan, and zoom, to give your users the best possible 3D viewing experience.</p>
<p>The plugin includes an intuitive block interface that simplifies the process of adding 3D models to your content. Simply select the 3D Viewer Block from the Gutenberg block library, upload your model, customize the settings to your liking, and you’re done!</p>
<p>3D Viewer Block is optimized for mobile devices and supports touch controls, making it easy for your users to interact with your 3D content on their smartphones and tablets. The plugin is also compatible with WooCommerce, allowing you to showcase 3D models of your products in a stunning and engaging way.</p>
<p>Overall, 3D Viewer Block is a versatile and powerful block plugin that can help you showcase 3D content in your WordPress posts and pages with ease. Try it out today and take your content to the next level!</p>
<h4>For whom</h4>
<ul>
<li>Creative Designer and Agencies. </li>
<li>Trainer / Course Creators</li>
<li>E-commerce sites that want to display their products in 3D.</li>
<li>Web designer/developer</li>
<li>Real estate</li>
</ul>
<p><strong><a href="https://bblockswp.com/demo/3d-viewer/" rel="nofollow ugc">Demos</a></strong></p>
<h4>Features</h4>
<ul>
<li><strong>Controls</strong>: Controls via mouse/touch</li>
<li><strong>Responsive</strong>: Works great with any device. </li>
<li><strong>External Source</strong>: Use models from other cloud storage. </li>
</ul>
<h4>How to use</h4>
<ul>
<li>First, install the 3D Viewer Block plugin</li>
<li>Add the 3D Viewer block from the block category called “Widgets” in the Gutenberg editor.</li>
<li>You can change block settings from the right-side settings sidebar.</li>
<li>
<p>Enjoy!</p>
</li>
<li>
<p>For installation help click on Installation Tab</p>
</li>
</ul>
<h4>Feedback</h4>
<ul>
<li>Did you like this plugin? Dislike it? Do you have a feature request? <a href="mailto:support@bplugins.com" title="Send feedback" rel="nofollow ugc">Please share your feedback with us</a></li>
</ul>
<h3>Check out the Parent Plugin of this plugin-</h3>
<p><a href="https://bblockswp.com" rel="nofollow ugc"><strong>B Blocks</strong></a> – A blocks collection and page building tool for Gutenberg.</p>
<h3>Check out our other WordPress Plugins-</h3>
<p><a href="https://bplugins.com/products/html5-video-player/" rel="nofollow ugc"><strong>Html5 Video Player</strong></a> – Display videos as single and playlist in multiple skins.</p>
<p><a href="https://bplugins.com/products/pdf-poster/" rel="nofollow ugc"><strong>PDF Poster</strong></a> – Display/Embed PDF files with different styles.</p>
<p><a href="https://bplugins.com/products/html5-audio-player/" rel="nofollow ugc"><strong>Html5 Audio Player</strong></a> – Listen audios with awesome visuals.</p>
<p><a href="https://bplugins.com/products/streamcast-radio-player/" rel="nofollow ugc"><strong>StreamCast</strong></a> – Customizable radio player with different skins.</p>
<p><a href="https://bplugins.com/products/3d-viewer/" rel="nofollow ugc"><strong>3D Viewer</strong></a> – Embed 3D models and 3D products with interaction.</p>
<p><a href="https://bplugins.com/products/advanced-post-block/" rel="nofollow ugc"><strong>Advanced Post Block</strong></a> – Show posts and custom posts in different layouts.</p>


3D Viewer Block – Interactive 3D Model Display

Embed 3D models. Display interactive 3D models within a few clicks.

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.

3D Viewer Block – Interactive 3D Model Display vs 3D Viewer – 3D Model Viewer – Augmented Reality