Dons Digital

<h3>Create complex product configurators and customizers in WordPress and WooCommerce without having to touch any line of code</h3>
<p><a href="https://wpconfiguratorbuilder.com" rel="nofollow ugc">WP Configurator Builder</a> (WCB in short) is a standalone Gutenberg-based product configurator builder plugin for WordPress, giving you a familiar drag-and-drop admin interface.<br />
The plugin does not require any coding knowledge to set up. Simply create your choices, design your form and upload your product images.</p>
<p>Key features of WP Configurator Builder include:</p>
<ul>
<li><strong>Stackable image layers</strong>: layer transparent PNGs on top of each other to automatically generate the final product render</li>
<li><strong>3D model viewer</strong>: built-in support for 3D viewer to create 3D product configurators based on 3D models</li>
<li><strong>Real-time updates</strong>: the configuration images and prices update in real time as the customer changes options</li>
<li><strong>Extra product options</strong>: extend WooCommerce products with custom add-ons and options. Includes support for swatches, text inputs, buttons and more.</li>
<li><strong>Request quotes</strong>: link configuration to WordPress form to capture leads</li>
<li><strong>WooCommerce integration</strong>: use the WooCommerce checkout system to purchase customized products</li>
<li><strong>Shortcode display</strong>: display configurator forms on any post or page using shortcode display</li>
<li><strong>Drag and drop form builder</strong>: use the Gutenberg drag-and-drop form editor to structure your configuration forms</li>
<li><strong>Multi language</strong>: built-in multi language plugin support</li>
</ul>
<p>You can use this product configurator builder to highlight your product variants in WordPress, collect leads using request a quote feature or drive sales through the checkout system of WooCommerce.</p>
<p>Quick links:</p>
<ul>
<li><a href="https://wpconfiguratorbuilder.com/demos/" rel="nofollow ugc">See the plugin in action</a> </li>
<li><a href="https://wpconfiguratorbuilder.com/features/" rel="nofollow ugc">Learn more about WCB (PRO)</a> </li>
<li><a href="https://wpconfiguratorbuilder.com/add-ons/" rel="nofollow ugc">Browse add-ons</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/" rel="nofollow ugc">Read the documentation</a> </li>
</ul>
<p><strong>Confused about how to get started?</strong> Watch our get started video:</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/zEhOnDEhTWE?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>Places where the WP Configurator Builder plugin has been featured</h3>
<p><a href="https://wphive.com/reviews/wp-configurator-builder-review/" rel="nofollow ugc">🏆 WP Configurator Builder featured on WP Hive</a></p>
<p><a href="https://wpmayor.com/wcb-configurator-builder-discovery/" rel="nofollow ugc">🏆 WP Configurator Builder featured on WP Mayor</a></p>
<p><a href="https://www.wpdailythemes.com/plugin/wcb-configurator-builder-plugin/" rel="nofollow ugc">🏆 WP Configurator Builder featured on WP Daily Themes</a></p>
<h3>Why is WP Configurator Builder free?</h3>
<p>With the rise of personalization in e-commerce, we wanted to contribute to the WordPress and WooCommerce community by providing a plugin which allows you to create product configurator and customizer forms in a simple way for free.</p>
<h3>Why should I use this plugin?</h3>
<p>The WCB Configurator builder is a multi-functional product configurator plugin that can be used for various use-cases, including but not limited to:</p>
<ol>
<li><a href="https://wpconfiguratorbuilder.com/extra-product-options-for-woocommerce/" rel="nofollow ugc">Extra product options and WooCommerce product add-ons</a></li>
<li><a href="https://wpconfiguratorbuilder.com/visual-product-configurator-woocommerce-wordpress/" rel="nofollow ugc">Visual product configurators</a></li>
<li><a href="https://wpconfiguratorbuilder.com/3d-product-configurator-woocommerce-wordpress/" rel="nofollow ugc">3D product configurators</a></li>
<li><a href="https://wpconfiguratorbuilder.com/cpq-configurator-for-woocommerce-wordpress/" rel="nofollow ugc">Request quotes for custom products</a></li>
<li><a href="https://wpconfiguratorbuilder.com/guided-product-recommendation-forms/" rel="nofollow ugc">Guided selling forms</a></li>
<li><a href="https://wpconfiguratorbuilder.com/composite-products-for-woocommerce/" rel="nofollow ugc">Composite products</a></li>
<li><a href="https://wpconfiguratorbuilder.com/create-woocommerce-bundled-product/" rel="nofollow ugc">WooCommerce product bundles</a></li>
<li><a href="https://wpconfiguratorbuilder.com/product-customization-plugin-for-woocommerce/" rel="nofollow ugc">Product customizations</a></li>
<li><a href="https://wpconfiguratorbuilder.com/create-woocommerce-price-calculator/" rel="nofollow ugc">Measurement and cost calculators</a></li>
</ol>
<p>Example products:</p>
<ul>
<li>Custom furniture and interior design</li>
<li>Electronics (phones, wearables, etc)</li>
<li>Computers and gaming</li>
<li>Printed apparel and custom clothing</li>
<li>Shoes and bags</li>
<li>Music instruments</li>
<li>Vehicles and parts</li>
<li>Custom sheds and modular homes</li>
<li>Tools and equipment</li>
<li>Handmade items</li>
<li>Accessoires</li>
<li>Digital product customization</li>
</ul>
<h3>Drag and drop configurator builder</h3>
<p>Create and manage configuration fields with a drag-and-drop editor:</p>
<ul>
<li>Add unlimited fields</li>
<li><a href="https://wpconfiguratorbuilder.com/features/drag-and-drop-builder/" rel="nofollow ugc">Drag and hold to reorder fields</a></li>
<li>Apply each configurator to any WooCommerce product or display on any page</li>
</ul>
<h3>Live product image updates</h3>
<p>Automatically update your product visuals:</p>
<ul>
<li><a href="https://wpconfiguratorbuilder.com/features/live-product-image-updates/" rel="nofollow ugc">Preview image changes</a></li>
<li>Dynamic main image replacement</li>
<li>Multiple image product views supported (showcase your product from various angles)</li>
<li><a href="https://demos.wpconfiguratorbuilder.com/product/visual-text-controls/" rel="nofollow ugc">Apply custom text styles</a></li>
</ul>
<h3>Stackable PNG image layers</h3>
<p>Combine multiple images (layers) into a single live preview:</p>
<ul>
<li>Ideal for furniture, apparel, vehicle parts, and custom sets</li>
<li>Layer-by-layer visibility control</li>
<li>Support for transparent PNGs (and SVGs)</li>
</ul>
<h3>Customize products in 3D</h3>
<p>Create stunning 360 degree configuration experiences:</p>
<ul>
<li><a href="https://wpconfiguratorbuilder.com/addon/3d-visuals/" rel="nofollow ugc">Based on 3D GLB models</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/visuals/3d-model-updates/" rel="nofollow ugc">Show and hide specific parts</a></li>
<li>Update textures and colors</li>
<li>Add custom text and images</li>
<li><a href="https://wpconfiguratorbuilder.com/docs/visuals/update-3d-viewer-scenes/" rel="nofollow ugc">Update 3D model background scenes</a></li>
<li>Play or loop 3D animations</li>
<li>AR support (on compatible devices)</li>
</ul>
<h3>Visual drag and resize controls</h3>
<p>Customers can easily <a href="https://wpconfiguratorbuilder.com/features/visual-controls/" rel="nofollow ugc">drag, rotate and resize</a> elements on the product image:</p>
<ul>
<li>Drag custom text and images in the product image</li>
<li>Resize and scale text and image uploads</li>
<li>Rotate image uploads and texts</li>
</ul>
<h3>Flexible extra product fields</h3>
<p>Create unlimited custom option fields:</p>
<ul>
<li><a href="https://demos.wpconfiguratorbuilder.com/product/swatches-field/" rel="nofollow ugc">Color swatches</a></li>
<li>Image swatches</li>
<li><a href="https://demos.wpconfiguratorbuilder.com/product/button-group-field/" rel="nofollow ugc">Button groups</a></li>
<li><a href="https://demos.wpconfiguratorbuilder.com/product/form-tabs-field/" rel="nofollow ugc">Tab fields</a></li>
<li><a href="https://demos.wpconfiguratorbuilder.com/product/common-input-fields/" rel="nofollow ugc">Text fields</a></li>
<li>Number fields</li>
<li>Radio buttons</li>
</ul>
<h3>Request quotes</h3>
<p>Allow customers to request quotes via forms or email:</p>
<ul>
<li><a href="https://demos.wpconfiguratorbuilder.com/product/send-email/" rel="nofollow ugc">Send configurations via email</a></li>
<li><a href="https://demos.wpconfiguratorbuilder.com/product/request-quote/" rel="nofollow ugc">Request quotes via forms</a></li>
</ul>
<h3>Dynamic price rules</h3>
<p>Supports:</p>
<ul>
<li><a href="https://wpconfiguratorbuilder.com/features/live-product-price-updates/" rel="nofollow ugc">Live price recalculation</a></li>
<li>Per-option pricing</li>
<li>Fixed price increases</li>
<li>Sale prices</li>
<li>Unit prices (charge per character or per numeric value)</li>
</ul>
<h3>Built-in WooCommerce integration</h3>
<p>Sends all configuration data to:</p>
<ul>
<li><a href="https://demos.wpconfiguratorbuilder.com/product/visual-image-update/" rel="nofollow ugc">Add configurations to cart</a></li>
<li>Checkout</li>
<li>Order confirmation</li>
<li>Multi currency support</li>
</ul>
<h3>Block theme and page builder support</h3>
<p>Insert configurators anywhere using:</p>
<ul>
<li>Gutenberg block</li>
<li>Shortcode block</li>
<li><a href="https://wpconfiguratorbuilder.com/features/pre-built-templates/" rel="nofollow ugc">Pre-built templates</a></li>
</ul>
<h3>Build unlimited configurators</h3>
<p>The WP Configurator Builder plugin has no limit on the amount of configurations you can create. You can use it on:</p>
<ul>
<li>Any number of products </li>
<li>Any product type</li>
<li>Any store size</li>
</ul>
<h3>Custom CSS and design controls</h3>
<p>Style the configurator visually:</p>
<ul>
<li>Buttons, borders, spacing</li>
<li>Fonts and colors</li>
<li>Step indicators</li>
<li>Form elements</li>
<li>Global styling</li>
<li>Custom styles and scripts</li>
</ul>
<h3>Developer friendly</h3>
<p>Includes:</p>
<ul>
<li>Hooks</li>
<li>Filters</li>
</ul>
<h3>Multi-language and RTL-display support</h3>
<p>The plugin is fully compatible with <a href="https://wpconfiguratorbuilder.com/features/multi-language/" rel="nofollow ugc">multi language</a> plugins:</p>
<ul>
<li>WPML</li>
<li>Polylang</li>
<li>LocoTranslate</li>
<li>And more</li>
</ul>
<h3>Paid plugin features</h3>
<p>Upgrade to <strong>WCB Configurator Builder Pro</strong> bundle for more advanced customization capabilities.</p>
<h4>Advanced configuration form fields</h4>
<p>Extend your configuration form with advanced fields:</p>
<ul>
<li><a href="https://wpconfiguratorbuilder.com/docs/choices/dropdown/#heading-2" rel="nofollow ugc">Image dropdown</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/user-inputs/date-picker/" rel="nofollow ugc">Date picker field</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/user-inputs/color-picker/" rel="nofollow ugc">Color picker field</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/user-inputs/range-slider/" rel="nofollow ugc">Range slider field</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/user-inputs/file-upload/" rel="nofollow ugc">File upload field</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/choices/swatches/#heading-2" rel="nofollow ugc">Field sliders</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/configurator-forms/form-builder/#heading-11" rel="nofollow ugc">Repeater field</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/configurator-forms/form-builder/#heading-10" rel="nofollow ugc">Panel options field</a></li>
</ul>
<h4>Conditional field display</h4>
<p>Take customization further with <a href="https://wpconfiguratorbuilder.com/addon/conditional-display/" rel="nofollow ugc">conditional display</a>:</p>
<ul>
<li>Multi-condition rules</li>
<li>AND/OR logic rules support</li>
<li>Disable single options</li>
<li>Show or hide fields</li>
</ul>
<h4>Create multi-step configuration forms</h4>
<p>Convert the configurator into a <a href="https://wpconfiguratorbuilder.com/features/multi-step-forms/" rel="nofollow ugc">guided multi step wizard</a>:</p>
<ul>
<li>Mandatory steps  </li>
<li>Next/Previous navigation</li>
<li>Configuration summary page</li>
</ul>
<h4>Save and resume configurations</h4>
<p>Allow customers to:</p>
<ul>
<li><a href="https://wpconfiguratorbuilder.com/docs/configurator-forms/generate-configuration-link/" rel="nofollow ugc">Save their progress and resume later</a></li>
<li>Add configurations to a wishlist</li>
<li>Load saved designs</li>
</ul>
<h4>Create advanced pricing rules</h4>
<p>Pro-level pricing flexibility:</p>
<ul>
<li><a href="https://wpconfiguratorbuilder.com/docs/pricing/percentage-price/" rel="nofollow ugc">Percentage based pricing</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/pricing/formula-price/" rel="nofollow ugc">Formula pricing</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/pricing/table-tiered-price/" rel="nofollow ugc">Tiered table prices</a></li>
</ul>
<h4>Enable configuration PDF downloads</h4>
<p>Customers can easily <a href="https://wpconfiguratorbuilder.com/docs/configurator-forms/download-pdf-file/" rel="nofollow ugc">download a PDF file</a> containing:</p>
<ul>
<li>Configuration price</li>
<li>Company details</li>
<li>Selected options</li>
<li>Generated images</li>
</ul>
<h4>Customer wishlists</h4>
<p>Customers can easily save their favorite designs to their wishlist</p>
<ul>
<li><a href="https://wpconfiguratorbuilder.com/docs/configurator-forms/add-to-wishlist/" rel="nofollow ugc">Save configurations to wishlist</a></li>
<li>Load designs from wishlist</li>
<li>Set WooCommerce account-based wishlist</li>
</ul>
<h4>Inventory management</h4>
<p>Store owners can easily manage their configurations options:</p>
<ul>
<li><a href="https://wpconfiguratorbuilder.com/docs/inventory/option-weights/" rel="nofollow ugc">Option weight management</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/inventory/sku-management/" rel="nofollow ugc">Option SKU management</a></li>
<li><a href="https://wpconfiguratorbuilder.com/docs/inventory/stock-tracking/" rel="nofollow ugc">Option stock management</a></li>
</ul>
<h4>Linked WooCommerce products</h4>
<p>Store owners can easily build composite or bundled products using the linked products field:</p>
<ul>
<li><a href="https://wpconfiguratorbuilder.com/features/linked-woocommerce-products/" rel="nofollow ugc">Link WooCommerce products to configuration options</a></li>
<li>Add products to cart separately</li>
<li>Manage product details (like title, stock, sku and price) in WooCommerce</li>
</ul>
<h4>Configuration analytics</h4>
<p>Store owners can easily see best performing configuration options:</p>
<ul>
<li>See conversion rates</li>
<li>Explore most selected configuration options</li>
<li>Collect emails for customer retargeting</li>
</ul>
<h3>WooCommerce visual product customizer plugin</h3>
<p>Build visual product configurators with our product configurator builder tool. Add image layers, customize text and upload images.</p>
<p>You can also allow your customers to drag and resize text and images on the product images using the visual control settings provided in our plugin.</p>
<h3>3D product configurator plugin</h3>
<p>Step up your visual game with GLB 3D models. Change colors, update model parts and even show the 3D model in your own room using AR capabilities.</p>
<p>Change the visual display to 3D model in WCB > Settings and start creating stunning 3D configurations inside the WCB configurator plugin.</p>
<h3>WooCommerce product configurator</h3>
<p>If you are running a WooCommerce store, you can also use this plugin to extend your regular WooCommerce products and add extra product options, like input fields, swatches, and more.</p>
<p>This product configurator plugin integrates seemlessly with the WooCommerce plugin. Connect your configurations to WooCommerce products and build stunning product configurators and customizers with ease.</p>
<p>You can choose to extend simple products or variation products.</p>
<p>Use the WooCommerce checkout system to handle the online purchasing process.</p>
<h3>WordPress CPQ configurator (Configure, Price, Quote)</h3>
<p>Allow your customers to ask for specific pricings using the request a quote feature of our plugin.</p>
<p>Simply link your configurator to your favourite form plugin or use the email button action and start collecting leads.</p>
<p>Supported form plugins include:</p>
<ul>
<li>WP Forms</li>
<li>Forminator</li>
<li>Fluent Forms</li>
<li>Formidable Forms</li>
<li>Gravity Forms</li>
<li>Ninja Forms</li>
<li>Contact Form 7</li>
</ul>
<p>Note: basically any form plugin is supported as long as it allows you to set custom classes for input fields.</p>
<h3>WooCommerce Cost Calculator</h3>
<p>Get the <a href="https://wpconfiguratorbuilder.com/addon/advanced-price-calculations/" rel="nofollow ugc">advanced calculations add-on</a> and create advanced price calculations using formula’s and tiered table prices</p>
<p>This allows you to perform advanced calculations based on numeric inputs and allows you to create a measurements cost calculator for example.</p>
<h3>WordPress Product Configurator</h3>
<p>The WP Configurator Builder plugin is designed as a standalone plugin. You can use the shortcode to display your product configurator on any page you like.</p>
<h3>About</h3>
<p>This plugin is developed and maintained by Dons Digital.</p>


