Description

WPConfigurator 3D Product Customizer Lite is a free WordPress and WooCommerce plugin from WP Configurator that lets you create interactive 3D product configurators and product customizers. Upload a GLB 3D model, organize it into configurable layers, and let customers customize colors and materials in real time before adding their configured product directly to the WooCommerce cart.

Built for stores that want to offer interactive product customization without relying on an external SaaS platform, the plugin keeps your configurator and configuration data inside your own WordPress and WooCommerce environment.

🚀 Build an interactive 3D product configurator

GLB 3D model support: Upload a GLB 3D model once and use it in both the WordPress backend editor and the interactive frontend configurator – no format conversion required.

Real-time material and color customization: Group meshes into configurable layers and let customers change colors and materials on the interactive 3D product model in real time.

Native WooCommerce integration: Connect a 3D configurator to your WooCommerce product and let customers add their exact product configuration directly to the cart and checkout.

Visual WordPress configurator builder: Create and manage interactive 3D product configurations from a modern WordPress dashboard without relying on an external platform.

Self-hosted configuration data: Layers, materials, and mesh assignments are stored as structured JSON in WordPress post meta, keeping your 3D product configuration data inside your own database.

🔑 More features for building a 3D product customizer

Customizable frontend design: Replace or customize the frontend template to create a 3D product configurator that matches your WooCommerce store’s design and branding.

Modular configurator settings: Enable or disable individual features based on your requirements, helping you build a streamlined 3D product customization experience.

Developer-friendly hooks and filters: Extend and customize 3D configurator behavior through your WordPress theme or custom plugin.

Advanced product customization [Pro]

Color picker [Pro]: Let customers choose custom colors from an open color palette.
Mesh swapping [Pro]: Replace 3D mesh geometry to offer structural product variations.
Conditional Logic [Pro]: Create rule-based product configurations by showing, hiding, enabling, or disabling options based on customer selections.
Custom Input Fields [Pro]: Let customers enter custom information and preferences as part of their product configuration.
Custom Text Upload [Coming Soon]: Allow customers to add personalized text to create unique, made-to-order products.
Custom Image Upload [Coming Soon]: Let customers upload their own images or artwork and apply them to customizable products.
Dynamic Range Pricing [Coming Soon]: Automatically calculate product prices based on selected options, quantities, dimensions, or other configurable values.
Inventory Management [Coming Soon]: Manage stock for configurable product options and automatically prevent customers from selecting unavailable combinations.

Sales and conversion tools [Pro]

Get a Quote [Pro]: Collect quote requests for complex or made-to-order product configurations.
Contact Form 7 integration [Pro]: Attach product configuration details to quote or inquiry submissions.
Analytics [Coming Soon]: Track customer interactions and product configuration data to understand popular options and optimize your sales strategy.

Export and management [Pro]

Import/export configurators [Pro]: Reuse a configurator across products and sites.
Advanced 3D controls [Pro]: Fine-tune rendering, lighting, camera, and scene settings.

🏪 Who Is WPConfigurator 3D Product Customizer Lite For?

WPConfigurator 3D Product Customizer Lite is ideal for WooCommerce businesses that sell customizable, configurable, or made-to-order products. Create interactive 3D product experiences for industries such as:

Furniture Configurator: Sofas, beds, dining tables, chairs, cabinets, and other customizable furniture and interior products.
Gadgets & Gifting: Phone cases, bags, personalized gifts, mugs, art, and other customizable products.
Fashion & Luxury: Clothing, shoes, swimwear, bags, hats, caps, backpacks, and other customizable products for men, women, and children.
Food & Beverage: Create interactive product experiences for configurable food, beverage, packaging, and made-to-order products.
Printing: Art and wall décor, printed accessories, personalized products, and other custom print items.
Sports & Fitness: Sportswear, team apparel, gym equipment, bicycles, sporting goods, and fitness products.
Automotive: Cars, trailers, golf carts, vehicle accessories, and other configurable automotive products.

