Descripción

Product Configurator for WooCommerce allows you to use transparent image layers to build real-time visual previews of custom products.

Give your customers an interactive experience and eliminate the need for hundreds of product variations and images. Export image layers from Photoshop, 3D renders, or other sources, and let the user assemble their product dynamically—no need for technical skills or bulky setups.

Whether you’re customizing jewelry, watches, clothing, furniture, or electronics, this plugin lets you offer flexible configuration options while keeping your store lightweight and manageable.

Easily add a product configurator to WordPress, with the plugin Product Configurator for Woo!

🎮 Check out the live demos
🛠️ Set up a sandbox with admin access

Have feedback, ideas, or found a bug? Report issues on GitHub or use the support forum.

Features

🖼️ Layered Image Rendering – Compose product previews using transparent PNG layers—no need to create images for every combination.
🔄 Multiple Views – Show multiple angles or perspectives (e.g., front, side, back) of the product.
📋 Multi-Step Configurator – Split complex product builds into multiple steps to streamline user experience.
💰 Price per Option (via add-on) – Assign additional pricing to individual options (great for premium upgrades).
📝 Form Fields (via add-on) – Let users enter text, numbers, or upload files—ideal for personalized orders.
🧮 Custom Pricing Formulas (via add-on) – Calculate advanced prices dynamically based on user input and selected options.
🔀 Conditional Logic (via add-on) – Show/hide options dynamically depending on user selections—perfect for complex logic flows.
📦 Inventory & Stock Management (via add-on) – Track inventory per option inside the configurator, or by linking to actual WooCommerce products.
🔗 Linked Products (via add-on) – Link any configurator choice to a real product in your WooCommerce shop:
- Add real components to the cart
- Track SKUs and inventory
- Support ERP/warehouse integration
- Build composite/bundled products
- Use or override linked product pricing
🔤 Live Text Overlay (via add-on) – Let customers preview custom text with your fonts and colors—ideal for engraving, embroidery, and personalization.
🧑‍💻 Developer Friendly – Includes hooks, filters, and a clean, commented codebase. Limited docs for now, but open support is available.

Shortcodes

Configurator Button:
[mkl_configurator_button product_id=1 classes=”button primary”]
Optional content:
[mkl_configurator_button product_id=1]Button text[/mkl_configurator_button]
Inline Configurator:
[mkl_configurator product_id=1 classes=”your-css-class”]

Themes

Includes several built-in high quality themes (see Screenshots)
Easily create your own theme for full control
Supports WordPress Customizer (Appearance > Customize) to change visual styles

Premium Add-ons

The core plugin is fully functional. Extend it with these premium modules:

Extra Price – Add custom pricing to options
Save Your Design – Let users save and return to their designs
Multiple Choice – Enable multi-select per layer
Linked Products & Stock Management – Link options to WooCommerce products, track inventory, sync with ERP
Conditional Logic – Dynamically show, hide, or auto-select items based on conditions
Form Fields – Add forms to collect extra input, and perform price calculations
Text Overlay – Let users preview personalized text in real time

💬 For custom development or tailored integrations, contact me here.

Capturas

Configurator theme – Le Bolide
Configurator theme – Float
Configurator theme – Dark mode
Configurator theme – La Pomme
Configurator theme – WSB
Configurator theme – Float
Frontend default: replaces the Add to cart button by a “Configure” button
Configurator theme – Default
Configurator theme – Default opened
Configurator theme – Clean
Configurator theme – H
Frontend: configuration in the cart
Backend: configuration in the order
General plugin settings
WooCommerce product settings
Editing a configuration – home screen
Editing a configuration – Layers screen
Editing a configuration – Contents screen
Editing a configuration – Contents screen editing

Instalación

There are 3 different ways to install this plugin, as with any other wordpress.org plugin.

Using the WordPress dashboard

Navigate to the ‘Add New’ in the plugins dashboard
Search for ‘Product Configurator for WooCommerce’
Click ‘Install Now’
Activate the plugin on the Plugin dashboard
Go to the FAQs and watch the “getting started” video

Uploading in WordPress Dashboard