WCB | WP Configurator Builder – Product Configurators Made Simple

Create customizable products with ease; custom product fields, real-time updates, stackable image layers, and more!

Freemius

deosebIT Soft

<p><a href="https://web-support.eu/showcase/?utm_source=wporg&utm_medium=plugin_listing&utm_campaign=demo" rel="nofollow ugc">DEMO</a></p>
<p>Let customers build their perfect product in 3D — swap materials, hide parts, and share their design. Powered by Three.js, built for WooCommerce.</p>
<p><strong>Key features:</strong></p>
<ul>
<li>Real-time 3D model viewer powered by Three.js (WebGL)</li>
<li>PBR (Physically Based Rendering) material support — base color, roughness, normal, AO, metalness, and displacement maps</li>
<li>Per-step customization: define multiple configuration steps (e.g. Upper, Sole, Logo), each targeting specific model meshes</li>
<li>Bulk material assignment in the admin</li>
<li>Geometry visibility toggles — show or hide mesh groups per option</li>
<li>Undo / redo history</li>
<li>URL-based configuration sharing — customers can share their exact design via a link</li>
<li>Download a PDF preview</li>
<li>AR view on supported mobile devices</li>
<li>HDR environment map for realistic lighting</li>
<li>Background color switcher</li>
<li>Customization data saved to the WooCommerce order as line-item meta</li>
<li>Reusable texture library via a dedicated Custom Post Type</li>
</ul>
<p><strong>Free vs Premium:</strong></p>
<p>The free version is fully functional for single-material customization. Premium unlocks advanced PBR workflows and productivity features for studios managing large product catalogs.</p>
<h4>Free</h4>
<ul>
<li>Upload & display a 3D model</li>
<li>Base color texture or color picker per option</li>
<li>Roughness & metalness sliders</li>
<li>Customization steps</li>
<li>Viewer Only Mode</li>
<li>Camera, zoom & background settings</li>
<li>HDR environment map</li>
<li>Undo / redo, PDF, AR view</li>
<li>Set custom icons (images) for every step / options of a step</li>
</ul>
<h4>Premium (everything in Free, plus)</h4>
<ul>
<li>Material Preview</li>
<li>Multiple textures per option</li>
<li>Bulk Add Materials to a step</li>
<li>Show / Hide mesh controls per option</li>
<li>Normal, AO, metalness & displacement maps</li>
<li>Reflection intensity & displacement scale</li>
<li>Hotspots/Annotations</li>
</ul>
<h3>Upgrade to Premium</h3>
<ol>
<li>Inside WordPress admin, go to <strong>3D Customizer <span aria-hidden="true" class="wp-exclude-emoji">→</span> Account</strong> (added after activation).</li>
<li>Click <strong>Upgrade to Premium</strong> and complete the purchase on the checkout page.</li>
<li>Return to <strong>3D Customizer <span aria-hidden="true" class="wp-exclude-emoji">→</span> Account/Upgrade</strong> and enter your license key to activate.</li>
<li>Then in the same page download and activate the Premium version.</li>
</ol>
<p>Alternatively, click the <strong>Upgrade to Premium</strong> button that appears inside any locked premium feature panel.</p>
<h3>Source Code & Build Instructions</h3>
<p><strong>All source code is human-readable and included in this plugin.</strong></p>
<p>The <code>/js/</code> folder contains the original, uncompiled JavaScript source files:</p>
<ul>
<li><code>customizer.js</code> — Main 3D configurator frontend logic</li>
<li><code>model-scanner.js</code> — 3D model mesh detection and analysis</li>
<li><code>material-preview.js</code> — Material preview rendering</li>
<li><code>ui.js</code> — UI state management and interactions</li>
<li>Admin scripts in <code>/admin/js/</code> — Dashboard-specific functionality</li>
</ul>
<p>The <code>/dist/</code> folder contains pre-compiled, production-ready bundles. These are generated by bundling the source files with their dependencies (three.js, pdf-lib, lucide) using Webpack. <strong>The <code>/dist/</code> folder is auto-generated output and not part of the source code.</strong></p>
<p><strong>Rebuilding from Source:</strong></p>
<p>This plugin uses Webpack to compile and minify JavaScript, bundling dependencies to keep the plugin size manageable (avoiding the need to distribute <code>node_modules</code>).</p>
<p>Requirements:</p>
<ul>
<li>Node.js (v14 or newer)</li>
<li>npm (included with Node.js)</li>
</ul>
<p>Build commands:<br />
    <code>npm install              # Install dependencies from package.json<br />
