WooCommerce Product Configurator

Products with many options are hard to sell from a plain dropdown list. Shoppers cannot picture the result, and store owners deal with questions and mistaken orders. This plugin places each chosen attribute as an image layer on top of the base product image, directly on the product page. Customers get a clear preview of the finished item, from clothing to furniture, before they click purchase.

Setup happens on the familiar WordPress product edit screen. You upload layered images in PNG or WebP format, set default layers, and use conditional logic to show specific layers for certain attribute combinations. Stock can be tracked for each attribute option, and a thumbnail of the customized product appears in the cart and in WooCommerce order screens. The layout is responsive for mobile devices.

Features

• Live visual product preview: Customers choose options on the product page and watch image layers stack over the base product image in real time, giving a clear view of the final result.
• PNG and WebP layer support: Build configurators from layered image assets in PNG or WebP format, so each option appears as a crisp visual on top of the main product image.
• Conditional logic for layers: Show specific image layers depending on which attribute combinations are selected, which suits complex products with many interacting options.
• Stock tracking per attribute: Manage stock levels for each attribute option from the product edit screen, so inventory stays current and customers see accurate availability.
• Mobile-ready selectors: The configurator is responsive and uses dropdown selectors, so shoppers can customize products comfortably on phones and tablets as well as desktops.
• Mini-cart and order thumbnails: A thumbnail of the customized product shows in the cart and on WooCommerce order screens, which helps reduce order errors when processing purchases.
• Default layer options: Set default attribute images so visitors land on a product page with a starting configuration already in place to guide their choices.
• Image caching and pre-loading: Turn on image caching and layer pre-loading to keep the configurator responsive as customers switch between options on the page.

Best for

• WooCommerce stores selling customizable products
• Shops offering clothing, furniture or other multi-option items
• Agencies building product pages with Elementor or Divi