Product Configurator for WooCommerce


The Product Configurator for WooCommerce allows you to use layers to produce instant visuals for your customers.

Give your customers a great experience, and make your life easy: no need to create many product variations with their images.

Instead, export your layers from Photoshop, a 3D render, or any other source, and allow the user to configure their product using those.

Basic demo

Inline demo

Basic demo with all addons

You can report bugs or suggestions on the github repository or the support forum.

Available shortcodes

  • Configure button: [mkl_configurator_button product_id=1 classes="button primary"] or [mkl_configurator_button product_id=1 classes=”button primary”]Button name[/mkl_configurator_button]
  • Inline configurator: [mkl_configurator product_id=1 classes="container-class something-else"]


  • Choose between different themes, or create your own (developer friendly)
  • Change selected colors using the theme Customizer (Appearance > Customize)

Premium addons

This plugin comes without limitations. But if you need more functionalities, look at the available addons:

  • Extra Price – Add an extra cost to any of the choices you offer in your configurable products.
  • Save your design – Get your customers engaged by enabling them to save the design they’ve made.
  • Variable products – Use the product configurator with variable products.
  • Multiple choices – Enables multiple choices per layer Ideal for a product’s options, or when having several individual options.
  • Stock management / Linked product – Manage the stocks on a choice basis, or link a choice to a product in the shop.
  • Conditional logic – Manage the stocks on a choice basis, or link a choice to a product in the shop.
  • Form fields – Create forms to collect data associated to your configurable products.
  • For custom needs, contact me here


  • WooCommerce product settings
  • Editing a configuration - home screen
  • Editing a configuration - Layers screen
  • Editing a configuration - Contents screen
  • Editing a configuration - Contents screen editing
  • Frontend default: replaces the Add to cart button by a "Configure" button
  • Frontend: configuring a product
  • Frontend: configuring a product
  • Frontend: configuration in the cart
  • Backend: configuration in the order
  • General plugin settings


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

Using the WordPress dashboard

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

Uploading in WordPress Dashboard

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

Using FTP

  1. Download the latest version of this plugin from
  2. Unzip the zip file, which will extract the wp-optimize directory to your computer
  3. Upload the wp-optimize directory to the /wp-content/plugins/ directory in your web space
  4. Activate the plugin in the Plugin dashboard


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:


January 1, 2022
Great offer considering free characteristics
November 13, 2021
Thanks for the great plugin. Everything works as it should!
October 3, 2021
I had been looking for a production configurator for months and was on my way to give up until I found this plugin. Very generous that the baser is offered for free. Worked great, and I even updated with the two add-ons. Very simple to set up with some support help, easy to navigate, maintain, and it works perfectly beautiful on my website. Even got a few things costumed from support and more to come. You don't have to look further, this product configurator plugin is the best on the market, and you always get super quick response and immediate support. Thanks for hard work putting together this plugin. I highly recommend the plugin, the quality, price and Marc's ongoing costumed development.
June 10, 2021
Really great plugin with a perfect thought trough structure. I can highly recommend the add-ons! Also the support is really fast and helpful. He took himself much time to help me optimize my Configuration.
June 5, 2021
I don't usually leave reviews because I don't have the time, but I wanted to say how great this plugin is and that Marc's (the developer) customer service is really fantastic. I had to purchase 3 add ons to make it work for my site, but it's a small price to pay for a great plugin that will transform my customer experience. 🙂
March 16, 2021
This plugin is a awesome free plugin and worked better then paid ones for me. Also a big shout out to the creator Marc, he helps alot with questions and tries to give best service. Very much appreciated.
Read all 19 reviews

Contributors & Developers

“Product Configurator for WooCommerce” is open source software. The following people have contributed to this plugin.


“Product Configurator for WooCommerce” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “Product Configurator for WooCommerce” into your language.

Interested in development?

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


1.2.24 – 19/Jan/2022

  • NEW THEME: Introducing the new Clean theme
  • FEATURE: Added display modes for the layers: Small color, Dropdown
  • TWEAK: Possibility to add image to checkout and email when not already added by the theme or an other plugin

1.2.23 – 14/Jan/2022

  • TWEAK: Fix language namespace on missing string
  • TWEAK: Add action in the reset button
  • TWEAK: Prevent potential error when using Price Based on Country Lite
  • TWEAK: Allow clicking on links in the layer header description
  • TWEAK: Add an error when no choice is selectable for a layer. E.g. when all the choices in a layer are out of stock

