Immersive Designer – 3D Product Configurator for WooCommerce
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. If you don’t have one yet, download a free GLB from Sketchfab (filter by “Free” license), or export one from Blender via File → Export → glTF 2.0 (.glb/.gltf). GLB is recommended — it’s a single file and loads fastest.
Step 3 — Create a configuration Go to Immersive Designer → Add New. Give it an internal name (e.g. “Red Chair configurator”) — customers never see this. In the 3D File Importer panel, choose your format, then click Upload and pick your file. The viewer renders your model and lists every mesh it detected (a mesh is a named part of the model, e.g. “Seat”, “Frame”, “Legs”).
Step 4 — Add customer options Click + Add Option Group. Choose a mesh from the dropdown, then give it a label your customers will read (e.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
Optionally set an Extra Price on any option (e.g. +5.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.