3D Viewer – Turn Product Pages into Interactive 3D Experiences

Turn flat product photos into interactive 3D experiences your visitors can rotate, zoom, and even place in their own room with Augmented Reality – no code required. 3D Viewer | Documentation | Pricing | Support | Live Demo https://youtube.com/watch?v=_9vKv5pEClM Why 3D Viewer? Static images make visitors guess. 3D Viewer lets them explore. Embed interactive 3D models in posts, pages, widgets, and WooCommerce product pages – visitors can rotate, zoom, pan, and inspect every angle with a mouse or touchscreen, exactly like holding the product in their hands. Built on the proven Three.js engine, 3D Viewer supports all major 3D formats (GLB, GLTF, OBJ, STL, FBX, DAE, PLY, 3DS) and renders them responsively on every device. Lazy loading keeps your pages fast, and native Gutenberg and Elementor integration means you place a model the same way you place an image. Selling online? Show your WooCommerce products in 3D and let customers interact before they buy – interactive product views build the confidence that turns browsers into buyers. Augmented Reality is free. AR is part of the free plugin – no upgrade, no add-on. Switch it on for any model and visitors on supported phones can place it in their own room, while desktop visitors scan a QR code to open the same model in AR on their phone. Free Features – Everything You Need to Get Started

• Embed Anywhere: Place 3D models in posts, pages, and widgets with a shortcode or Gutenberg block.
• Augmented Reality (AR) – now free: Let mobile visitors view models in their real environment via WebXR, Scene Viewer, and Quick Look – including QR code access from desktop. Set the AR placement (floor or wall) and add an optional iOS .usdz source.
• All Popular 3D Formats: Upload and display .GLB, .GLTF, .OBJ, .STL, and more.
• WooCommerce Integration: Show interactive 3D product views right on your product pages.
• Touch, Pan, Zoom & Rotate: Full mouse and touchscreen gesture support out of the box.
• Environment & Skybox Images – now free: Add an environment image for realistic lighting and reflections, or set an HDR skybox as the model's background.
• Elementor Compatible: Drop 3D models into Elementor layouts with ease.
• Lazy Loading for Performance: Models load only when visible, keeping pages fast and SEO-friendly.
• Live Editor Preview: See your 3D model directly in the editor while you configure it.
• Optional Download Button: Let visitors download the 3D file straight from the viewer – off by default, one toggle to enable.
• Guided Setup: A short walkthrough on first activation that gets your first 3D model on the page.

Pro Version – Unlock More Control & Customization Want even more flexibility? 3D Viewer Pro adds powerful features that let you fine-tune the viewer, improve performance, and streamline your workflow. Pro features include:

• Drag-and-drop Elementor widget with full viewer settings.
• External model URLs (Amazon S3, Google Drive, CDNs, and more).
• Fine-grained lighting, shadow intensity, and exposure controls.
• Poster image shown while the model loads, plus a loading progress bar.
• Auto-rotate, fullscreen, and autoplay toggles.
• Custom camera angle for the perfect first impression.
• WooCommerce 3D gallery with multiple models per product.
• Hotspots and annotations to highlight product details.

How to Use 3D Viewer – Quick Start https://youtube.com/watch?v=ofC8XbdAuVE Add your first model in under a minute:

1. Go to 3D Viewer → Add New in your WordPress dashboard.
2. Upload your 3D model or paste a URL.
3. Customize the viewer (lighting, rotation, background, and more).
4. Click Save to generate a shortcode.
5. Paste the shortcode into any post, page, or widget.

Embed in a WooCommerce product:

1. Edit or create a WooCommerce product.
2. Scroll to the 3D Viewer Settings metabox.
3. Upload the model file or paste an external link.
4. Publish – the 3D model appears on the product page.

Prefer the block editor? Add the 3D Viewer block to any post or page, choose your model, and hit Publish. That's it – your 3D model is live! Live Demo | Try The Pro Use Cases

• WooCommerce Stores: Let customers rotate and inspect products in 3D before buying.
• Education & Training: Embed anatomical models, mechanical parts, or scientific visuals.
• Architecture & Engineering: Present 3D building plans and prototypes to clients.
• Gaming & Digital Assets: Showcase characters, assets, and environments interactively.
• Art & Design Portfolios: Highlight sculpture, product design, and creative work.
• Research & Prototyping: Share experimental models for collaborative feedback.
• Packaging & Mockups: Let stakeholders explore packaging in real time before production.