Download the latest version of this plugin
Navigate to the ‘Add New’ in the plugins dashboard
Navigate to the ‘Upload’ area
Select the zip file (from step 1.) from your computer
Click ‘Install Now’
Activate the plugin in the Plugin dashboard

Using FTP

Download the latest version of this plugin from https://wordpress.org/plugins/
Unzip the zip file, which will extract the product-configurator-for-woocommerce directory to your computer
Upload the product-configurator-for-woocommerce directory to the /wp-content/plugins/ directory in your web space
Activate the plugin in the Plugin dashboard

Preguntas frecuentes

I just found the plugin, how do I use the configurator?

Watch the get started video on Youtube:

Not enough? Ask your questions on the support forum

How can I create a custom theme for the configurator?

Use the starter theme, which you can find on github with simple instructions to get started.

Is the product configurator compatible with WPML or Polylang?

Yes, the plugin is compatible with both, and will add localization for the layer and choice fields.

How can I optimize the layers in the configurator?

We recommend using a plugin such as WP-Optimize for all-round performance improvements:

Reseñas

hansendavis 23 de septiembre de 2025

Great plugin with great support.

chutcheson1 8 de agosto de 2025

Really like this configurator. Had some trouble in the beginning but Marc helped me through my issues. Great support from him and proactive help and advice to use some of advanced features. I am using several of the add ins including central price lookup which is important for us. We are deploying this to a group of 50 different platforms with 130 components so lots of work. Everyone likes it!

wertheimsafes 24 de junio de 2025

We highly customized Marc’s configurator plugin and are very happy with it. Definatley the best plugin for complex product configurators

bensita 28 de septiembre de 2024

I already used a lot of plugins to customize WooCommerce products and this is an amazing plugin that will help you create a great user experience, and it´s free! I think you need some addons for variable products but to be honest, this is one of the best alternatives that I know to this day.

audiosteps 15 de agosto de 2024

We tried out a few plugins before. As we need it for various product categories, it was always associated with compromises. The plugin can be used with almost unlimited flexibility, especially with the add-ons, the performance is very good – also with 1000s of conditions – and the support, which we needed for the first time today, was first class – without asking whether we have premium add-ons. If you can integrate AR options in the future, it would be a dream. Thank you Marc for your great work

hazmosis 20 de mayo de 2024 1 respuesta

Did exaxtly what i needed and the support from Marc is great. He responds quickly and with either a direct fix or a workaround if I need something that not quite so ‘out of the box’

Leer todas las 41 reseñas

Colaboradores y desarrolladores

“Product Configurator for WooCommerce” es un software de código abierto. Las siguientes personas han colaborado con este plugin.

“Product Configurator for WooCommerce” ha sido traducido a 4 idiomas. Gracias a los traductores por sus contribuciones.

Traduce “Product Configurator for WooCommerce” a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN , o suscríbete al log de desarrollo por RSS .

Registro de cambios

1.5.8 – 3/Nov/2025

FIX: Choice class to initiate when calling the get method, or some data can be missing in some instances

1.5.6 – 22/Oct/2025

FIX: Check for missing dependency (accounting.js)
TWEAK: Include both color and image in choice thumbnails

1.5.5 – 13/Oct/2025

COMPATIBILITY: WooCommerce Currency Switcher (Curcy) – cache compat
FEATURE: added setting to control per layer whether to close a layer when the user makes a selection
TWEAK: Automatically wrap custom html when necessary (Layer > Custom HTML)
TWEAK: Purge configurator cache when litespeed_purged_all is triggered
TWEAK: Added JS action ‘PC.fe.configurator.summary.render’
TWEAK: Summary to use template function, allowing to add content using PHP hooks
TWEAK: Add setting Image size used when merging images
FIX: Save your design modal positioning in WSB theme on mobile
FIX: dropdown position in La Pomme and Le Bolide

1.5.3 – 16/Sep/2025

FIX: Issue with image from wrong angle used in image generation
FIX: compatibility with Quotes for WooCommerce label not working after update
TWEAK: added filter mkl_pc/display_add_to_cart_button

1.5.2 – 3/Sep/2025

PERFORMANCE: Multiple views data only included if images are present
TWEAK: possibility to re-order views without loosing the thumbnails set in choices