1.2.22 – 23/Dec/2021

  • FEATURE: Added an import/export feature
  • TWEAK: Better compatibility with WPML
  • TWEAK: Added weglot no-translate attribute on JS templates
  • TWEAK: Check if the open_configurator is in the URL using JS
  • TWEAK: Added Price Based on Country round to nearest for extra prices
  • TWEAK: Don’t show the configure button if the product isn’t purchasable

1.2.21 – 15/Dec/2021

  • FEATURE: Possibility to edit the configuration from the cart
  • TWEAK: Set price to 0 if was not found
  • TWEAK: Compatibility with Weglot
  • TWEAK: Prevent lazy loading on the generated images in the order
  • TWEAK: Better compatibility between variable products and the conditional logic add-on

1.2.20 – 29/Nov/2021

  • FEATURE: Added a reset button (go to Settings > Product configurator to enable it)
  • FEATURE: Added a tool to find missing images after a product import.
  • TWEAK: Moved the price in the HTML instead of the JSON data, to improve compatibility with multi currency shops
  • TWEAK: UI tweak: add sections in the choice settings

1.2.19 – 18/Nov/2021

  • FEATURE: Possibility to select any choice by default
  • FEATURE: Added 2 SKU modes: individual (one SKU per selected choice) and compound (One SKU made of all the choices)
  • TWEAK: Add compatibility with Porto’s quantity input
  • FIX: Conditional logic compatibility: ignore selected items if they are in a hidden group when adding them to the cart
  • FIX: Fix multiple choice and conditional logic compatibility
  • FIX: Add to cart issue on some themes missing the class ‘single_add_to_cart_button’

1.2.18 – 01/Oct/2021

  • FEATURE: Possibility to display the thumbnail of the selected item instead of the layer icon
  • TWEAK: Possibility to close the layers on desktop as well as mobile
  • TWEAK: Added filter mkl_pc_do_not_override_images – Filters whether or not to override the images using the ID and the image size specified in the settings. Returning True will use the URL saved in the database, allowing for example to bulk edit URLs without worrying about the attachment ID.
  • TWEAK: Improve TranslatePress compatibility

1.2.17 – 17/Sep/2021

  • FIX: Re-disable ajax_add_to_cart feature, which was commented by mistake in the previous release
  • FIX: Reset the default active choice in JS as well as PHP

1.2.16 – 27/Jul/2021

  • FEATURE: Possibility to use HTML [instead of / with] images
  • TWEAK: Load generated images asynchronously
  • TWEAK: Translate the Selected choice
  • TWEAK: Various multi-currency tweaks
  • TWEAK: Added various filters and tweaks
  • TWEAK: Add compatibility with “Yith Added to cart popup”
  • TWEAK: Refactor configuration display in the order

1.2.15 – 09/Jun/2021

  • TWEAK: Admin – Possibility to select and delete several items at a time, using ctrl or shift + click
  • TWEAK: Tweak admin z-index for compatibility with Divi
  • TWEAK: Do not Gzip content on LiteSpeed servers
  • TWEAK: Prevent Required field error to be shown when a layer is hidden by conditional logic action

1.2.14 – 17/May/2021

  • FIX: Error in compatibility with Price Based on Country
  • TWEAK: Enqueue PIXIjs

1.2.13 – 10/May/2021

  • NEW THEME: Introducing the new H theme
  • TWEAK: Compatibility with Price Based on Country
  • TWEAK: Compatibility with GTranslate Premium
  • TWEAK: Make sure the existing thumbnail is fetched
  • TWEAK: Fix close button position on some themes
  • TWEAK: Fix image order in the cart

1.2.12 – 7/Apr/2021

  • TWEAK: Layer and choice names to support basic HTML
  • TWEAK: Only use cached configuration when a user is not admin
  • FIX: Fix header styling in several themes on mobile devices

1.2.11 – 7/Apr/2021

  • FIX: Duplicating layers kept the link between the images
  • FIX: Reordering images didn’t always work as expected

1.2.10 – 5/Apr/2021

  • FEATURE: Possibility to duplicate layers and content
  • FEATURE: Possibility to make a layer selection mendatory
  • TWEAK: Show configuration image in order email and admin
  • TWEAK: Added the possibility to specify the tag of the “Configure” button when using the shortcode: use tag="link" or tag="a" to use a link instead of a button.
  • FIX: Fix memory leak when adding choices in the admin