Supported 3D File Formats .GLB, .GLTF, .OBJ, .STL, .FBX, .DAE, .PLY, .3DS Optimized for All Devices

• Fully responsive and mobile-friendly
• Touch gesture support (rotate, zoom, pan)
• Retina-ready rendering
• Compatible with popular WordPress themes

What Users Say ❛❛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 the plugin? Missing a feature? Send your feedback – we ship improvements every month. Check Out Our Other WordPress Plugins Html5 Video Player – Display videos as single and playlist in multiple skins. Html5 Audio Player – Listen to audio with awesome visuals. PDF Poster – Display and embed PDF files with different styles. StreamCast – Customizable radio player with different skins. Advanced Post Block – Show posts and custom posts in different layouts.

From your WordPress dashboard (recommended):

1. Go to Plugins → Add New.
2. Search for "3D Viewer".
3. Click Install Now, then Activate.
4. Go to 3D Viewer → Add New to upload your first model.

Manual installation:

1. Upload the plugin folder to the /wp-content/plugins/ directory.
2. Activate the plugin through the Plugins menu in WordPress.
3. Use the shortcode in any page, post, or widget.
4. To embed in theme PHP, place <?php echo do_shortcode('YOUR_SHORTCODE'); ?> in your template.

1.9.4 - 26 September, 2026

• Changed: Redesigned the guided setup as a three-step onboarding.
• New: Added a Monthly billing cycle to the Pricing page.
• Update: The block editor placeholder now reads "Add Your 3D Model" and keeps the block's height.
• Update: The old guided setup URL now redirects to the new one.

1.9.3 - 9 September, 2026

• New: Environment Image and HDR Skybox Image are now available in the free version, in the Gutenberg block, the Elementor widget, and the shortcode generator.
• Fixed: The viewer no longer spins forever when the 3D model file is missing (404) or fails to load; it now shows a short message instead.
• Update: All supported 3D formats, including .hdr for skybox images, are now enabled for upload by default; any of them can still be turned off in Settings → Allowed Mime Types.
• Fixed: The double-extension upload guard (e.g. model.php.glb) passed such files through instead of blocking them; they are now refused.
• Fixed: Guided Setup kept its full-screen layout only if no other plugin appended its admin body class without a space (e.g. Tutor LMS); it now stays full-screen regardless.

1.9.2 - 12 August, 2026

• New: Added a 3D file download button that lets visitors download the model file from the viewer. Off by default, and available in the Gutenberg block, the Elementor widget, and the shortcode generator.
• New: Added a guided setup walkthrough for new installs, covering the ways to add a model and ending on your first 3D model. Existing sites can start it from Help & Demos → Guided Setup.
• Fixed: Uninstalling the free plugin no longer removes 3D Viewer data while 3D Viewer Pro is active.
• Fixed: The Elementor widget no longer stays blank on sites that reorder, defer, or delay scripts, and the editor preview now always loads the viewer libraries.
• Update: The Elementor widget keeps its configured height while no model is selected, instead of collapsing to the widget icon.
• Update: Rebuilt the Elementor file picker with a file preview, a Replace button and a Remove button. Selected files are unchanged.
• Fixed: The Elementor file picker no longer clashes with other bPlugins plugins (Panorama Lite, HTML5 Video Player) that shipped a control of the same name, which could leave one plugin's picker unresponsive.
• Update: Augmented Reality (AR) is now available in the free version, including WebXR, Scene Viewer, Quick Look, QR code access, AR placement, and the iOS .usdz source.

1.9.1 - 19 July, 2026

• New: Enabled GLB and GLTF uploads by default; other formats can be enabled from Settings → Allowed Mime Types.
• New: Added reminder notices in the shortcode generator, Gutenberg block, and Elementor widget prompting to enable other 3D formats from settings.

1.9.0 - 18 July, 2026

