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. The plugin also supports the creation of galleries for multiple product variants.
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>
Auto-Rotation Feature: Automatically spin your model to create a 360° product view without interaction.
</li>
<li>
Gallery Support for Variants: Add multiple 3D models (like product variants) into a single viewer gallery.
</li>
<li>
Preset Settings: Save your preferred viewer configurations and reuse them across multiple models.
</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
</li>
<li>
– Optional (Pro): .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, 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.

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.

3DWeb

<h4>Features</h4>
<ul>
<li>Full 360° view</li>
<li>WooCommerce support</li>
<li>Responsive design</li>
<li>Zoom by wheel(mouse) or pinch(mobile)</li>
<li>Unlimited presentations on a single page</li>
<li>Just upload your images to your media library, no external service needed</li>
<li>Variable amount of images, limit is 365 images</li>
<li>Customize speed and inertia</li>
<li>Reverse dragging</li>
<li>Rotate to edges</li>
<li>Custom frame format, no renaming of files</li>
<li>Optional autorotation on start 1 is one rotation after start and 2 is 2 rotations and so on</li>
<li>Reverse autorotation</li>
<li>Speed autorotation otherwise it uses the speed of the viewer</li>
<li>Custom start frame</li>
<li>Stop at edges</li>
<li>Use your own notifier</li>
<li>Extra classes on images</li>
<li>Float and margin for some placement control</li>
<li>ShortCodes system, <a href="https://www.360-javascriptviewer.com/wordpress" rel="nofollow ugc">generate the shortcodes online for more control</a></li>
<li>Widget</li>
<li>Gutenberg block</li>
<li>Elementor block</li>
<li>Use ACF or WooCommerce product code for presentation</li>
<li>Template function for developers</li>
<li>Very lightweight (50kb)</li>
<li>Support for WooCommerce Flatsome theme</li>
</ul>

360 Javascript Viewer

Turn a series of images into an interactive 360 degree view.

3D Viewer – Display Interactive 3D Models vs 360 Javascript Viewer