1.2.9 – 17/Mar/2021

  • FIX: Enabling groups in a choice re-renders the choices list in the admin
  • TWEAK: Cache purge required after update

1.2.8 – 17/Mar/2021

  • FEATURE: Added the possibility to enter custom HTML for layers defined as “not a choice”
  • FEATURE: Added the possibility to order the images and menu items separately
  • COMPAT: Added compatibility with Quotes for WooCommerce
  • TWEAK: Added a setting to change the location of the Configure button
  • TWEAK: Indicate when images are loading
  • TWEAK: Add the ability to not use the tooltip for the description, but instead always show it.
  • TWEAK: Added the possibility to change angle depending on the active layer / choice

1.2.7 – 02/Feb/2021

  • FEATURE: Added the possibility to group choices
  • FEATURE: The plugin is now multilingual: added compatibility with WPML and Polylang
  • FEATURE: Multi currency: Added compatibility with WooCommerce Currency Selector (WOOCS), WCML, Aelia currency switcher
  • TWEAK: Added the missing add-ons in the settings
  • TWEAK: Added layer admin label, to facilitate conditional logic usage

1.2.6 – 12/Jan/2021

  • FEATURE: Added controls to the theme customizer to change selected colors and background image
  • FEATURE: Load configuration when pressing on the cart link
  • TWEAK: Add compatibility for multiple choice limits

1.2.5 – 29/Dec/2020

  • TWEAK: Prevent error when no choice is available

1.2.4 – 18/Dec/2020

  • TWEAK: Improve Dark Mode theme mobile styling
  • TWEAK: Add a new setting, to close the choices when selecting one on mobile
  • TWEAK: Add more hooks

1.2.3 – 30/Nov/2020

  • FIX: Fixed cache purge function
  • TWEAK: Add the possibility to close the configurator when pressing “add to cart”. Useful when using ajax to submit the form.

1.2.1 – 7/Nov/2020

  • TWEAK: Fix custom theme registration system
  • TWEAK: Fix padding in WSB theme

1.2.0 – 6/Nov/2020

  • FEATURE: Added the possibility to display the description in the layer or choice buttons.
  • FEATURE: Added themes – you can now choose between 4 designs for your configurator (the default and 3 new themes)!
  • FEATURE: Added an “inline” configurator shortcode.
  • TWEAK: Possibility to add html classes to the choices

1.1.2 – 1/Oct/2020

  • FIX: Fixed data issue
  • TWEAK: Possibility to add a custom html class for each layer
  • TWEAK: Show configuration image in the cart / checkout
  • TWEAK: Better multisite support
  • TWEAK: Better error handling when saving the product’s data
  • TWEAK: Show the product’s price in the modal
  • TWEAK: Use hooks in sidebar template

1.1.1 – 04/Sep/2020

  • Fix multiple choice select in the admin

1.1.0 – 02/Sep/2020

  • FEATURE: Added shortcode, enabling to configure a product from anywhere.
  • TWEAK: Compatibility with wp.hooks included in WP core
  • TWEAK: Better cache handling (added the ability to manually clear the cache from the settings, and regenerate when saving the product)

1.0.10 – 31/July/2020

  • TWEAK: Added a setting to customize the label of the “Configure” button
  • TWEAK: Prevent JS error when no choice is set for a layer

1.0.9 – 15/July/2020

  • TWEAK: Tweak mobile design
  • TWEAK: Fix keyboard event on layer inputs
  • TWEAK: Ability to remove images
  • TWEAK: Add links to support and reviews

1.0.8 – 05/July/2020

  • TWEAK: Fix angles not changing
  • TWEAK: Fix JS error

1.0.7 – 04/July/2020

  • TWEAK: Fix JS error in admin

1.0.6 – 03/July/2020

  • TWEAK: Refactor layer settings to be filterable
  • TWEAK: Refactor choices to allow multiple choices addon
  • TWEAK: Display all the images to allow transitioning between two
  • TWEAK: Code cleanup

1.0.5 – 10/June/2020

  • TWEAK: Each product now uses a unique key when enqueuing the data

1.0.3 – 08/April/2020

  • FIX: Fix saving issue when just adding an item
  • TWEAK: Fix activation on multisite

1.0.2 – 25/March/2020

  • TWEAK: Add addons tab

1.0.1 – 23/March/2020

  • FIX: Change path where product configuration cache is saved to avoid blocked access