npm run dev             # Development build with watch mode (rebuilds on file changes)<br />
npm run build           # Production build (minified and optimized)</code></p>
<p><strong>Dependencies:</strong></p>
<ul>
<li><strong>three.js</strong> — WebGL 3D rendering library (licensed under MIT)</li>
<li><strong>jspdf</strong> — PDF generation for preview downloads (licensed under MIT)</li>
<li><strong>lucide</strong> — Icon library (licensed under MIT)</li>
<li><strong>webpack</strong> — Module bundler (licensed under MIT)</li>
</ul>
<p>All original code is GPLv2 or later. Third-party dependencies follow their respective open-source licenses, listed in <code>package.json</code>.</p>
<h3>External Services</h3>
<p>This plugin integrates with <strong>Freemius</strong> for license management, automatic updates, and premium feature delivery:</p>
<ul>
<li><strong>Service:</strong> Freemius License Management</li>
<li><strong>Server:</strong> https://freemius.com</li>
<li><strong>Purpose:</strong> Validates premium licenses, manages plugin updates, delivers premium features, and provides usage analytics</li>
<li><strong>Data Sent:</strong> Plugin activation events, license key validation, and anonymized usage analytics</li>
<li><strong>Account Required:</strong> Optional — only if upgrading to Premium</li>
<li><strong>Terms:</strong> https://freemius.com/terms/</li>
</ul>
<p>All other assets (JavaScript, CSS, images) are included locally within the plugin package. No other external services are used.</p>
<h3>Authors & Credits</h3>
<p><strong>Development</strong>: <a href="https://deosebitsoft.ro/" rel="nofollow ugc">deosebIT Soft</a></p>
<p>This plugin was developed with attention to WordPress.org standards and is maintained by the deosebIT Soft team. For support, updates, and premium features, visit our website.</p>
<h3>Display Methods & Hooks</h3>
<p>The 3D Customizer provides three flexible ways to display the customizer on your product pages:</p>
<p><strong>1. Automatic Display (Default)</strong><br />
The customizer is automatically displayed before the product summary.</p>
<p><strong>Setting:</strong> 3D Customizer <span aria-hidden="true" class="wp-exclude-emoji">→</span> Global Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Display Method <span aria-hidden="true" class="wp-exclude-emoji">→</span> “Automatic (before product summary)”</p>
<p>No code required — it just works!</p>
<p><strong>2. Block (Gutenberg)</strong></p>
<p><strong>Setting:</strong> 3D Customizer <span aria-hidden="true" class="wp-exclude-emoji">→</span> Global Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Display Method <span aria-hidden="true" class="wp-exclude-emoji">→</span> “Manual Placement”<br />
In FSE themes (Gutenberg) you can use the block <code>3D Product Customizer</code></p>
<p><strong>3. Shortcode Display</strong><br />
Display the customizer anywhere using the <code>[dprcu-customizer]</code> shortcode.</p>
<p><strong>Setting:</strong> 3D Customizer <span aria-hidden="true" class="wp-exclude-emoji">→</span> Global Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Display Method <span aria-hidden="true" class="wp-exclude-emoji">→</span> “Manual Placement”</p>
<p>Usage:<br />
    <code>[dprcu-customizer]               — uses the current product<br />
