Description
Turn the variation dropdowns on your WooCommerce variable products into a guided, step-by-step configurator. Instead of one long list of options, customers move through clear steps, choosing color, size, material, and more, with an image thumbnail for every choice. The result is a smoother buying experience, especially on mobile, where 70 to 80% of shoppers browse.
It works with the variable products and attributes you already have. No rebuild, no new product type.
Live demos
- Multistep configurator (hoodie) – product attributes split into guided steps
- With the Chamevo visual customizer (sneaker) – customers design the product inside the same flow
Key features
- Four layout styles to match any store: Steps, Tabs, Accordion, and Vertical Steps
- Image thumbnails for every attribute option, so customers see what they pick
- Built on your existing WooCommerce attributes and variations, with nothing to migrate
- Mobile-first and responsive out of the box
- Per-product control to enable the configurator only where it belongs
- Shortcode and placement hooks for precise positioning on the product page
- WooCommerce HPOS (High-Performance Order Storage) compatible
Add a visual product customizer with Chamevo
This plugin includes a native bridge to Chamevo, the visual product customizer trusted by 20,000+ stores in 40+ countries. Connect your store to let customers design products inside the same multistep flow, and add:
- A drag-and-drop visual product customizer embedded as a configuration step
- 3D visualization that can lift conversion rates by up to 30%
- AI tools for background removal, upscaling, and image generation
- Print-ready file exports (PDF, PNG, SVG) with custom bleed zones, so there is no manual file fixing before production
- Workflow automation that reduces manual production work by up to 80%
Start a 14-day free trial, no credit card required, or see how the WooCommerce integration works.
Documentation
Perfect for
- Custom product builders and made-to-order items
- Configurable products with several attributes
- Apparel, drinkware, phone cases, signs, and other personalized products
- Any variable product that needs a guided selection process
How it works
- Install and activate the plugin
- Edit a WooCommerce variable product
- Enable the configurator in the Chamevo MSPC panel
- Pick a layout style and assign attributes to your steps
- Customers see a guided, step-by-step interface on the product page
Requirements
- WordPress 5.6 or higher
- WooCommerce 6.0 or higher
- PHP 7.4 or higher
Captures d’écran
Installation
Automatic Installation
- Log in to your WordPress dashboard
- Navigate to Plugins > Add New
- Search for « Chamevo Multistep Product Configurator »
- Click « Install Now » and then « Activate »
Manual Installation
- Download the plugin zip file
- Log in to your WordPress dashboard
- Navigate to Plugins > Add New > Upload Plugin
- Choose the downloaded zip file and click « Install Now »
- Activate the plugin through the ‘Plugins’ menu
Alternative Manual Installation
- Download and extract the plugin zip file
- Upload the
chamevo-multistep-product-configuratorfolder to the/wp-content/plugins/directory - Activate the plugin through the ‘Plugins’ menu in WordPress
Configuration
- Go to WooCommerce > Products
- Edit or create a variable product
- Scroll to the « Chamevo Multistep Product Configurator » meta box
- Enable the configurator and set up your steps
- Assign attributes to each step
- Save the product
For a full walkthrough, see the setup guide.
FAQ
-
Does this plugin work with WooCommerce?
-
Yes. It is built for WooCommerce and requires WooCommerce to be installed and active.
-
Can I use this with simple products?
-
No. The configurator works with variable products that have attributes and variations set up in WooCommerce.
-
How many steps can I create?
-
As many as you need. Each attribute can become its own step.
-
Is the plugin responsive?
-
Yes. The multistep configurator is mobile-first and works across devices.
-
Can customers add their own text and artwork to a product?
-
Attribute-based configuration is built in. For full visual personalization, such as adding text, uploading artwork, previewing in 3D, and generating print-ready files, connect Chamevo. See the integration guide.
-
Do I get print-ready files for production?
-
Print-ready exports (PDF, PNG, SVG) with custom bleed zones come with Chamevo. Start a free trial to enable them.
-
Where can I find documentation?
-
Start with the setup guide and the Chamevo customizer guide.
Avis
Il n’y a aucun avis sur cette extension.
Contributeurs & développeurs
« Chamevo Multistep Product Configurator » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.
Contributeurs
Traduisez « Chamevo Multistep Product Configurator » dans votre langue.
Le développement vous intéresse ?
Parcourir le code, consulter le SVN dépôt, ou s’inscrire au journal de développement par RSS.
Historique des changements
1.0.0
Initial release under the Chamevo brand (formerly Multistep Product Configurator).
- Added: native chamevo-js integration via the <cv-customizer> web component (cvReady / cvProductCreate events, chamevo.canvas.addElement()).
- Added: [chamevo_module type= »… »] shortcode support and the chamevo_before_product_designer / chamevo_after_product_designer placement hooks.
- Added: Chamevo Modules subsection on the product-data tab for inserting customizer modules (Products, Graphics, Text, Designs, Manage Layers, Text Layers, Layouts, My Designs, Save / Load, Names & Numbers) as extra tabs.
- Added: one-shot migration that renames legacy keys (chamevo_mspc_variation_fpd_params_* -> chamevo_params, chamevo_mspc_fpd_modules -> chamevo_mspc_modules, before/after_fancy_product_designer module positions -> *_chamevo_designer).
- Added: WooCommerce HPOS (High-Performance Order Storage) compatibility declaration.
- Added: expanded plugin header (Plugin URI, Requires at least, Requires PHP, Tested up to, WC requires at least, WC tested up to).
- Added: class-level and file-level DocBlocks across every PHP file, plus @param / @return annotations.
- Changed: full rebrand of text domain, capability, plugin slug, asset folders, CSS classes, JS bundle, and admin labels to chamevo-multistep-product-configurator / chamevo_mspc_* / chamevo-mspc-*.
- Changed: product-data tab UX overhaul with four sections (Layout, Behavior, Placement, Chamevo Modules) on a two-column responsive grid and inline-checkbox Behavior row.
- Changed: clarified labels (Module -> Layout Style, Module Position -> Configurator Position, Product Image -> Product Gallery, Under MSPC -> Under Configurator) and help-tip icons on every dropdown.
- Changed: head_handler() rewritten with apply_product_image_placement() / apply_module_position() lookup tables instead of long else-if chains.
- Changed: WPCS sweep — strict / Yoda comparisons across the codebase.
- Changed: all asset enqueues now ship a version param so updates bust the browser cache.
- Removed: Fancy Product Designer integration and the legacy [fpd_module] shortcode / fpd_before_product_designer / fpd_after_product_designer hooks.
- Removed: stray var_dump(« test ») debug call from the shortcode handler.
- Fixed: the Chamevo graphic-options modal now opens correctly (preserves the mspc-set-fpd-params / mspc-fpd-params DOM ids while the form name switches to chamevo_mspc_chamevo_params).
- Fixed: chamevo_mspc_not_empty() uses strict equality so boolean false is no longer treated as the literal string ‘0’.