Freemius

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.

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.
<h3>Video tutorial</h3>
<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>
<h3>Highlights</h3>
Realistic 3D Models – Realistic rendering with lights, environment maps and shadows.
Hotspots/Markers – <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.
Easy To Configure And Install – Includes documentation, video tutorials, demo pages, updates and support from the developer – <a href="mailto:tibi@fwdapps.net" rel="nofollow ugc">Tibi @ FWD</a>.
<h3>Main Features</h3>
<ul>
<li>Responsive Layout – Fully responsive and adaptable to any device. </li>
<li>Desktop & Mobile Optimized – iPhone, Android, and desktop browsers supported. </li>
<li>Lightbox Support – 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>Customizable Size – Set any width, height, and aspect ratio. </li>
<li>Vector Skin – Responsive or after parent mode. </li>
<li>Preloader – Vector based preloader that stays sharp on mobile and desktop.</li>
<li>Customizable Color Theme – 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>Lazy Scrolling/Loading – 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>Customizable Preloader – 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>Buttons Controller – 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>Orbital Controls – Customizable 3D orbital controls that allows to zoom and move the camera.</li>
<li>Orbital Controls Ranges – 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>Auto-Rotation – 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>Keyboard Pan – 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>Environment Map – Enhanced environmental mapping support with .exr 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>Lights – 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>Contact Shadow – 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>
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.
<h3>Use Cases</h3>
Embedding 3D models in posts or pages 
Product visualization with 3D previews 
Showcasing GLTF/GLB models interactively 
Creating 3D hotspots and annotations 
Displaying 3D assets in portfolios or documentation
<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>
Basic example:
[fwdemv id=”1″]
<h3>Development</h3>
This plugin’s full source code is publicly available for transparency and verification. 
Developed and maintained by <a href="https://fwdapps.net" rel="nofollow ugc">FutureWebDesign</a>.
<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.

3D Viewer – Display Interactive 3D Models vs Easy 3d Model Viewer