1.5.1 – 31/Jul/2025

TWEAK: Parse conditions on import (compatibility with latest Conditional logic add-on)
Fix: Data issue when only one choice exists in a layer
FIX: Default settings overriding selection when saving the configurator settings

1.5.0 – 15/Jul/2025

FEATURE: Added compatibility with Variable products, previously available as an add-on.
SECURITY: Prevent possible Cross Site Request Forgery, which would allow purging configuration cache if executed – credit to Nguyen Xuan Chien for the discovery
TWEAK: Set default options when first installing the plugin
TWEAK: Improved accessibility on the Frontend, for keyboard navigation and voice over.
DEV: Refactored copy / paste functionality to work with paste event instead of reading the clipboard data directly
DEV: include Button object in added_to_cart event
TWEAK: Prevent error when a parent group was deleted without removing children first

1.4.4 – 13/Jun/2025

COMPATIBILITY: prepared compatibility with upcoming text overlay add-on
COMPATIBILITY: improved compatibility with WooCommerce Wholesale pricing
TWEAK: Add color picker to Color field
TWEAK: Automatic purge with WP-Optimize and WP-Rocket purging
TWEAK: Bolide inline style tweaks
TWEAK: Float theme CSS tweaks
DEV: Add repeater field type in layer / choice settings
DEV: Add JS filter PC.fe.viewer.main_view
DEV: Add JS action PC.fe.models.layer.init
DEV: Add JS action PC.fe.angle_view.init to trigger in Conditional logic

1.4.3 – 9/May/2025

FIX: In some cases, when the configuration contains only one image, the attachment would be saved again and again. Not duplicating the file, but the post.
TWEAK: Added navigation history in the settings page, to allow staying on the same setting section when saving / refreshing

1.4.2 – 6/May/2025

FIX: Compatibility issue with Variable products, where selected data was not visible in the cart

1.4.1 – 1/May/2025

FIX: Possible Fatal error when wp_generate_attachment_metadata did not exist
TWEAK: Configuration image generation does not use transients anymore

1.4.0 – 14/Apr/2025

DEV: Added action ‘mkl_pc/yith-raq/added_product’ (Yith RAQ compatibility)
DEV: Do not use transients when saving image
DEV: Compatibility with Save your design new “Share” feature
DEV: Include updater class for access by the addons
PERFORMANCE: Attempt at reducing memory usage in cart: only load content in class when required when unserializing MKL\PC\Choice
TWEAK: Made string ‘Successfully added to cart, now redirecting…’ translatable, and added a setting to override it
TWEAK: Show weight on number and quantity fields
TWEAK: Changed setting label “Make all steps clickable…” for more clarity
FEATURE: Add view parameter to URL and shortcode

1.3.11 – 16/Feb/2025

FIX: Error when adding to the cart in some situations
TWEAK: Base styling for themes which adds +/- buttons

1.3.10 – 14/Feb/2025

BETA FEATURE: Elementor configuration fields
FIX: Compatibility with Astra and other themes with 2 cart forms on the page, which might add the product to the cart twice when using Ajax
TWEAK: load_plugin_textdomain at init instead of plugins_loaded
TWEAK: Fix issue with ajax add to cart not working on shortcodes
TWEAK: Better log when setConfig fails
TWEAK: Clean: word break on buttons
TWEAK: Summary – add choice class and form item field-id as data attribute
TWEAK: Ajax add to cart – Log error instead of alerting it

1.3.9 – 18/Nov/2024

FEATURE: Custom Ajax Add to cart
FIX: display issue in fullscreen layer with groups (Float theme)

1.3.8 – 13/Nov/2024

Tested with WP 6.7
FEATURE: Possibility to copy and paste content from one layer to an other, or to an other product
Float theme: Fix toggled display when steps are enabled
Admin – Cleanup selection when editing a different set of choices, to prevent issues when grouping / copying items
Fix out of stock label in tooltip (Float theme)

1.3.7 – 17/Oct/2024