• New: Added Augmented Reality (AR) support with WebXR, Scene Viewer, and Quick Look modes, including QR code access to view models in AR from mobile devices.
• New: Added an iOS-specific (.usdz) model source for AR Quick Look on Apple devices.
• New: Added Exposure and Shadow Intensity controls for the Model Viewer.
• New: Added a live 3D model preview panel to the editor metabox.
• New: Added an Extensions catalog and manager to the admin dashboard.
• Update: Refactored the admin dashboard with section icons and an improved layout.

1.8.13 - 01 June, 2026

• Update: Tested with WordPress 7.0 and Updated Product Meta Field.
• Update: Prefixed isGutenberg meta key and configuration options for standards compliance.
• Fixed: Hardened file extension exception checks against double-extension script uploads.
• New: Added Allowed Mime Types settings checklist to enable/disable 3D file formats on upload.
• New: Integrated dynamic and minimal warning notices in Metaboxes and Gutenberg sidebar.

1.8.12 - 16 May, 2026

• Update: Overall code quality and strengthened security protocols.
• Update: Required WordPress version updated.

1.8.11 - 13 May, 2026

• Update: Removed Custom CSS Field from Settings

1.8.10 - 09 May, 2026

• Improved: Overall code quality and strengthened security protocols.

1.8.9 - 05 May, 2026

• Update: Updated Codestar Framework for better stability.
• Update: Removed restricted "Locked Fields" to improve user flexibility
• New: Added Zoom In/Out controls to the Classic Shortcode Generator.
• New: Added Camera controls to the Classic Shortcode Generator.
• Improved: Overall code quality and strengthened security protocols.

1.8.8 - 02 April, 2026

• Fixed: Woocommerce order issue

1.8.7 - 28 Mar, 2026

• Fixed: Move elements fields to 'Elements' tab in classic editor
• Fixed: Zoom not working in 'Advanced' Viewer
• Update: Freemius SDK

1.8.6 - 15 Mar, 2026

• Fixed: Remove unknown anchor link

1.8.5 - 10 Mar, 2026

• Fixed: STL File does not work
• Fixed: Does not work on Elementor Page Builder

1.8.4 - 28 Feb, 2026

• New: 4-step Setup Wizard after installation.
• Fixed: WooCommerce variation not working.
• Fixed: Shadow not working.
• Fixed: Rotation Delay not working.
• Update: Added Info text with all the controls.
• Update: Remove affiliate and contact Submenu.
• Update: Minimize Shortcode area (Classic Shortcode Generator).

1.8.3 - 17 Dec, 2025

• Fixed: new shortcodes were not working properly.

1.8.2 - 4 Dec, 2025

• Feature: Option to add Link on hotspot (Premium)
• Improved: Some JS and CSS coding
• Feature: AR mode on Classic Shortcode Generator

1.8.1 - 5 Nov, 2025

• Update: Library update
• Fixed: Flatsome theme conflict
• Removed: Hand tool on the model
• Featature: Fullscreen Button on iPhone

1.8.0 - 15 Sep, 2025

• New Page: Dashboard
• Added: Visual Editor
• Feature: Show 3D on First Image of Woocommerce Gallery
• Fixed: Broken Product Page Layout
• Fixed: public.css not found
• Improved: Code
• Feature: Set Initial View (Premium)
• Feature: Argument Reality (AR) (Premium)
• Feature: Option to add Hotspot/Annotation (Premium)
• Feature: Lock X/Y Axis Rotation (Premium)
• Feature: Capture Button (Premium)
• Feature: Zoom In/Out Button (Premium)
• Feature: AR view using QR code (Premium)
• Added: Presets (Premium)
• Improved: Display 3D models in shop pages and product listings (Premium)

1.7.0 - 9 Jul, 2025

• Fixed: AR Icon on iPhone
• Fixed: Fatal/Critical error on product page
• Fixed: Showing Different 3D Models for Product Variations in WooCommerce when single attribute
• Fixed: Fullscreen does not work on iPhone
• Fixed: 3d_viewer_product shortcode does not work properly
• Feature: Field to add Skybox Height
• Feature: Show model based on multiple product variable
• Feature: Added Loader

1.6.3 - 7 May, 2025

• Fixed: _load_textdomain_just_in_time was called incorrectly

1.6.2 - 12 Feb, 2025 (Pro)

• Feature: Option to Show Edge and Customize the color (Advanced Viewer, Premium)
• Option: Enable/Disable Zoom (Advanced Viewer)
• Option: Enable/Disable Zoom (Woocommerce)

