Models3D Studio – 3D Product Viewer & Configurator for WooCommerce

Models3D Studio brings high-fidelity interactive 3D product viewer and configurator capabilities, real-time variation mapping, and PBR material inspection directly into the WooCommerce store workflow.

Allow your customers to rotate, zoom, inspect, and configure products in photorealistic 3D before buying. Models3D Studio seamlessly connects WooCommerce variation attributes (colors, materials, finishes, and components) to 3D meshes in your GLB models, updating visuals instantly in the browser without server lag.

Live Demo (Pro Edition)

Explore our live interactive 3D product configurators and Visual Studio sandboxes (showcases the Pro edition with all features unlocked — click “Free vs Pro” in the top header to compare Free and Pro features):

• Forged Performance Wheel (Automotive): Storefront Product Page | 3D Visual Studio Sandbox
• Sovereign Gemstone Solitaire Ring (Jewelry): Storefront Product Page | 3D Visual Studio Sandbox
• Royal Victorian Coffee Table (Furniture): Storefront Product Page | 3D Visual Studio Sandbox
• Quad-Cam V16 Motorsport Crate Engine (Motorsport): Storefront Product Page | 3D Visual Studio Sandbox
• VortexSeries GT-8 Wireless Mechanical Keyboard (Electronics): Storefront Product Page | 3D Visual Studio Sandbox
• Athletic Sneaker Showcase (Footwear): Storefront Product Page | 3D Visual Studio Sandbox

Key Features

• Photorealistic 3D Canvas: Real-time WebGL rendering powered by Three.js and React Three Fiber with full PBR (Physically Based Rendering) material support.
• 3D Poster & Click-to-Load Mode: Show your Featured Image (or a custom poster image) instantly and choose whether the 3D model loads automatically behind it or only when the shopper clicks “View in 3D”, protecting page speed (LCP).
• Built-In Client-Side GLB Optimizer (Free): Models over 3MB are optimized in your browser before upload: embedded PNG/JPG textures are converted to WebP, and geometry is compressed with a locally bundled Google Draco WASM encoder (no external CDN).
• 1-Click Sample 3D Product: Test the full 3D viewer and Visual Studio workflow right after installation with the one-click sample product generator.
• Bi-Directional WooCommerce Variation Sync: Instantly connects WooCommerce attribute swatches and select dropdowns to 3D meshes, textures, and material finishes.
• Interactive 3D Visual Studio v2: Dedicated full-screen admin editor with a 5-Workspace Left Rail (Variations, Scene, Hotspots, Features, Asset), Quick-Jump Search (Ctrl+K), 1-click “Capture Current View as Default & 2D Poster”, and a 5-Tab Variation Inspector (Look, Visibility, Transform, Model, Motion).
• Multi-Channel Variation Customization: Independent controls for PBR material properties (roughness, metalness, colors, 6 quick presets) in the Free edition, plus per-variation part visibility overrides (Hide / Show mesh layers), per-variation texture map swapping (.webp/.jpg + UV tiling), per-variation part transforms (scale/position/rotation), per-variation .glb model overrides, and per-variation keyframe animations in the Pro edition.
• Camera Orbit Limits & Shareable Configurations (Free & Pro): Lock vertical tilt (Horizon Lock — Above Floor Only or Horizontal Turntable Only), control close-up/interior zoom and panning, and let shoppers copy a deep-linked URL to their exact selected 3D variation.
• Gutenberg Block, Shortcode, Archive Badges & Modal Mode: Embed 3D models anywhere via the Models3D 3D Viewer & AR Gutenberg block (models3d/viewer) or [models3d_viewer] shortcode, display lightweight "3D & AR" badges on Shop/Category archives, or launch the viewer in a full-screen modal lightbox.
• WCAG 2.2 & EAA Accessibility (Free & Pro): Built-in keyboard camera navigation (Arrow keys to orbit, +/- to zoom, Space to pause/spin, R to reset), prefers-reduced-motion: reduce auto-pause, and aria-live screen-reader announcements.
• Native 2D Fallback Protection: Graceful degradation to standard WooCommerce product images if WebGL is unavailable or when JavaScript is disabled.
• Zero External Rendering Fees: 100% self-hosted client-side execution. No SaaS subscription or third-party cloud rendering required.
• Universal Builder & Theme Compatibility: Works smoothly with standard WooCommerce themes, Block themes (FSE), and major page builders.

External services

This plugin connects to the following external services:

1. Freemius API (https://api.freemius.com)

* Service Used: Freemius SDK (https://freemius.com)
* Purpose: Optional user opt-in telemetry, account synchronization, and software license verification.
* Data Sent: Site URL, active theme name, WordPress and PHP versions, and administrator email (transmitted strictly upon explicit user opt-in or during license activation).
* Terms of Service: https://freemius.com/terms/
* Privacy Policy: https://freemius.com/privacy/

1. Drei HDRI Environment Repository (https://raw.githack.com/pmndrs/drei-assets/)

* Service Used: pmndrs/drei-assets via raw.githack.com (GitHub CDN)
* Purpose: Provides high dynamic range (HDR) radiance environment lighting maps for realistic 3D PBR material reflections when the user selects a preset studio or outdoor environment in the 3D Visual Studio editor.
* Data Sent: None. Only public read-only static .hdr radiance map assets are downloaded via HTTPS GET when a preset is chosen.
* Terms of Service: https://raw.githack.com/
* Privacy Policy: https://docs.github.com/en/site-policy/privacy-policies/github-general-privacy-statement

Copyright and License Credits

• Three.js: MIT License, Copyright (c) 2010-2024 Three.js Authors, https://threejs.org
• Google Draco 3D Library: Apache License 2.0, Copyright Google Inc., https://github.com/google/draco
• React and React-DOM: MIT License, Copyright (c) Meta Platforms, Inc., https://react.dev
• React Three Fiber (@react-three/fiber): MIT License, Copyright (c) 2019 Paul Henschel, https://github.com/pmndrs/react-three-fiber
• React Three Drei (@react-three/drei): MIT License, Copyright (c) 2020 Paul Henschel, https://github.com/pmndrs/drei
• Inter Font: SIL Open Font License 1.1, Copyright (c) 2016-2020 Rasmus Andersson, https://rsms.me/inter/
• Outfit Font: SIL Open Font License 1.1, Copyright (c) 2021 On Brand Investments Pty Ltd (Rodrigo Fuenzalida), https://github.com/Outfitio/Outfit-Fonts
• Freemius WordPress SDK: GPLv3 License, Copyright Freemius, Inc., https://freemius.com
• glTF-Transform (@gltf-transform/*): MIT License, Copyright (c) Don McCurdy, https://gltf-transform.dev
• meshoptimizer: MIT License, Copyright (c) Arseny Kapoulkine, https://github.com/zeux/meshoptimizer
• Bundled Starter 3D Models (High-Performance Sports Car, Sneaker, Sunglasses): Created and optimized locally by Alkcode for Models3D Studio for WooCommerce, licensed under GPLv2 or later.
• Bundled Forged Performance Wheel 3D Model (assets/models/forged-performance-wheel.glb): Adapted and de-branded from “Lamborghini Murciélago Wheels” by César Vonc (https://sketchfab.com/3d-models/lamborghini-murcielago-wheels-61aefb66ec9541e09eecd2ce6b001f73), licensed under Creative Commons Attribution 4.0 International (CC BY 4.0, https://creativecommons.org/licenses/by/4.0/).