If your customers need to visualize, customize, and configure a product before purchasing, WP Configurator helps you turn your WooCommerce product page into an interactive 3D product experience.

See Interactive WPConfigurator 3D Product Customizer Examples

Explore how WPConfigurator 3D Product Customizer Lite can help WooCommerce stores create interactive and customizable product experiences:

3D Golf Cart Configurator – Customize colors, materials, and components and visualize your golf cart in interactive 3D before adding it to the cart.
3D Helmet Configurator – Let customers customize helmet colors and materials with a real-time 3D product preview.
3D Skateboard Configurator – Configure and visualize a customized skateboard with interactive 3D product options.
3D Adjustable Bed Configurator – Explore product variations, customize options, and visualize an adjustable bed in interactive 3D.
3D Office Chair Configurator – Customize materials, colors, and product options while viewing the changes instantly on a 3D office chair.

Try More Live WPConfigurator 3D Product Customizer Demos in Our Test Store

💬 Trusted by Businesses Using WP Configurator

Businesses use WP Configurator to create more engaging product customization experiences and help customers better understand configurable products before ordering.

★★★★★ zarbikes.com – “Before using WP Configurator, I struggled to display custom products on my website, Zarbikes.com. WP Configurator Pro tool changed everything. Now, I can…” – Matt, July 7, 2025
★★★★★ sepra-solutions.com – “Our website’s user experience has improved dramatically thanks to WP Configurator. The site is now easier to navigate, and this has supported our business…” – Olivier, June 27, 2025
★★★★★ artchustudio.com – “Our website has improved significantly since we started using WP Configurator. The shopping experience is now smoother, and our customers love how easy it is to…” – Ari, May 31, 2025
★★★★★ cancio.es – “I needed a configurator for a client, and WP Configurator Pro was the perfect fit. It was straightforward to set up, and the client-side interface is…” – Borja, May 2, 2025
★★★★★ vo2sportswear – “Adding a kit designer to our website was a priority, but other options were too expensive. WP Configurator provided a cost-effective solution. It’s been fantastic for…” – Gemma, April 13, 2025
★★★★★ himandi.rs – “WP Configurator has made it much easier for my customers to understand my products. The clear and simple descriptions have been a big help, and it’s had a…” – Ljubo, March 19, 2025

External services

This plugin relies on two external services. Both are operated by Plugora Tech OU (WP Configurator), the author of this plugin. Neither is contacted from the public frontend of your site.

1. Demo template assets

What it is and what it is used for: a file host holding the 3D models and texture images used by the three bundled demo templates (Office Chair, Golf Cart, Skateboard). The templates ship as JSON that references these files by URL instead of bundling them, which keeps the plugin download small. When you choose to create a configurator from a demo template, the plugin downloads the referenced GLB model and texture images and adds them to your own WordPress media library. The demo configurator is fully local afterwards and the host is never contacted for it again.

What is sent and when: nothing but the HTTP request needed to fetch each file. No site data, user data, licence key or personal information is transmitted. The requests happen only at the moment an administrator clicks to create a configurator from a demo template, never on the frontend and never on a schedule. If you never use a demo template, this service is never contacted.

Where the files come from: demos.wpconfigurator.com.

2. Documentation search

What it is and what it is used for: the public WordPress REST API of the plugin documentation site. It backs the help search box in the configurator editor toolbar, so an administrator can search the documentation without leaving the editor.

What is sent and when: the search text the administrator types into that box, sent as it is typed, and nothing else. No site data, configurator data, licence key or personal information is transmitted. The requests happen only in the WordPress admin, only while an administrator is using the help search box.

Where the requests go: docs-3d.wpconfigurator.com.

Terms and privacy

Both services are covered by the same terms and privacy policy.

Terms of use: https://wpconfigurator.com/terms-conditions/
Privacy policy: https://www.iubenda.com/privacy-policy/77867033

