Chamevo Multistep Product Configurator

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

• Set up the multistep configurator
• Add the Chamevo visual customizer

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

1. Install and activate the plugin
2. Edit a WooCommerce variable product
3. Enable the configurator in the Chamevo MSPC panel
4. Pick a layout style and assign attributes to your steps
5. 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

Automatic Installation

1. Log in to your WordPress dashboard
2. Navigate to Plugins > Add New
3. Search for “Chamevo Multistep Product Configurator”
4. Click “Install Now” and then “Activate”

Manual Installation

1. Download the plugin zip file
2. Log in to your WordPress dashboard
3. Navigate to Plugins > Add New > Upload Plugin
4. Choose the downloaded zip file and click “Install Now”
5. Activate the plugin through the ‘Plugins’ menu

Alternative Manual Installation

1. Download and extract the plugin zip file
2. Upload the chamevo-multistep-product-configurator folder to the /wp-content/plugins/ directory
3. Activate the plugin through the ‘Plugins’ menu in WordPress

Configuration

1. Go to WooCommerce > Products
2. Edit or create a variable product
3. Scroll to the “Chamevo Multistep Product Configurator” meta box
4. Enable the configurator and set up your steps
5. Assign attributes to each step
6. Save the product

For a full walkthrough, see the setup guide.

1. 

   Front end: a multistep configurator with the Chamevo visual product customizer embedded as a configuration step.

2. 

   Front end: Tabs layout - product attributes split into clean, tabbed steps.

3. 

   Front end: Steps layout - guided, step-by-step attribute selection.

4. 

   Admin: the Chamevo MSPC panel on the product-data tab, with Layout, Placement, Behavior, and Chamevo Modules options.

5. 

   Admin: per-attribute image and graphic options used for the configurator thumbnails.

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’.