Product Configurator for WooCommerce

Description

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"]

Themes

  • 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

Screenshots

  • 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

Installation

There are 3 different ways to install this plugin, as with any other wordpress.org 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 https://wordpress.org/plugins/
  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

FAQ

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:

Reviews

mai 11, 2022
This is by far the best Product Configurator Plugin. Why? Let me explain. 1- It's truly free. There are some Product Configurator Plugins that you have to pay for. Even if they have a free version, their options are so limited, so you will end up paying for the complete plugin. But this plugin is truly free. I know there are addons that you have to pay for, but the free version have just more than enough options to fit most of the cases. 2- Addons are cheap. In the case the free version is not enough for you, buying addons will still make this plugin cheaper than any other. 3- Support is fast (and still free!), even faster than premium plugins support I've dealed with. 4- Fully customizable. There are different skins (yes, also free), and they can all be customized using the Customizer, so no CSS skills are required (but you can use them, haha) 5- Easy to use, for both customers and webmasters. I've tried a lot of Product Configuration Plugins last years, and each of them has a different backend configuration. This one is one of the most organizated, easy one. Also, it's not a impressive, slow javascript based configurator. It's a great, simply and quick configurator. We don't need fancyness, we need useness. 6- This plugin ask you if you are sure you want to exit when yo try to exit the backend configurator without saving the changes. It also ask you if you are sure to delete the layer. This could sound like a silly thing, but I have tried dozens of Product Configurators and none of them have this features and you cannot imagine how much work we have lost for an accidental click on the wrong spot. I want to marry this feature. 7- I've been trying Product Configurators for years just to find the best for our customer, which have high expectations (really high, trust me) and this is the only plugin that fits perfectly his needs. This point is 'number 1' for me, but I could understand that my customer is not relevant for anybody else, that's why this is 'number 7'. So... if you came to this review asking your self if this is the plugin you need for your project, the answer is YES. Great plugin, great support, great savings. That's all and everything.
mars 18, 2022
I installed and tested the base version of the plugin to see how functional it was, and let me just tell you, it's great! After deciding that this plugin is what I'd want to use for the site I was working with, I went and bought some of the addons to further increase the features that it could offer. However because I was a bit too hasty, I accidentally wrote in the wrong email address and therefore couldn't recieve my login information nor a password reset! I contacted support and within (and I kid you not) 30 minutes I got a response and we had it fixed within 45 minutes TOTAL. A+ For the support. Now for a slight downside: As a developer myself, it would've been nice to have a few more styling options for a bit more basic image setup. My client didn't have 40-50 different images to use as a buildup as it does on the demo, but we still wanted to be able to see each individual choice in the preview. I had to custom style the images to show up at specific places and such, the normal styling, but it was made a bit more tedious by the lack of structure on the preview window. I get that my usecase may be a tad specific, but it would be nice to see the plugin updated to also support non-layered images. Perhaps a settings option to choose between layered pictures and block view? TL;DR: Great plugin. It's beautiful, it has great base themes to fit most color schemes and styles. Great customization in the settings and the addons are spot on and not too pricey. There's a slight lack of "custom styling" support due to the structuring of the preview window's HTML code, but it's not so bad that it's impossible to work with.
mars 9, 2022
Plugin works better then all my competition. Thats a first plus point. Now the plugin is not super customizable at first, but the author is a real hero and he helps you with all the custom CSS. Super support! Pricing of addons is very much worth it. Will be buying more soon.
mars 8, 2022
J'ai acheté plusieurs plugins sur le site du développeur et eu besoin d'aide, un simple mail et immédiatement tout était réglé. L'assistance de rêve, un système magique et un rendu extraordinaire. Expérience parfaite. Merci encore pour votre travail.
februar 16, 2022
If you are looking for an Product Configurator/designer - this is it! We hare been looking after expensive plug-ins, and other solutions. But this works great if you need a plug-in that works easy for your customer and for yourself. The support is best. You get help so fast, and they are willing to make changes - just for you. If you need any custom CSS codes - you get it! Thanks for all and the great plug-in!
Read all 26 reviews

Contributors & Developers

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

Contributors

“Product Configurator for WooCommerce” has been translated into 2 locales. 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.

Changelog

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 WooCommerce’s Ajax add to cart
  • TWEAK: Force HTTPS for configuration file when the site URL is misconfigured
  • TWEAK: Woocommerce Add To Quote plugin – close configurator if the setting is enabled
  • FIX: Prevent saving the configuration image over and over again when it’s made of only one existing image

1.2.30 – 5/Apr/2022

  • FIX: Conditional logic compatibility (admin ux issue)

1.2.29 – 30/Mar/2022

  • FEATURE: Added the possibility to group layers
  • TWEAK: Added a setting to allow deselecting choices on a per layer basis
  • TWEAK: Resize images when using the method to generate on the fly.
  • TWEAK: Possibility to nest groups
  • TWEAK: Updated composer dependencies
  • FIX: Editing a group’s title doesn’t break the group’s layout in the admin

1.2.28 – 3/Mar/2022

  • TWEAK: Fix SKU display in cart
  • TWEAK: Fix order meta formatting
  • TWEAK: Possibility to hide a layer in the cart / order while still using it in the configurator
  • TWEAK: Possibility to hide a layer in the cart / order if a specific choice is selected

1.2.27 – 15/Feb/2022

  • TWEAK: Possibility to disable toggling of the layers on the theme WSB (show the contents of all layers).
  • FIX: Height of the layers on mobile, on the theme Clean

1.2.26 – 7/Feb/2022

  • FIX: add to cart button not displaying when embeding the shortcode

1.2.25 – 7/Feb/2022

  • COMPAT: Added compatibility with Addify “Request a Quote for WooCommerce”
  • TWEAK: Change toJSON method to avoid conflicts
  • TWEAK: Compatibility with the theme Savoy: plus and minus buttons change quantity
  • TWEAK: Fix image order in the order (it was fixed in the cart previously)
  • TWEAK: H theme styling tweaks and fixes
  • TWEAK: Remove limit in get_configurable_products request
  • TWEAK: Fix missing dependency in the newly added Clean theme

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