Source code

The full, unminified source for the minified JavaScript and CSS bundles shipped in this plugin – the Vue 3 / TypeScript admin editor and the Alpine.js / Three.js frontend – is included in the plugin itself, under common/_dev/.

Build tools and steps: the JavaScript sources live in common/_dev/. They are built with Vite via pnpm:

cd common/_dev
pnpm install
pnpm run build

That produces common/admin/assets/editor/ (admin editor bundle), common/public/assets/frontend/ (frontend bundle) and each module’s assets/ directory – every minified file shipped in this plugin. Running the three commands above on a clean checkout of common/_dev/ reproduces them.

Third-party libraries bundled with this plugin:

Three.js – https://github.com/mrdoob/three.js (MIT)
Alpine.js – https://github.com/alpinejs/alpine (MIT)
Vue 3, Pinia, PrimeVue, TresJS – admin editor only (MIT)
Dompdf – https://github.com/dompdf/dompdf (LGPL-2.1), namespaced into lib/ with php-scoper
Emogrifier – https://github.com/MyIntervals/emogrifier (MIT), namespaced into lib/ with php-scoper

Installation

Minimum Requirements

PHP 8.1.31 or greater
MySQL 5.5.5+ or MariaDB 10.1+
WordPress 6.6 or greater
WooCommerce 8.0 or greater (only required for the WooCommerce cart integration)

Automatic installation

Log in to your WordPress dashboard and go to Plugins > Add New.
Search for “WPConfigurator 3D Product Customizer Lite”.
Click Install Now, then Activate.
Go to the new “3D Configurator” menu to create your first configurator.

Manual installation

Download the plugin ZIP file.
Upload it via Plugins > Add New > Upload Plugin, or unzip it into /wp-content/plugins/ via FTP.
Activate the plugin through the Plugins menu in WordPress.

After activation

Go to 3D Configurator > Add New and upload a GLB model.
Build your layers, meshes, and controls.
Connect the configurator to a WooCommerce product and set your base price.
Publish, then test the full flow: configure add to cart checkout.

FAQ

What file format do I need for the 3D model?

The Lite version supports GLB 3D models. GLB packages the 3D model and its textures into a single file, making it a practical format for creating and publishing interactive 3D product configurators in WordPress. The Pro version also supports multiple GLB files for mesh swapping, allowing you to create structural product variations.

Does this replace my WooCommerce product setup?

No. Both WPConfigurator 3D Product Customizer Lite and Pro work alongside your existing WooCommerce products. Connect a configurator to a product, let customers customize it in interactive 3D, and add their selected configuration to the WooCommerce cart and checkout.

Where is my configuration data stored?

Your 3D configuration data-including layers, materials, and mesh assignments-is stored in WordPress post meta as structured JSON. This keeps your configurator data in your own WordPress database rather than requiring an external SaaS platform.

What’s the difference between Lite and Pro?

Lite provides the core tools needed to create an interactive 3D product configurator for WooCommerce, including GLB model loading, layer-based material customization, and WooCommerce cart integration.

WPConfigurator 3D Product Customizer Pro expands the workflow with inventory, analytics, color picker, conditional logic, mesh swapping, custom input fields, custom text and image uploads, dynamic range pricing, inventory management, analytics, Get a Quote, Contact Form 7 integration, import/export, and advanced scene controls.

Can I change how the configurator looks?

Yes. WPConfigurator 3D Product Customizer Lite includes frontend template and skin support, allowing you to adapt the configurator interface to your WordPress or WooCommerce store design.

Can I turn off features I don’t use?

Yes. The Modules settings screen lets you enable or disable individual features based on your store’s requirements, helping you keep the configurator setup focused on the functionality you use.

Where can I get help?

Visit wpconfigurator.com/contact-us for support, or browse the documentation and developer docs for setup and extension guides.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“WPConfigurator 3D Product Customizer Lite” is open source software. The following people have contributed to this plugin.