[dprcu-customizer id="123"]      — uses a specific product ID</code></p>
<p>Perfect for custom layouts and page builders (Elementor, Divi, etc.)</p>
<p><strong>4. Manual Hook Display</strong><br />
Display the customizer using the <code>dprcu_display_customizer</code> action hook.</p>
<p><strong>Setting:</strong> 3D Customizer <span aria-hidden="true" class="wp-exclude-emoji">→</span> Global Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Display Method <span aria-hidden="true" class="wp-exclude-emoji">→</span> “Manual Hook”</p>
<p>Usage in your theme template:<br />
    <code>php<br />
<?php do_action( 'dprcu_display_customizer' ); ?>          <br />
<?php do_action( 'dprcu_display_customizer', 123 ); ?>     </code></p>
<p><strong>Developer Hooks</strong></p>
<p>The plugin provides 18+ action hooks for extending functionality. Common hooks include:</p>
<ul>
<li><code>dprcu_before_customizer_output</code> — Before the customizer renders</li>
<li><code>dprcu_before_canvas_container</code> — Before the 3D canvas</li>
<li><code>dprcu_before_sidebar_container</code> — Before the sidebar</li>
<li><code>dprcu_display_customizer</code> — Manual display hook (see Display Methods above)</li>
</ul>
<p>For the complete list of hooks, see the <a href="https://web-support.eu/documentation/#hooks" rel="nofollow ugc">Documentation</a></p>

3D Product Customizer & Configurator for WooCommerce

An interactive Three.js-powered 3D product configurator for WooCommerce — let customers customize materials, textures, and geometry in real time.

WCB | WP Configurator Builder – Product Configurators Made Simple vs 3D Product Customizer & Configurator for WooCommerce