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.

Check out the demos here

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. Perform complex price calculations in combination with the Extra price add-on.
  • 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 - Default theme
  • Frontend: configuring a product
  • Frontend: configuration in the cart
  • Backend: configuration in the order
  • General plugin settings
  • Configurator theme - Clean
  • Configurator theme - Dark mode
  • Configurator theme - Float
  • Configurator theme - H
  • Configurator theme - La Pomme
  • Configurator theme - WSB


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 product-configurator-for-woocommerce directory to your computer
  3. Upload the product-configurator-for-woocommerce 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:


18 septimber, 2023
I've tried a bunch of different paid and free plugins, this one is by far the best for me. I will add the price add-on soon. Amazing how many options the free version has. I did have to increase my php memory limit a bit, with the default 32M, uploading new images was no longer possible.
16 augustus, 2023
very nice and good configurable plugin for woocommerce products. the support is really quick and on point. The addons are a great extension and they also work without any problems.
29 maart, 2023 1 reakce
I was exploring different options for implementing a product configurator and this really hits the bullseye. The basic functionalities are great, there are options to upgrade for more fine tuned options and Mark is very quick ad addressing the questions on the forum.
Lês alle 35 resinsjes

Meiwurkers & amp; Untwikkelders

"Product Configurator for WooCommerce" is iepen boarne software. De folgjende minsken hawwe bydroegen oan dizze plugin.


"Product Configurator for WooCommerce" is oerset yn 4 lokaasjes. Tank oan de oersetters foar harren bydragen.

Oersette "Product Configurator for WooCommerce" yn jo taal.

Ynteressearre yn ûntwikkeling?

Blêdzje troch de koade , besjoch de SVN-repository , of abonnearje op it ûntwikkelingslogboek troch RSS .


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 Cutstomizer 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

1.2.59 – 31/Jan/2024

  • FIX: Ajax add to cart support, for themes and plugins using the adding_to_cart when the data is a string and not an object (e.g. Woodmart theme)

1.2.58 – 27/Jan/2024

  • TWEAK: Added warning when deleting views, and prevent deleting the last one
  • TWEAK: Updated the Format money to not systematically convert currency

1.2.57 – 29/Nov/2023

  • FEATURE: Added Supports Swatch size and number of columns on a selection of themes
  • TWEAK: Prevent potential fatal error when editing an order in the admin
  • TWEAK: Prevent zindex conflict with third party plugins in the admin
  • FIX: compatibility issue with Blocksy

1.2.56 – 2/Nov/2023

  • TWEAK: Dropdown style changes in Float
  • TWEAK: Reset angle when reseting config
  • FIX: Error in check preventing configurations to be deleted

1.2.55 – 31/Oct/2023

  • TWEAK: Fix selection not applied when a simple layer has “User can deselect a choice” enabled
  • TWEAK: Do not save more data if the layer is a group
  • TWEAK: MKL\PC\Configuration class improvements
  • Tested up to 6.4

1.2.54 – 17/Oct/2023

  • TWEAK: Fix CSS issue where colors appeared as selected in layer groups
  • TWEAK: Added compatibility with Blocksy’s +- buttons in quantity input
  • TWEAK: use minimum and maximum quantity filters for the Quantity input
  • TWEAK: Added (partial) compatibility with the cart and checkout blocks.

1.2.53 – 22/Sep/2023

  • FIX: Fix issue with multiple choice not deselecting after previous fix attempt

1.2.52 – 21/Sep/2023

  • FIX: Fix issue with multiple choice not setting properly when loading a saved configuration
  • TWEAK: compatibility with PHP 8.2
  • Compatibility with Yith Catalogue mode
  • ENHANCEMENT: When selecting multiple items in the admin, it is now possible to group the selected items, as well as reorder them
  • TWEAK: Change tooltip container to prevent overlay when scrolling
  • TWEAK: Show “Edit cart item” button on mobile (Default and Old default themes)

1.2.51 – 29/Jul/2023

  • TWEAK: Fix current_layer toggle when closing all layers
  • TWEAK: Added link to full size image in the Admin > Order (link added to the thumbnail)
  • FIX: Default label to view configuration not showing in the admin > Order

1.2.50 – 22/May/2023

  • FIX compatibility issue with variable products

1.2.49 – 20/May/2023

  • COMPATIBILITY: added basic compatibility with YITH Request a Quote for WooCommerce Premium (some features aren’t currently working, such as the configurator extra price, or adding the request to the cart)
  • TWEAK: YITH Request a Quote – display configured image in the RAQ cart

1.2.48 – 6/May/2023

  • TWEAK: Added old default theme
  • TWEAK: WPML – prevent duplicate meta on translated products, causing stale data to be used
  • TWEAK: Added the setting “In layer groups, close the siblings when opening an other layer”
  • TWEAK: CSS tweaks
  • FIX: display of group names in the cart not working as expected
  • FIX: method get_image_url sometimes returning an ID instead of an url