WP Configurator

Translate “WPConfigurator 3D Product Customizer Lite” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.3.4 2026-09-28

New: Custom Image Upload module added – shoppers can upload their own image, crop/pan/zoom/rotate it in a popup against an optional SVG mask.
New: Configurator prices can now follow the WooCommerce currency settings, so a store no longer shows the configurator total in one currency and the WooCommerce cart and order totals in another. Settings -> General -> Currency.
Improvement: The new setting is on for new installs and for stores whose two currencies already agreed. A store whose configurator currency deliberately differs from its WooCommerce currency keeps its own settings, and nothing it renders changes on update.
Improvement: While the setting is on, the plugin’s own currency, symbol position, separator and decimal fields are shown disabled, and a warning appears on the settings page when the two currencies disagree.
Fix: A disabled field on the settings page is no longer written on save. A disabled control is not submitted by the browser, so saving used to overwrite its stored value with the field’s default.
Dev – Added the wp3dconf/wc/follow_currency filter, so an add-on can decide per request whether prices follow the store currency.
New: The Custom Fields module can now be enabled from the Modules page, adding text, textarea, select, radio, checkbox and switch fields that carry their own prices.
Fix: Contact Form 7 custom data was read from a different POST key than the one it validated against, so it was silently dropped instead of saved.
Fix: The Contact Form 7 module’s frontend script was silently skipped whenever it enqueued before the core frontend script was registered.
Fix: Contact Form 7 submissions now read configurator data straight from the sanitized $_POST payload instead of CF7’s posted data, fixing hidden fields that were dropped on submit.
Fix: 3D model, texture and environment map loads now set crossOrigin: 'anonymous' on their loaders, so they no longer fail silently when assets is served from a CDN on a different origin.
Fix: An empty field group in the editor’s settings panel no longer renders as an unusable blank panel.
Fix: Long values in the downloadable summary and PDF invoice no longer get clipped by white-space: nowrap.
Security: The wp3dconf_create_configurator and wp3dconf_save_configurator AJAX endpoints skipped nonce verification entirely when no nonce was sent; the check is now mandatory.
Security: Added the missing current_user_can() capability checks to the create, save, save-as-draft, duplicate, export, invoice-download, settings-save, license and deactivation-feedback AJAX endpoints.
Security: The settings-save AJAX endpoint accepted any option name; it is now limited to this plugin’s own wp3dconf_ options and requires manage_options.
Security: Module save payloads are now sanitized by Module_Base before reaching each module’s save().
Improvement: Critical and per-configurator inline CSS now goes out through wp_add_inline_style() instead of hand-printed <style> tags.
Fix: The quote invoice endpoints moved to their own class, loaded only while the Get a Quote module is enabled.
Fix: Skin critical CSS is enqueued on wp_enqueue_scripts again, so it reaches the document head instead of the footer.
Fix: The downloadable configuration summary no longer nests one <style> element inside another.
Improvement: Localized editor data is now exposed as wp3dconfData / wp3dconfEditorData on the editor’s own script handle instead of data / editorData on jQuery’s.
Improvement: Updated Dompdf to 3.1.6, Emogrifier to 8.2.0 and Alpine.js to 3.17.2.
Fix: Saving settings no longer emits a PHP warning for layout-only field rows.
Fix: Select, radio and checkbox custom fields showed a zero price in the configurator summary; each line now shows its option’s price, matching the total.
Fix: A checkbox custom field that mixes sale and regular-priced options now totals correctly, in the configurator and in the cart.
Fix: Free options in the cart, order, quote email and PDF showed a formatted zero instead of the Empty Remove Text (“Included” by default, Settings -> Text Strings).
Improvement: Configurator details in the WooCommerce cart, checkout, Mini-Cart and order screens are easier to read – option names in bold, custom values in italics, and sale prices shown with the regular price struck through, including in the Cart and Checkout blocks.

