MKL Product Configurator for WooCommerce - 2D & 3D Live Preview
| 开发者 |
mklacroix
marcusig |
|---|---|
| 更新时间 | 2026年11月4日 15:45 |
| 捐献地址: | 去捐款 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.1 |
| 版权: | GPLv2+ |
| 版权网址: | 版权信息 |
标签
下载
2.1.0
1.0.2
1.2.12
1.2.38
1.2.11
1.2.24
1.2.54
1.7.6
1.2.39
1.2.42
1.2.43
1.2.22
1.2.25
1.2.40
1.2.44
1.2.46
1.2.47
1.2.56
1.2.49
1.2.57
1.2.45
1.2.55
1.2.48
1.2.59
1.3.1
1.3.3
1.3.4
1.3.5
1.3.6
1.3.7
1.0.8
1.1.0
1.3.2
1.3.8
1.5.2
1.5.3
1.5.6
1.0.10
1.0.9
1.2.8
1.2.29
1.2.37
1.2.5
1.2.6
1.2.7
1.2.9
1.4.0
1.5.10
1.5.11
1.5.12
1.5.13
1.5.5
1.0.5
1.0.6
1.1.1
1.2.10
1.2.14
1.2.17
1.2.2
1.2.20
1.2.21
1.2.23
1.2.27
1.2.28
1.2.3
1.2.30
1.2.32
1.2.35
1.2.53
1.3.0
1.3.11
1.3.9
1.4.1
1.4.2
1.4.3
1.4.4
1.5.0
1.6.1
1.2.16
1.2.41
1.6.6
1.7.0
1.7.1
1.7.2
1.0.7
1.1.2
1.2.26
1.2.51
1.6.4
1.6.5
1.5.8
1.0.1
1.2.0
1.2.1
1.2.15
1.2.18
1.2.31
1.2.33
1.2.34
1.2.4
1.2.52
1.2.58
1.5.1
1.6.0
1.6.2
1.7.3
1.0.0
1.0.4
1.5.7
1.5.9
1.6.3
1.7.4
2.0.0
2.0.1
1.0.3
1.2.13
1.2.19
1.2.50
1.3.10
1.7.5
详情介绍:
Product Configurator for WooCommerce turns any WooCommerce product into an interactive product builder. Every option a customer picks updates a live preview, so they see exactly what they are buying before they add it to the cart — in 2D or in 3D.
- 2D product configurator – Stack transparent image layers exported from Photoshop, 3D renders or product photography, across several views (front, side, back…).
- 3D product configurator – Upload a glTF / GLB model and let customers rotate, zoom and configure it in real time: show or hide parts, swap materials and colors, move components.
- Bikes, bicycles and other vehicles
- Furniture, sofas and lighting
- Custom jewelry and watches
- Clothing, shoes and accessories
- Electronics, computers and simulators
- Industrial, B2B and made-to-order products
- Any product you sell in many combinations
安装:
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
- 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
- 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
屏幕截图:
常见问题:
I just found the plugin, how do I use the configurator?
Watch the get started video on Youtube: [youtube https://www.youtube.com/watch?v=G29aEMy-PwY] Not enough? Ask your questions on the support forum
Can I use 3D models? Which formats are supported?
Yes. Set the product's Configurator type to "3D configurator" and upload a glTF model, as a .glb file, a .gltf file, or a .zip containing the .gltf file and its textures. Models compressed with Draco or Meshopt, and KTX2 textures, are supported through options in the settings.
The parts customers can configure must be separate, named objects in the model: choices are linked to those objects by name, and can show, hide or move them, or change their material.
Do I still need product variations?
No. A single product with a configurator replaces the variations and the images for every combination: customers pick their options and the preview is built from your layers or your 3D model. Prices, stock and SKUs per option are available with the Extra Price and Linked Products & Stock Management add-ons. Variable products are supported too, if you need them: their variations can share one configurator or each have their own.
Can several products share the same configurator?
Yes, with global configurators. Build a configurator once under Product Configurator > Global configurators, or turn an existing product's configurator into a global one, then assign it to products or to whole product categories. A change made to a global configurator applies to every product using it, and any product can be detached with "Make local copy". To share only part of a configurator, such as a fabric range, make a layer global and import it into other products.
Can customers request a quote instead of buying?
Yes. Enable quote requests in Product Configurator > Settings, and a "Request a quote" button appears next to Add to cart, or instead of it for products you only sell on quote. Customers send their configuration with a short form; you receive it by email and, if you choose, in a list in the admin where you price it and send the quote. Customers then accept and pay online, decline, or ask for a change. Requests can also be created as WooCommerce orders, and the configurator stays compatible with quote plugins such as YITH WooCommerce Request a Quote.
Can I change a customer's configuration after they ordered?
Yes, while WooCommerce lets the order be edited (pending payment, on hold, or a quote): each configured line gets an "Edit the configuration" button, and "Add a configured product" adds a new one. The price is recalculated, and an order note records the change.
Does it work with my theme or page builder?
Yes. By default the configurator opens from a "Configure" button that replaces the Add to cart button, which works with any WooCommerce theme. To embed the configurator in the product page, or anywhere else, use the [mkl_configurator] and [mkl_configurator_button] shortcodes in a block theme template, Elementor, Divi or any other page builder.
The configurator's look comes from its own themes, which you can pick and adjust in the settings and the WordPress Customizer.
Can customers see the product in augmented reality?
Yes, with the 3D Premium add-on. Customers on a phone or tablet get a "View in your space" button that places the product, as they configured it, in their room through the camera. It uses AR Quick Look on iPhone and iPad, and WebXR in Chrome on ARCore Android devices. The site must be served over HTTPS.
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: [vimeo https://vimeo.com/333705073]
Which open source libraries does the plugin use?
The product configurator plugin uses other Open Source libraries:
- PixiJS
- Three.js
- tippy and popper.js
- html2canvas.js
- download.js by dandavis
- Intervention/Image
- Blender.org UI icons
- WordPress Gutenberg icons
更新日志:
2.1.0 - 04/Nov/2026
- FEATURE: Request a quote: customers request a quote for their configuration, with a form you can customize
- FEATURE: Quote requests sent by email only, kept in Product Configurator > Quote requests, or created as WooCommerce orders
- FEATURE: "Quote only" or no quote requests, per product
- FEATURE: Quote request screen: edit the configuration, price and send the quote, link a customer account, see the history
- FEATURE: Create quote requests for your customers from the admin
- FEATURE: Customer page and My account tab to follow quote requests, with "Find my requests" for lost links
- FEATURE: Customers accept and pay, decline, or ask for a change to a quote
- FEATURE: Edit the configuration of order lines, and add configured products to orders, from the admin
- FEATURE: "Edit configuration" link in the Cart and Checkout blocks
- TWEAK: 3D views: one "Camera target" setting replaces the target object and camera focus settings
- TWEAK: 3D views set to "Use the camera exactly as saved" no longer move when choices change
- FIX: The first 3D view was framed on hidden variants of the model
- DEV: Quote request REST API,
PC.fe.quoteandmkl_pc_create_quote_request() - DEV: Hooks for quote requests (
mkl_pc/quote_request/…) and for configuring orders (mkl_pc/configuration_editor/…)
- FEATURE: 3D views: added a "Visible objects" option to "Camera target (model)". The view turns around and frames the whole product as the customer has configured it, and follows along when a choice adds or removes a part. New views use it by default; the empty option, now labelled "Saved camera target", still turns around the point saved with the view
- TWEAK: Removed option
Bothin settingConfiguration meta data - TWEAK: A 3D view that fits its target may now start further out than the maximum zoom distance, so it always shows the whole target, on narrow screens too. The customer can zoom back out as far as the view started, but no further
- TWEAK: 3D settings > Saved views: "Set current view to selected angle" is now "Save current view", next to a new "Back to saved view" button that shows the selected view again as customers see it. The preview names the view on show, its framing and camera target, and whether the camera has moved since
- TWEAK: Added 3D Premium to the Add-ons tab, and the documentation links now point to docs.wc-product-configurator.com
- DEV: Added the filter
mkl_pc_3d_routed_extensions, to change which file types are stored in the configurator_assets/3D folder - FIX: Only Block related Add to cart button (Other add to cart buttons would be disabled on the page, if they were inside a form.cart element)
- FIX: A 3D view with a "Camera target (model)" but no object or camera focus turned around the point saved with the view, often the floor or the origin, so the product sat off-centre. It now turns around and frames that model, or everything shown while the model is not part of the configuration
- FIX: A 3D view set to fit its target could crop the thin end of a part, such as the end of a tube, past the edge of the view. The fit now always includes the outermost points of every part
- FIX: 3D models are no longer clipped when they are much larger or smaller than a few metres, such as a model exported from Fusion 360 in millimetres. The camera's visible depth range now follows the model's size and distance, on the product page, in cart and quote images, and in the admin preview
- FIX: 3D models loaded asynchronously, or moved into place by an anchor, now cast the fake ground shadow. The shadow only covered the models loaded at start-up
- FIX: Variable products in "Variations share the same layers, choices are set per variation" mode: each variation's conditional logic is read from and saved to the variation again, as before 2.0.0. Every variation used the parent's conditions, usually none, so the layers they hide were all shown and added to the cart, and the variation's Conditional settings were empty
- FIX: Same mode: the data migration now completes for every variation. A variation's configurator asked for the migration again after each save, and once the parent was migrated, a variation not yet saved since the update showed no choices, in the editor and on the product page. It now shows its existing choices until it is saved, gets the migration notice, and is only offered "Delete legacy data" once its migration has been verified
- FIX: Clicking the configure button again while the configurator's data is still loading no longer throws "Cannot read properties of null (reading 'open')", and a load that failed can be retried with another click
- FIX: The "Start product's configurator" button in the Configurator tab is only shown when variations share the same configuration. When they don't, each variation is configured from its own row in Variations
- FIX: Editing several variations: the Save button now appears in the second variation's configurator, which updated the first variation's hidden one. Each variation keeps its own unsaved choices and conditions when its configurator is closed, to be saved when it is opened again, and no longer opens another variation with them marked as changed. Unsaved layer edits are no longer lost when another variation's configurator is opened
- FIX: 3D models and environment maps (glb, gltf, bin, hdr and exr files) are stored in the configurator_assets/3D folder from every uploader, including "Select new model", the HDRI picker and Media > Add New. They went to the dated upload folders unless they were uploaded from the two model pickers. "Select new model" now opens the model picker, which only accepts models and ZIP files containing one
- FIX: Upgrading to 2.0 stored the "Enable Draco compression support" default in a form the settings page shows as unchecked, so the next save of the settings turned Draco off. The same applied to "Show the selected label in the layer header", "Automatically scroll to the top of the opened layer", "Show Edit configuration link in the cart and checkout" and "Show view configuration link in the order details", set by earlier upgrades. Updating to 2.0.1 stores all of them as checked, on stores that have not saved their settings since
- FIX: Updating to 2.0.1 clears the cached configurations, so the variation fixes above reach the product page without saving each product again
- FEATURE: 3D configurator. Set a product's Configurator type to "3D configurator" to configure a glTF / GLB model: layers and choices are bound to named objects in the model, and show, hide, move or change the material of them. The scene supports HDRI and cubemap environments, six light types, eager or lazy model loading, and a camera position per view, which can be imported from the model's own cameras. Customers can rotate and zoom the model, including with the keyboard, and the cart, orders and quotes show a screenshot of the configured model
- FEATURE: Global layers. Turn any layer into a global layer with "Make Global", then import it into other products with "Import global layer". Products link to the shared layer, so a change made once with "Edit original" reaches every product using it, and "Disconnect from global layer" turns it back into a local layer on one product. Global layers are listed under Product Configurator > Global Layers
- FEATURE: Global configurators. A product's Configurator source can now be Local or Global: products set to Global share one configurator, stored under Product Configurator > Global configurators, so a change applies to all of them at once. Create one from scratch or with "Turn into global configurator", assign it per product or by product category (subcategories included), and use "Make local copy" to detach a single product
- FEATURE: Added a "Configuration meta data" setting, to store the configuration as one meta per layer instead of a single meta holding every choice. Individual metas are plain text, so exports, invoices and ERP integrations can read them without parsing markup
- THEME: New EV theme, with automatic angle switch on scroll
- PERFORMANCE: Added performance settings, grouping the caching, asynchronous loading and GZIP options in a new Performance section with two new options. "Only render the images the configurator is showing" keeps one image per layer in the viewer instead of one per choice, which makes large configurations lighter and angle changes faster (on for new installs, off for existing stores). "Clear cached configurations when a page cache is cleared" makes the purge triggered by WP Rocket, LiteSpeed Cache and WP-Optimize optional: it stays on, and turning it off avoids rebuilding every configuration at once when the page cache is cold
- TWEAK: The classic cart and checkout list one row per layer when the configuration is stored individually, to match the cart and checkout blocks
- DEV: Added
mkl_pc_get_configuration_meta_mode()and the filtermkl_pc/configuration_meta_mode, to set the mode per product - DEV: Added the filters
mkl_pc/order_created/individual_meta/key,mkl_pc/order_created/individual_meta/valueandmkl_pc/order_created/individual_meta/keep_html - FIX: Cart items, orders and quotes now render the configuration image that was saved with them, instead of resolving it against the product's current configurator data. Editing a configurator no longer changes or breaks the image of configurations placed before the edit - including edits that renumber layer or choice IDs, such as turning a layer into a global one. The current data is still used as the fallback, for configurations saved without an image and for images that have since been deleted
- DEV: Added
MKL\PC\Choice::$source,set_source()andis_stored(), to tell a configuration restored from a cart item, an order or a quote from one being configured right now - FIX: Cart items, orders and quotes keep the layer and choice names they were saved with, instead of re-reading them from the product. Renaming a layer or a choice no longer rewrites configurations placed before the rename, and layers whose IDs changed no longer render as blank rows
- FIX: On multilingual sites, the saved layer and choice names are only used in the language the customer configured in. The admin now sees an order placed in another language with the product's own names, instead of the customer's translation: the order's Configuration is rebuilt in the admin's language - on the order page and in the admin emails TranslatePress sends in the admin's language, such as New order - while the customer's order pages and emails keep the one saved at checkout
- FIX: The same applies to the individual layer metas: they are displayed in the admin's language on the order page and in admin emails. Orders keep a hidden
_configurator_individual_metamap of which layer each meta was made from - DEV: The configurator saves the language with each choice (
lang), and addedMKL\PC\Choice::saved_in_current_language()and the filtermkl_pc/choice/saved_in_current_language - FIX: Configurations now save the order their layers are composited in, so the stacking of the configuration image survives the product's layers being reordered. Configurations saved before this update keep the order the configurator saved them in, rather than having their layers scattered through the stack
- DEV: Added
MKL\PC\Choice::get_saved_image_id(),get_saved()andget_image_order(), and the filtersmkl_pc/choice/image_id,mkl_pc/choice/source,mkl_pc/choice/saved_valueandmkl_pc/choice/verify_saved_image - DEV: Added
MKL\PC\Utils::sort_layers_for_merging(), replacing the three copies of the private_order_images()comparator, and the JS filterPC.fe.save_data.parse_choices.image_order
- SECURITY: Prevent PHP object injection via configurator data — reject non-JSON saves and do not unserialize objects on read
- TWEAK: Improve Mobile CSS in the theme Clean, reducing animations to improve performance
- TWEAK: Delay automatic close of choices after selection, to reduce simultaneous layout changes
- TWEAK: Fix inconsistent styling for the summary in Float, when using steps
- FIX: Prevent empty/broken media library entries when configuration image generation fails; reuse existing attachments when the file already exists
- COMPAT: Restore configuration when accepting a YITH Request a Quote order (Premium)
- FIX: Configuration item data in WooCommerce cart and checkout blocks
- TWEAK: Improved cart block detection (Store API, plain permalinks)
- TWEAK: Include nonce when loading configurator data asynchronously
- TWEAK: Hide internal configurator meta from order item displays
- TWEAK: Choice thumbnail alt text includes layer and choice names
- TWEAK: Clarify disable caching setting when Stock Management add-on is active
- DEV: Added hooks for Addon Manager (
mkl_pc_addons_tab_before,mkl_pc_addon_card_actions,mkl_pc_addons_catalog) - DEV: Added
Frontend_Cart::restore_configuration_cart_item_data_from_order_item()andhas_configuration_data()
- SECURITY: Restrict configurator data AJAX access to published products; non-published products require edit capability and a valid nonce
- FEATURE: Setting to reset the configuration and quantity after Ajax add to cart
- TWEAK: Double check JSON decode
- FIX: Settings sanitizing braking setting containing link
- FIX: missing echo in screen reader text
- DEV: added function mkl_pc_get_configuration_price
- DEV: added PHP filter 'mkl_pc/reset_configurator_on_ajax_add_to_cart'
- DEV: added JS filter 'PC.fe.reset.on.ajax_add_to_cart'
- DEV: added JS action 'PC.fe.reset_after_ajax_add_to_cart'
- UPGRADE: Upgraded Pixi to current version (v8)
- FIX: "Add to cart" language domain (removed context string)
- FIX: Add style attribute to kses_basic_inline_html
- TWEAK: Fix add to cart validation (Validate before the item is added to the cart)
- DEV: Include security classes for rate limiting and token generation
- DEV: added JS action 'PC.fe.add_to_cart.append_ajax_request_body'
- DEV: added JS action 'PC.fe.add_to_cart.ajax_request_finally'