內容簡介
Immersive Designer 是一個 Woocommerce 外掛程式，可用於創建 3D 配置，包括以下功能：
創建 3D 配置
將 3D 配置與 wc 產品關聯
演示影片
回饋
我們正在為您開發此外掛程式。
如果您發現錯誤、需要新功能或有任何想法，請透過寫信告訴我們。
外掛標籤
開發者團隊
② 後台搜尋「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.