1.3.3 2026-09-02

New: Mesh swapping feature added.
New: Background processing added while importing a configurator, so large imports no longer block the browser.
New: Background processing added while creating a configurator from a demo template.

1.3.2 2026-07-31

New: Conditional Logic module added – build rules in the editor that show, hide, enable, disable, select, deselect, or open/close layers based on other option selections.
New: Share functionality added – customers can share their current configuration via a link, or directly to Facebook, LinkedIn, Pinterest, Instagram, and TikTok.
Improvement: Modules now share a common Module_Base abstract class for editor/frontend asset enqueuing, data payloads, and save handling.
Improvement: Editor and frontend module bundles now share a common vendor chunk, reducing duplicate code across module bundles.
Dev – Added Module_Base::register() so add-on modules can register themselves without editing core module files.
Dev – Added wp3dconf/editor/layer_types filter for modules to register custom layer types.
Dev – Added wp3dconf/editor/global_settings_controls filter for modules to contribute global settings.
Dev – Added wp3dconf/frontend/stored_value and wp3dconf/frontend/retrieved_value filters so modules can round-trip their own data through the shareable-link payload.
Dev – Added wp3dconf/modules/files filter so add-on modules can register their main class file with Modules.

1.3.1 2026-06-26

Fix: Get a Quote and Contact Form 7 is not submitting.
Fix: WP Configurator Pro plugin raises an error while activate this plugin.
Fix: Download canvas preview image is not working if it is loaded from woocommerce blocks.

1.3.0 2026-06-11

Improvement: WordPress 7.0 compatibility added.
New – Download summary as PDF feature added.
New – Download canvas preview as image feature added.

1.2.0 2026-05-22

New – Swap Visibility feature added.
Fix – 3D Model not render after importing a configurator.
Fix – Stale GLB file is stored in attachment urls.
Fix – Unwanted order meta keys hide in the WooCommerce order details front end display.
Fix – Slug not updated, when changed a post title.
Dev – JS Frontend: Added wp3dconf/frontend/afterModelLoaded action.
Dev – JS Frontend: Added wp3dconf/frontend/summary/layerCustomData filter.
Dev – JS Editor: Added registerComponent callback added to register a custom modules.

1.1.0 2026-05-14

New – Advance 3D controls added (Rendering, Lighting, Camera, and Scene).
New – Room environment support added in the frontend.
Dev – JS Frontend: Added wp3dconf/frontend/modelLoaded action.

1.0.0 2026-05-08