1.6.1 - 12 Feb, 2025 (Pro)

• Fixed: can't read properties of undefined percentageWrapper

1.6.0 - 5 Feb, 2025 (Pro)

• Option: Add HDR skybox image (Premium)
• Option: Tone Mapping (only available on Gutenberg) (Premium)
• Feature: Apply Factor and Texture to a model (only available on Gutenberg) (Premium)
• Feature: Modify Material using Texture option (only available on Gutenberg) (Premium)

1.5.1 - 1 Feb, 2025

• Update: WordPress SDK

1.5.0 - 03 Sep, 2024

• Feature: Set Skybox Image to the model
• Feature: AR Feature
• Fixed: Rotation delay

1.5.0 - 03 Sep, 2024

• Improved: code
• Feature: Option to display a poster/image until the model loads.
• Feature: Compatible with most themes
• Fixed: Does not work fullscreen on product shortcode

1.4.2 - 27 June, 2024

• Fixed: create dynamic property

1.4.0 - 24 March, 2024

• Feature: Set Zoom Level
• Feature: Set Environment Image

1.3.28 - 3 Mars, 2024

• Fixed: WoodMart Single product image CSS

1.3.27 - 12 Feb, 2024

• Fixed: Custom Angle

1.3.26 - 7 Feb, 2024

• Fixed: Modal width issue

1.3.25 - 28 Jan, 2024

• Feature: Lite/Advanced viewer added on WooCommerce product

1.3.24 - 17 Jan, 2024

• Improved: Custom Selector

1.3.23 - 7 Dec, 2023

• Improved: Pricing page

1.3.20 - 23 Nov, 2023

• Fixed: $product is not defined

1.3.19 - 11 Nov, 2023

• SDK Updated

1.3.17 - 12 Oct, 2023

• Fixed Single product view on Divi theme

1.3.16 - 5 Oct, 2023

• model/popup on product page for 3D
• Fix Poster issue

1.3.15 - 24/08/2023

• Fix OV is not defined

1.3.14 - 17/08/2023

• Fix Elementor Issue
• Viewer 2 in classic shortCode Generator

1.3.11 - 29/07/2023

• Fix Percentage issue

1.3.11 - 19/07/2023

• Fix Percentage issue

1.3.10 - 17/07/2023

• Fix Settings page issue

1.3.9 - 11/07/2023

• Gutenberg Shortcode Generator
• Woocommerce Custom Selector

1.3.8 - 30/03/2023

• Fixed: Full Screen button issue
• Fixed: SSL issue on woocommerce

1.3.3 - 04/09/2022

• added apply_filters hook to add attribute on model

1.3.1

• Fixed full screen issue

1.2.9

• Fixed width issue

1.2.7

• SDK Updated

1.2.6

• Fix mirror issues

1.2.5

• Fix Product Metabox issues.
• Fix Other mirror issues

1.2.4

• Fix mirror issues.

1.2.3

• Fix Product issues.

1.2.2

• Improve Performance.
• Fix mirror issues.

1.2.1

• New Shortcode Generator
• Fix mirror issues.

1.2.0

• Woocommerce Support
• Multiple Source Option for Models
• Dedicated Settings Panel.
• Preset Settings

1.1.1

• Full Screen Feature Added
• Custom Angle Supported For Specific Model
• Script Improved
• Fix other issues

1.1.0

• Added New Feature In Pro
• Optimize Option Panel
• Script Improved
• Progress bar issues
• Fix other issues

1.0.10

• Fix old Version shortcode Issues.
• Script Improved
• Fix mirror issues

1.0.9

• Multiple Shortcode Support in same page / post.
• Script Updated
• Responsiveness improved
• Fix mirror issues

1.0.8

• Fix https issues.

1.0.7

• Auto Rotation speed and delay option added ( Pro Only ).
• Fix mirror issues.

1.0.6

• New Exclusive Feature Included.
• Fix mirror issues.

1.0.5

• New Exclusive Feature Included.
• Fix mirror issues.
• Updated script

1.0.4

• New Feature Include.
• Fix mirror issue.
• Updated script

1.0.2

• Fix mirror issue.
• Updated script

1.0.1

• Fix json issue.

1.0.0

• Initial Release