Title: Immersive Designer – 3D Product Configurator for WooCommerce Author: BlueGame Diversion Published: 2021-09-24 Last modified: 2026-06-22 --- Szukaj wtyczek ![](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 Autor: [BlueGame Diversion](https://profiles.wordpress.org/bluegamediversion/) [Pobierz](https://downloads.wordpress.org/plugin/immersive-designer.1.1.0.zip) * [Szczegóły](https://pl.wordpress.org/plugins/immersive-designer/#description) * [Recenzje](https://pl.wordpress.org/plugins/immersive-designer/#reviews) * [Instalacja](https://pl.wordpress.org/plugins/immersive-designer/#installation) * [Rozwój](https://pl.wordpress.org/plugins/immersive-designer/#developers) [Wsparcie](https://wordpress.org/support/plugin/immersive-designer/) ## Opis **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://pl.wordpress.org/plugins/immersive-designer/bluegamediversion@gmail.com?output_format=md). ## Zrzuty ekranu [⌊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 ## Instalacja 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 ## Najczęściej zadawane pytania ### 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. ## Recenzje Wtyczka nie ma jeszcze żadnej recenzji. ## Kontrybutorzy i deweloperzy „Immersive Designer – 3D Product Configurator for WooCommerce” jest oprogramowaniem open source. Poniższe osoby miały wkład w rozwój wtyczki. Zaangażowani * [ BlueGame Diversion ](https://profiles.wordpress.org/bluegamediversion/) [Przetłumacz wtyczkę “Immersive Designer – 3D Product Configurator for WooCommerce” na swój język.](https://translate.wordpress.org/projects/wp-plugins/immersive-designer) ### Interesuje cię rozwój wtyczki? [Przeglądaj kod](https://plugins.trac.wordpress.org/browser/immersive-designer/), sprawdź [repozytorium SVN](https://plugins.svn.wordpress.org/immersive-designer/) lub czytaj [dziennik rozwoju](https://plugins.trac.wordpress.org/log/immersive-designer/) przez [RSS](https://plugins.trac.wordpress.org/log/immersive-designer/?limit=100&mode=stop_on_copy&format=rss). ## Rejestr zmian #### 1.0.0 * Initial release. ## Meta * Wersja **1.1.0** * Ostatnia aktualizacja **1 tydzień temu** * Włączone instalacje **Mniej niż 10** * Wersja WordPressa ** 5.9 lub nowszej ** * Testowano do **7.0** * Wersja PHP ** 7.4 lub nowszej ** * Język * [English (US)](https://wordpress.org/plugins/immersive-designer/) * Tagi * [3d](https://pl.wordpress.org/plugins/tags/3d/)[configurator](https://pl.wordpress.org/plugins/tags/configurator/) [customizer](https://pl.wordpress.org/plugins/tags/customizer/)[product customizer](https://pl.wordpress.org/plugins/tags/product-customizer/) [woocommerce](https://pl.wordpress.org/plugins/tags/woocommerce/) * [Widok zaawansowany](https://pl.wordpress.org/plugins/immersive-designer/advanced/) ## Oceny Nie przesłano jeszcze żadnych recenzji. [Your review](https://wordpress.org/support/plugin/immersive-designer/reviews/#new-post) [Zobacz wszystkierecenzje.](https://wordpress.org/support/plugin/immersive-designer/reviews/) ## Zaangażowani * [ BlueGame Diversion ](https://profiles.wordpress.org/bluegamediversion/) ## Wsparcie Masz coś do dodania? Potrzebujesz pomocy? [Zobacz forum wsparcia](https://wordpress.org/support/plugin/immersive-designer/) ## Złóż datek Czy chcesz wesprzeć rozwój wtyczki? [ Wspomóż wtyczkę ](https://www.buymeacoffee.com/azouamauriac)