Title: Immersive Designer – 3D Product Configurator for WooCommerce Author: BlueGame Diversion Published: 24 กันยายน 2021 Last modified: 22 มิถุนายน 2026 --- Search plugins ![](https://ps.w.org/immersive-designer/assets/banner-772x250.png?rev=2607488) ![](https://ps.w.org/immersive-designer/assets/icon-128x128.png?rev=2607456) # Immersive Designer – 3D Product Configurator for WooCommerce By [BlueGame Diversion](https://profiles.wordpress.org/bluegamediversion/) [Download](https://downloads.wordpress.org/plugin/immersive-designer.1.1.0.zip) * [Details](https://th.wordpress.org/plugins/immersive-designer/#description) * [Reviews](https://th.wordpress.org/plugins/immersive-designer/#reviews) * [Installation](https://th.wordpress.org/plugins/immersive-designer/#installation) * [Development](https://th.wordpress.org/plugins/immersive-designer/#developers) [Support](https://wordpress.org/support/plugin/immersive-designer/) ## Description **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](https://sketchfab.com) ( 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](https://wordpress.org/support/plugin/immersive-designer/) or [contact us directly](https://th.wordpress.org/plugins/immersive-designer/bluegamediversion@gmail.com?output_format=md). ## Screenshots [⌊3D viewer on the product page — customer choosing a material in real time⌉⌊3D viewer on the product page — customer choosing a material in real time⌉[ 3D viewer on the product page — customer choosing a material in real time [⌊Admin configuration — uploading a GLB model and defining option groups⌉⌊Admin configuration — uploading a GLB model and defining option groups⌉[ Admin configuration — uploading a GLB model and defining option groups [⌊Per-option settings — color picker, texture upload and extra price⌉⌊Per-option settings — color picker, texture upload and extra price⌉[ Per-option settings — color picker, texture upload and extra price [⌊Linked Products meta box — attaching a configuration to WooCommerce products⌉⌊ Linked Products meta box — attaching a configuration to WooCommerce products⌉[ Linked Products meta box — attaching a configuration to WooCommerce products ## Installation 1. Upload the `immersive-designer` folder to `/wp-content/plugins/` 2. Activate the plugin through the **Plugins** menu in WordPress 3. Make sure WooCommerce is installed and active 4. Go to **Immersive Designer Add New** to create your first 3D configuration ## FAQ ### Which 3D formats are supported? GLB and GLTF (recommended) and OBJ + MTL. FBX is not supported — export to GLB from your 3D editor first (Blender, Cinema 4D, Maya all support GLB export). ### Where do I export my GLB model from? Any modern 3D editor works: Blender (File Export glTF 2.0), Sketchfab (download as GLB), Spline (Export GLB). ### Can I charge a different price for each option? Yes. Each option has an **Extra Price** field. The added cost is shown to the customer in real time and included in the cart item price. ### Does the configurator work on mobile? Yes. The 3D viewer and the option panel are fully responsive. ### Can I link one configuration to multiple products? Yes. From the **Linked Products** meta box inside the configuration, you can attach it to as many WooCommerce products as you need. ### Is the customer’s configuration saved in the order? Yes. The full configuration (part name, option name, option type and value) is stored as order item meta and visible in the WooCommerce order detail. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Immersive Designer – 3D Product Configurator for WooCommerce” is open source software. The following people have contributed to this plugin. Contributors * [ BlueGame Diversion ](https://profiles.wordpress.org/bluegamediversion/) [Translate “Immersive Designer – 3D Product Configurator for WooCommerce” into your language.](https://translate.wordpress.org/projects/wp-plugins/immersive-designer) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/immersive-designer/), check out the [SVN repository](https://plugins.svn.wordpress.org/immersive-designer/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/immersive-designer/) by [RSS](https://plugins.trac.wordpress.org/log/immersive-designer/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.0 * Initial release. ## Meta * Version **1.1.0** * Last updated **2 เดือน ago** * Active installations **Fewer than 10** * WordPress version ** 5.9 or higher ** * Tested up to **7.0.4** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/immersive-designer/) * Tags * [3d](https://th.wordpress.org/plugins/tags/3d/)[configurator](https://th.wordpress.org/plugins/tags/configurator/) [customizer](https://th.wordpress.org/plugins/tags/customizer/)[product customizer](https://th.wordpress.org/plugins/tags/product-customizer/) [woocommerce](https://th.wordpress.org/plugins/tags/woocommerce/) * [Advanced View](https://th.wordpress.org/plugins/immersive-designer/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/immersive-designer/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/immersive-designer/reviews/) ## Contributors * [ BlueGame Diversion ](https://profiles.wordpress.org/bluegamediversion/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/immersive-designer/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://www.buymeacoffee.com/azouamauriac)