FEATURE: Added Full screen display mode (only available in the Float theme to start with)
TWEAK: Added filter mkl_pc/wc_cart_add_item_data/choice_weight – allows changing the weight of a single choice. Used by the Form field add-on
TWEAK: Added filter mkl_pc/wc_cart_get_item_data/display_choice_image – allows disabling the choice thumbnails in the cart and checkout
TWEAK: Enable “Color hex code” field on all display modes, instead of only Color swatches

1.3.6 – 17/Jul/2024

Tested with WP 6.6
TWEAK: Choices: Do not save angle data in the choices
TWEAK: Maybe wrap custom_html when rendering the content
TWEAK: Do not limit summary usage to themes supporting steps
TWEAK: Move PC.fe.summary_item.attributes filter to Form fields addon
TWEAK: Only have weight on normal choices, not form field choices
TWEAK: [Admin] Possibility to add layers between others (Beta)
TWEAK: [Admin] render choices when duplicating items, to display in the right order
TWEAK: [Admin] tweak multiple selection
TWEAK: Fix SKU not showing if it’s set to 0
TWEAK: Add svg sprite, to have all icons in one place
TWEAK: Add JS hook PC.admin.layer_form.render
TWEAK: Fix typo in Bolide theme JS, preventing the “scroll to top” to happen when changing steps
TWEAK: Improve compatibility with YITH Request a Quote Premium – include configuration data when adding from the cart
FIX: Fix CSS issue in Dark mode, where the viewer would disappear at a certain screen size

1.3.5 – 3/Jun/2024

FIX: Performance issue in block cart compatibility
TWEAK: Fix scroll to top in Le Bolide + Steps
TWEAK: Added setting to hide layer in the summary

1.3.4 – 15/May/2024

TWEAK: Add fallback dimensions when generating the configurator image and the image size is set to 0x0
FIX: Link to edit configuration in the YITH Request a quote form to actually load the configuration
TWEAK: Added JS action ‘PC.fe.setContent.parse.before’
TWEAK: Configuration image added to the block cart
TWEAK: Multi currency: regular_price to be stored in main currency
TWEAK: Reset steps when reseting configurator
TWEAK: Do not trigger a Required error when “The user can deselect the current choice” is enabled and Required is not selected
TWEAK: Prevent Warning in image generation
FIX: Fix layer name background color on Dark mode theme

1.3.3 – 23/Apr/2024

FIX: Typo in function causing JS error in some cases

1.3.2 – 23/Apr/2024

TWEAK: Hide the layer in the summary, following the settings “Hide in cart” and “Hide in the menu”
TWEAK: Add setting “Make all steps clickable in the breadcrumb”
DEV: Added filter (JS) PC.fe.selected_choice.name, which allows overriding the name displayed
DEV: Added action (PHP) mkl-pc-configurator-choices–after, executed at the end of the choices list template
FIX: YITH add to quote not working with single quotes, needed to wp_unslash the raw data
FIX: Large color swatch label

1.3.1 – 2/Apr/2024

Tested up to 6.5
Bump minimum WordPress required version
TWEAK: Ignore groups with no selected item when adding to cart
TWEAK: Summary: Hide in configurator
TWEAK: added filter PC.fe.steps.display_breadcrumb to prevent display of breadcrumb in the steps mode
TWEAK: added filter PC.fe.steps.display_breadcrumb to prevent display of breadcrumb in the steps mode
FIX: Compatibilty with YITH Quote request, where the configurator data would not be added in some instances.

1.3.0 – 17/Feb/2024

FEATURE: Added an new theme Le Bolide
FEATURE: Added the possibility for step by step progression for a selection of configurator themes.
FEATURE: Added the possibility to change the layout in some configurator themes. Whether the number of columns or the size of color swatches.
NEW: Updated the admin UI
COMPATIBILITY: Botiga compatibility: quantity input layout, and +/- buttons
TWEAK: Generated image in the cart defaults to product image when generation fails
TWEAK: Add live preview to the Customizer options
TWEAK: Default theme is now part of the themes list
TWEAK: Removed “add to cart modal” from WSB anf Float, and changed the layout to accomodate all the content
TWEAK: Added timeout setting for admin requests
TWEAK: Ajax add to cart support, for themes and plugins using the adding_to_cart and added_to_cart events

See older changelog