About this plugin
Immersive Designer turns any WooCommerce product into an interactive 3D experience. Upload a 3D model, define color, material and texture options for each part, and your customers configure the product in real time directly on your shop — no external service, no subscription fee.
Quick Start
Before you begin: make sure WooCommerce is installed and active. Immersive Designer won’t work without it.
Step 1 — Install Immersive Designer
In your WordPress dashboard go to Plugins → Add New, search for “Immersive Designer”, click Install Now, then Activate. A new “Immersive Designer” menu item appears in the left sidebar.
Step 2 — Get a 3D model
You need a 3D file in GLB, GLTF or OBJ format. gltf). GLB is recommended — it’s a single file and loads fastest.
Step 3 — Create a configuration
Go to Immersive Designer → Add New. g. “Red Chair configurator”) — customers never see this.
In the 3D File Importer panel, choose your format, then click Upload and pick your file. g. “Seat”, “Frame”, “Legs”).
Step 4 — Add customer options
Click + Add Option Group. g. Seat Color ).
Click + Add Option for each choice:
- Color — pick a hex value from the color picker
- Texture — upload an image (fabric, wood, leather…)
- Material — enter a material name from your 3D file
g. 00 for a premium finish). The extra cost updates live in the configurator.
Step 5 — Link to a product
Open the Linked Products panel on the right. Search for a WooCommerce product and click Link. One configuration can be attached to several products.
Step 6 — Publish and test
Click Publish. Open the product page in your shop — you’ll see a Configure button. Click it, pick options, add to cart, and confirm the chosen configuration appears in the cart summary and in the WooCommerce order detail.
Why Immersive Designer?
Most 3D configurator plugins lock their best features behind expensive plans. Immersive Designer ships the complete configurator — 3D viewer, per-part customization, cart integration, and multi-language support — for free.
Core features
- Real-time 3D preview — customers see every change instantly in the embedded viewer
- Per-part customization — assign Color, Material or Texture options to individual meshes
- Extra price per option — charge more for premium materials or finishes; shown live to the customer
- Cart & order integration — the full configuration travels with the cart item and appears in the WooCommerce order detail
- Camera controls — orbit, zoom and four preset angles (Front / Back / Left / Right)
- Mobile responsive — viewer and option panel reflow on any screen size
- Loading state & error handling — spinner during model load, clear error message on failure
- 6 languages included — English, French, Spanish, Portuguese (Brazil), German, Italian, Japanese
Supported 3D formats
- GLB (binary GLTF) — recommended; most compact, native export from Blender, Sketchfab and Spline
- GLTF (JSON) — fully supported
- OBJ + MTL — supported for legacy asset libraries
Requirements
- WordPress 5.9+
- WooCommerce 5.0+
- PHP 7.4+
Presentation video
Feedback
Found a bug or have a feature request? Open a support thread or contact us directly.