Info – Initial release.
New – GLB model upload and 3D viewer with rotate and zoom support.
New – Visual drag-and-drop layer editor with Group, Sub Group, and Option layers.
New – Three option action types: Swap Material, Swap Texture, and Adjust Material.
New – Four control types per group: Label, Icon, Color, and Text.
New – Active Layers setting to pre-select options on page load.
New – Required and Multiple selection settings per group.
New – Base price and per-option pricing with real-time total.
New – Keyboard shortcuts in the editor (Ctrl+Z, Ctrl+Y, Ctrl+S, G, H, O, Delete).
New – Undo and redo history in the editor.
New – WooCommerce module with cart integration, order meta, and thumbnail replacement.
New – Get a Quote module with customer and admin email notifications.
New – Quote submissions stored as posts with full configuration data.
New – Configurable email templates with mail tags: {summary}, {customer_name}, {customer_email}.
New – PDF invoice generation via Dompdf.
New – Duplicate configurator with a single click.
New – Import and export configurators as JSON or ZIP.
New – Image URL remapping on import.
New – Currency settings: symbol, position, separators, and decimal places.
New – Text Strings setting to customize all frontend labels without code.
New – Custom CSS and Custom JavaScript fields in Global Settings.
New – Modules system: unused modules load no scripts or hooks.
New – Status page with WordPress and server environment details.
New – Debug log with download option.
New – Email log tracking all outgoing plugin emails.
New – Onboarding screen on first activation.
New – Translation ready with .pot file. Compatible with Loco Translate, Polylang, and WPML.
Dev – JS Frontend: Added wp3dconf/frontend/storeInitialized action.
Dev – JS Frontend: Added wp3dconf/frontend/data/initialized action. Params: { store }.
Dev – JS Frontend: Added wp3dconf/frontend/layer/activated action. Params: { uid, layer, store }.
Dev – JS Frontend: Added wp3dconf/frontend/layer/deactivated action. Params: { uid, layer, store }.
Dev – JS Frontend: Added wp3dconf/frontend/data/priceUpdated action. Params: { store }.
Dev – JS Frontend: Added wp3dconf/frontend/canvas/apply action. Params: { uid, layer, targetMeshes, customData, store }.
Dev – JS Frontend: Added wp3dconf/frontend/price/layer filter. Params: total, { uid, layer, store }.
Dev – JS Editor: Added wp3dconf/editor/model-loaded action. Params: { store, store3D }.
Dev – JS Editor: Added wp3dconf/editor/configurator-saved action. Params: { store }.
Dev – JS Editor: Added wp3dconf/editor/layer-inserted action. Params: { store, layer, parent }.
Dev – JS Editor: Added wp3dconf/editor/layer-added action. Params: { store, layer }.
Dev – JS Editor: Added wp3dconf/editor/layer-deleted action. Params: { store, layer, parent }.
Dev – JS Editor: Added wp3dconf/editor/layer-duplicated action. Params: { store, layer, parent, newLayer }.
Dev – JS Editor: Added wp3dconf/editor/layer-reordered action. Params: { store }.
Dev – JS Editor: Added wp3dconf/editor/configurator-data filter. Params: formData, { store }.
Dev – JS Editor: Added wp3dconf/editor/layer-classes filter. Params: classes, { store }.
Dev – PHP Editor: Added wp3dconf/editor/after_enqueue action. Fires after editor scripts are enqueued.
Dev – PHP Frontend: Added wp3dconf/frontend/after_enqueue action. Fires after frontend scripts are enqueued.
Dev – PHP Frontend: Added wp3dconf/frontend/controls/before_control_icon action. Params: $uid, $skin.
Dev – PHP Frontend: Added wp3dconf/frontend/controls/after_control_icon action. Params: $uid, $skin.
Dev – PHP Frontend: Added wp3dconf/frontend/controls/before_control_item action. Params: $layer, $skin.
Dev – PHP Frontend: Added wp3dconf/frontend/controls/before_control_item_inner action. Params: $layer, $skin.
Dev – PHP Frontend: Added wp3dconf/frontend/controls/layer_{type}_html action. Params: $layer, $skin.
Dev – PHP Frontend: Added wp3dconf/frontend/controls/after_control_item_inner action. Params: $layer, $skin.
Dev – PHP Frontend: Added wp3dconf/frontend/controls/before_group_html action. Params: $skin.
Dev – PHP Frontend: Added wp3dconf/frontend/controls/after_group_html action. Params: $skin.
Dev – PHP Frontend: Added wp3dconf/frontend/controls/before_inner_html action. Params: $skin.
Dev – PHP Frontend: Added wp3dconf/frontend/controls/after_inner_html action. Params: $skin.
Dev – PHP Frontend: Added wp3dconf/frontend/controls/before_html action. Params: $skin.
Dev – PHP Frontend: Added wp3dconf/frontend/controls/after_html action. Params: $skin.
Dev – PHP Frontend: Added wp3dconf/frontend/form/hidden_fields action. Params: $skin.
Dev – PHP Frontend: Added wp3dconf/frontend/before_skin_display action. Params: $skin_instance, $post_id.
Dev – PHP Frontend: Added wp3dconf/frontend/after_skin_display action. Params: $skin_instance, $post_id.
Dev – PHP Frontend: Added wp3dconf/register_skins action. Hook for registering custom skins.