1.2.47 – 14/Mar/2023

  • Tested up to 6.2
  • COMPATIBILITY: added compatibility with YITH Request a Quote for WooCommerce
  • TWEAK: Send list of modified choices when saving
  • TWEAK: Added a summary view, for future use (code only, not visible in the configurator for now)
  • TWEAK: Possibility to disable GZIP compression of the configuration data

1.2.46 – 28/Feb/2023

  • FIX: Prevent fatal error when the product object isn’t found

1.2.45 – 24/Feb/2023

  • TWEAK: Various tweaks and improvements, and new hooks.
  • TWEAK: Possibility to toggle choice groups
  • TWEAK: Display angle switch option on layer groups

1.2.44 – 04/Jan/2023

  • TWEAK: Listen to the setting “Hide this layer in the menu”, to be able to toggle the layer visibility in the menu only using Conditional Logic
  • TWEAK: Added hooks in the choice-group template
  • TWEAK: Fixed weight calculation logic
  • TWEAK: Added a filter to the SKU mode, to allow changing the SKU mode per product: apply_filters( 'mkl_pc/sku_mode', $mode, $product )

1.2.43 – 05/Dec/2022

  • TWEAK: Group description CSS tweaks (default theme and Dark Mode theme)
  • TWEAK: Redesign settings page
  • TWEAK: Render selected option when Layer cshow change
  • COMPAT: Improved compatibility with TranslatePress, with the possibility to translate strings in the configurator to prevent Dynamic translation and its possible issues

1.2.42 – 30/Nov/2022

  • THEME: Added a new theme: La Pomme (demo)

1.2.41 – 15/Nov/2022

  • TWEAK: Only show image download link if the order is completed
  • TWEAK: Various tweaks, filters and JS methods added

1.2.40 – 28/Oct/2022

  • FEATURE: Possibility to swipe the viewer to change view
  • FIX: Order summary may not be displaying correctly in the admin on older orders
  • TWEAK: Possibility do display the group name in the selected item list in the configurator
  • TWEAK: Do not disable the add to cart button if the current product is not configurable

1.2.39 – 21/Oct/2022

  • REVERT: Revert change in which the order data is dynamically displayed in the admin, which made it difficult for configuration in orders to be edited
  • TWEAK: Improved error management in the front end, giving the possibility to display the error in its context (only for form fields at the moment)

1.2.38 – 20/Oct/2022

  • FIX: Issue with checkboxes in the choice settings
  • FIX: Import broke when the configuration contained conditional information and the conditional logic add-on was not installed
  • TWEAK: added action mkl_pc/wc_cart_add_item_data/adding_choice, called when a choice is added to the cart item

1.2.37 – 12/Oct/2022

  • TWEAKS: When selecting choices of layers contained in a group layer, add the selected items to the group header
  • TWEAKS: Various tweaks and fixes

1.2.36 – 27/Aug/2022

  • FEATURE: Possibility to hide a layer menu in the configurator (useful mostly together with conditional logic)
  • FEATURE: Possibility to show a group label in the cart
  • TWEAK: Fix double addition of items to the cart
  • TWEAK: Better image preloading when hovering a choice

1.2.35 – 17/Jul/2022

  • TWEAK: Added automatic scroll setting to make automatic scroll optional on WSB and Float
  • TWEAK: Fix static image classes
  • TWEAK: Fix delete configuration method
  • TWEAK: Change language logic for the cart and checkout

1.2.34 – 4/Jul/2022

  • TWEAK: Possibility to automatically open the first layer
  • TWEAK: Added labels in the settings
  • TWEAK: Added automatic scroll for WSB and Float when opening a layer
  • TWEAK: Possibility to force the add to cart form in the shortcode, to allow using a different product’s shortcode on a single product page, by adding force_form to the shortcode.
  • TWEAK: Show an error message when the configurator data is incomplete
  • TWEAK: Possibility to choose which view is used in the generated image in the cart
  • TWEAK: Increase the configurator’s z-index when using Divi
  • TWEAK: Move the inline JavaScript from the themes to their own files
  • TWEAK: Exclude the configurator scripts and dependencies from Async/Defer loading in SiteGround optimizer
  • TWEAK: Change sanitize function for name fields and translated fields to prevent duplication of postmeta when using WPML

1.2.33 – 2/Jun/2022

  • TWEAK: WPML compatibility: Sync custom fields after saving the configuration data

1.2.32 – 1/Jun/2022

  • SECURITY: Fix arbitrary file deletion vulnerability
  • TWEAK: WPML compatibility: possibility to translate the configurator settings (via WPML “String translation” section)
  • TWEAK: Fix error message not displaying in the admin
  • TWEAK: Possibily to toggle the visibility in the media library of the configuration images generated by the plugin
  • TWEAK: Do not load Intervention\Image if the server does not support it, to prevent Composer warnings

1.2.31 – 27/Apr/2022

  • FEATURE: Possibility to download an order’s configuration from the admin or My account
  • FEATURE: Possibility to open an order’s configuration from the admin or My account
  • TWEAK: Add basic compatibility with …