{"id":147405,"date":"2021-09-24T20:38:04","date_gmt":"2021-09-24T20:38:04","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/immersive-designer\/"},"modified":"2026-06-22T12:05:28","modified_gmt":"2026-06-22T12:05:28","slug":"immersive-designer","status":"publish","type":"plugin","link":"https:\/\/fi.wordpress.org\/plugins\/immersive-designer\/","author":20026195,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.1.0","stable_tag":"1.1.0","tested":"7.0","requires":"5.9","requires_php":"7.4","requires_plugins":null,"header_name":"Immersive Designer","header_author":"Bluegamediversion","header_description":"3D tool for WooCommerce which help you to configure and make your product customizable in 3D.","assets_banners_color":"054765","last_updated":"2026-06-22 12:05:28","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/www.buymeacoffee.com\/azouamauriac","header_plugin_uri":"#","header_author_uri":"http:\/\/bluegamediversion@gmail.com","rating":0,"author_block_rating":0,"active_installs":0,"downloads":1282,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.1.0":{"tag":"1.1.0","author":"azouamauriac","date":"2026-06-22 12:05:28"}},"upgrade_notice":{"1.0.0":"<p>Initial release \u2014 no upgrade steps required.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":2607456,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":2607488,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.1.0"],"block_files":[],"assets_screenshots":{"screenshot-1.PNG":{"filename":"screenshot-1.PNG","revision":2607730,"resolution":"1","location":"assets","locale":"","width":1319,"height":816},"screenshot-2.PNG":{"filename":"screenshot-2.PNG","revision":2607730,"resolution":"2","location":"assets","locale":"","width":1454,"height":645},"screenshot-3.PNG":{"filename":"screenshot-3.PNG","revision":2607730,"resolution":"3","location":"assets","locale":"","width":1362,"height":464},"screenshot-4.PNG":{"filename":"screenshot-4.PNG","revision":2607730,"resolution":"4","location":"assets","locale":"","width":1256,"height":692}},"screenshots":{"1":"3D viewer on the product page \u2014 customer choosing a material in real time","2":"Admin configuration \u2014 uploading a GLB model and defining option groups","3":"Per-option settings \u2014 color picker, texture upload and extra price","4":"Linked Products meta box \u2014 attaching a configuration to WooCommerce products","5":"WooCommerce cart showing the selected configuration details"}},"plugin_section":[],"plugin_tags":[783,851,2768,66524,286],"plugin_category":[45],"plugin_contributors":[203491],"plugin_business_model":[],"class_list":["post-147405","plugin","type-plugin","status-publish","hentry","plugin_tags-3d","plugin_tags-configurator","plugin_tags-customizer","plugin_tags-product-customizer","plugin_tags-woocommerce","plugin_category-ecommerce","plugin_contributors-bluegamediversion","plugin_committers-azouamauriac","plugin_committers-bluegamediversion"],"banners":{"banner":"https:\/\/ps.w.org\/immersive-designer\/assets\/banner-772x250.png?rev=2607488","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/immersive-designer\/assets\/icon-128x128.png?rev=2607456","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/immersive-designer\/assets\/screenshot-1.PNG?rev=2607730","caption":"3D viewer on the product page \u2014 customer choosing a material in real time"},{"src":"https:\/\/ps.w.org\/immersive-designer\/assets\/screenshot-2.PNG?rev=2607730","caption":"Admin configuration \u2014 uploading a GLB model and defining option groups"},{"src":"https:\/\/ps.w.org\/immersive-designer\/assets\/screenshot-3.PNG?rev=2607730","caption":"Per-option settings \u2014 color picker, texture upload and extra price"},{"src":"https:\/\/ps.w.org\/immersive-designer\/assets\/screenshot-4.PNG?rev=2607730","caption":"Linked Products meta box \u2014 attaching a configuration to WooCommerce products"}],"raw_content":"<!--section=description-->\n<p><strong>Immersive Designer<\/strong> 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 \u2014 no external service, no subscription fee.<\/p>\n\n<h4>Quick Start<\/h4>\n\n<p>Before you begin: make sure <strong>WooCommerce<\/strong> is installed and active. Immersive Designer won't work without it.<\/p>\n\n<p><strong>Step 1 \u2014 Install Immersive Designer<\/strong>\nIn your WordPress dashboard go to <em>Plugins \u2192 Add New<\/em>, search for \"Immersive Designer\", click <em>Install Now<\/em>, then <em>Activate<\/em>. A new \"Immersive Designer\" menu item appears in the left sidebar.<\/p>\n\n<p><strong>Step 2 \u2014 Get a 3D model<\/strong>\nYou need a 3D file in GLB, GLTF or OBJ format. If you don't have one yet, download a free GLB from <a href=\"https:\/\/sketchfab.com\">Sketchfab<\/a> (filter by \"Free\" license), or export one from Blender via <em>File \u2192 Export \u2192 glTF 2.0 (.glb\/.gltf)<\/em>. GLB is recommended \u2014 it's a single file and loads fastest.<\/p>\n\n<p><strong>Step 3 \u2014 Create a configuration<\/strong>\nGo to <em>Immersive Designer \u2192 Add New<\/em>. Give it an internal name (e.g. \"Red Chair configurator\") \u2014 customers never see this. In the <em>3D File Importer<\/em> panel, choose your format, then click <em>Upload<\/em> 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\").<\/p>\n\n<p><strong>Step 4 \u2014 Add customer options<\/strong>\nClick <strong>+ Add Option Group<\/strong>. Choose a mesh from the dropdown, then give it a label your customers will read (e.g. <em>Seat Color<\/em>). Click <strong>+ Add Option<\/strong> for each choice:<\/p>\n\n<ul>\n<li><em>Color<\/em> \u2014 pick a hex value from the color picker<\/li>\n<li><em>Texture<\/em> \u2014 upload an image (fabric, wood, leather\u2026)<\/li>\n<li><em>Material<\/em> \u2014 enter a material name from your 3D file<\/li>\n<\/ul>\n\n<p>Optionally set an <strong>Extra Price<\/strong> on any option (e.g. +5.00 for a premium finish). The extra cost updates live in the configurator.<\/p>\n\n<p><strong>Step 5 \u2014 Link to a product<\/strong>\nOpen the <em>Linked Products<\/em> panel on the right. Search for a WooCommerce product and click <em>Link<\/em>. One configuration can be attached to several products.<\/p>\n\n<p><strong>Step 6 \u2014 Publish and test<\/strong>\nClick <em>Publish<\/em>. Open the product page in your shop \u2014 you'll see a <strong>Configure<\/strong> button. Click it, pick options, add to cart, and confirm the chosen configuration appears in the cart summary and in the WooCommerce order detail.<\/p>\n\n<h4>Why Immersive Designer?<\/h4>\n\n<p>Most 3D configurator plugins lock their best features behind expensive plans. Immersive Designer ships the complete configurator \u2014 3D viewer, per-part customization, cart integration, and multi-language support \u2014 for free.<\/p>\n\n<h4>Core features<\/h4>\n\n<ul>\n<li><strong>Real-time 3D preview<\/strong> \u2014 customers see every change instantly in the embedded viewer<\/li>\n<li><strong>Per-part customization<\/strong> \u2014 assign Color, Material or Texture options to individual meshes<\/li>\n<li><strong>Extra price per option<\/strong> \u2014 charge more for premium materials or finishes; shown live to the customer<\/li>\n<li><strong>Cart &amp; order integration<\/strong> \u2014 the full configuration travels with the cart item and appears in the WooCommerce order detail<\/li>\n<li><strong>Camera controls<\/strong> \u2014 orbit, zoom and four preset angles (Front \/ Back \/ Left \/ Right)<\/li>\n<li><strong>Mobile responsive<\/strong> \u2014 viewer and option panel reflow on any screen size<\/li>\n<li><strong>Loading state &amp; error handling<\/strong> \u2014 spinner during model load, clear error message on failure<\/li>\n<li><strong>6 languages included<\/strong> \u2014 English, French, Spanish, Portuguese (Brazil), German, Italian, Japanese<\/li>\n<\/ul>\n\n<h4>Supported 3D formats<\/h4>\n\n<ul>\n<li>GLB (binary GLTF) \u2014 recommended; most compact, native export from Blender, Sketchfab and Spline<\/li>\n<li>GLTF (JSON) \u2014 fully supported<\/li>\n<li>OBJ + MTL \u2014 supported for legacy asset libraries<\/li>\n<\/ul>\n\n<h4>Requirements<\/h4>\n\n<ul>\n<li>WordPress 5.9+<\/li>\n<li>WooCommerce 5.0+<\/li>\n<li>PHP 7.4+<\/li>\n<\/ul>\n\n<h4>Presentation video<\/h4>\n\n<p>[youtube https:\/\/youtu.be\/VU8l4goka9I]<\/p>\n\n<h3>Feedback<\/h3>\n\n<p>Found a bug or have a feature request? <a href=\"https:\/\/wordpress.org\/support\/plugin\/immersive-designer\/\">Open a support thread<\/a> or <a href=\"mailto:bluegamediversion@gmail.com\">contact us directly<\/a>.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>immersive-designer<\/code> folder to <code>\/wp-content\/plugins\/<\/code><\/li>\n<li>Activate the plugin through the <strong>Plugins<\/strong> menu in WordPress<\/li>\n<li>Make sure WooCommerce is installed and active<\/li>\n<li>Go to <strong>Immersive Designer \u2192 Add New<\/strong> to create your first 3D configuration<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"which%203d%20formats%20are%20supported%3F\"><h3>Which 3D formats are supported?<\/h3><\/dt>\n<dd><p>GLB and GLTF (recommended) and OBJ + MTL. FBX is not supported \u2014 export to GLB from your 3D editor first (Blender, Cinema 4D, Maya all support GLB export).<\/p><\/dd>\n<dt id=\"where%20do%20i%20export%20my%20glb%20model%20from%3F\"><h3>Where do I export my GLB model from?<\/h3><\/dt>\n<dd><p>Any modern 3D editor works: Blender (File \u2192 Export \u2192 glTF 2.0), Sketchfab (download as GLB), Spline (Export \u2192 GLB).<\/p><\/dd>\n<dt id=\"can%20i%20charge%20a%20different%20price%20for%20each%20option%3F\"><h3>Can I charge a different price for each option?<\/h3><\/dt>\n<dd><p>Yes. Each option has an <strong>Extra Price<\/strong> field. The added cost is shown to the customer in real time and included in the cart item price.<\/p><\/dd>\n<dt id=\"does%20the%20configurator%20work%20on%20mobile%3F\"><h3>Does the configurator work on mobile?<\/h3><\/dt>\n<dd><p>Yes. The 3D viewer and the option panel are fully responsive.<\/p><\/dd>\n<dt id=\"can%20i%20link%20one%20configuration%20to%20multiple%20products%3F\"><h3>Can I link one configuration to multiple products?<\/h3><\/dt>\n<dd><p>Yes. From the <strong>Linked Products<\/strong> meta box inside the configuration, you can attach it to as many WooCommerce products as you need.<\/p><\/dd>\n<dt id=\"is%20the%20customer%27s%20configuration%20saved%20in%20the%20order%3F\"><h3>Is the customer's configuration saved in the order?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"Let customers configure your WooCommerce products in interactive 3D \u2014 change colors, materials and textures live before adding to cart.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/fi.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/147405","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fi.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/fi.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/fi.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=147405"}],"author":[{"embeddable":true,"href":"https:\/\/fi.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/bluegamediversion"}],"wp:attachment":[{"href":"https:\/\/fi.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=147405"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/fi.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=147405"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/fi.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=147405"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/fi.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=147405"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/fi.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=147405"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/fi.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=147405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}