WooCommerce Product Configurator

When a product has several colors, materials, or other options, shoppers may need a clear view of how their choices fit together. WooCommerce Product Configurator layers images over a base product image and updates the preview as customers select attributes. Stores can use it to present personalized products such as clothing or furniture, giving shoppers a visual reference while they configure an item.

Store owners set up configurations from the WordPress product edit screen, using PNG or WebP images for product layers. Conditional logic can show particular layers for selected attribute combinations, and default layer options can set the initial preview. The plugin also tracks stock for individual attribute options and displays a customized product thumbnail in the mini-cart and WooCommerce order screens. Its mobile layout uses dropdown selectors.

Features

• Live product preview: Customers see a product image update as they select options, with chosen image layers displayed over the base product image.
• PNG and WebP layers: Create visual product options using layered image assets in PNG or WebP formats.
• Conditional image layers: Set image layers to appear for specific combinations of product attributes, supporting products with multiple configurable options.
• Option stock tracking: Manage stock levels for individual product attribute options from the product edit screen.
• Customized cart thumbnail: Show a thumbnail of the configured product in the mini-cart and WooCommerce order screens.
• Mobile dropdown selectors: Give mobile shoppers dropdown selectors for choosing product options while configuring an item.

Best for

• Clothing stores with customizable products
• Furniture shops with configurable options
• WooCommerce stores selling personalized goods