WooCommerce Variation Swatches

WooCommerce Variation Swatches - woocommerce variation swatches plugin

Our WooCommerce Variation Swatches plugin transforms variation select dropdowns into stunning swatches. It allows you to display variation options as colors, images, labels, and buttons. This is a powerful and easy-to-use WooCommerce extension for your online store.

Our plugin allows you to display swatches for all of your product attributes, including color, size, material, and more. Swatches are visual representations of your product variations. It helps your customers to see and select the appropriate option.

This is a complete solution that enhances your store in multiple ways:

  • Creates an attractive and professional design for variable products
  • Makes product selection faster and more intuitive for your customers
  • Displays variation options directly on shop and archive pages
  • Supports single color, multicolor, image, and button swatches
  • Works seamlessly with most WordPress WooCommerce themes
  • Boosts your store’s conversion rate by improving user experience

You can change the appearance of variation swatches by selecting different styles and sizes. The plugin seamlessly integrates with WordPress Customizer, allowing you to preview changes in real-time. You can create swatches for global product attributes and apply them to multiple products. Also, you can customize attribute swatches for each product as needed.

Let’s explore powerful features to transform your WooCommerce product variations.

Automatic Swatches Conversion

Our WooCommerce Variation Swatches plugin includes smart automation that makes setup and management effortless. The plugin automatically converts your existing product variations into beautiful swatches, no more manual work.

Automatic Swatches Conversion

Auto-Convert Dropdowns into Image Swatches

Transforms your default dropdown menus into image swatches automatically. It uses product variation images to create the swatches, so you don’t have to do any extra work. This automatic conversion ensures consistency across your entire product catalog.

Auto-Convert Default Dropdowns into Button Swatches

The plugin automatically converts all variation dropdowns to button swatches by default. It creates a consistent and professional look throughout your store. Right after you activate the plugin. If you want to restore the default dropdown, you just need to disable this option.

Select Remaining Options Automatically

Select Remaining Options Automatically

When a customer selects an option that limits other choices, the plugin automatically selects the remaining available variations. For example, if the chosen color has only one size left, the plugin will select that size automatically. This feature can help reduce clicks and streamline the purchase process.

Shop Page Enhancement with Variation Swatches

Transform your WooCommerce shop and archive pages into powerful sales tools. Our plugin brings variation selection directly to your product listings, creating an engaging shopping experience that drives conversions.

WooCommerce Variation Swatches on Shop Page

Display Variation Swatches on Shop Page

Improving the design and conversion rate of your product catalog pages. With this plugin, you can show variation swatches directly on shop, category, and archive pages. Customers can view and select product variations without visiting single product pages. You can also choose to show swatches of simple products if they have attributes you have chosen.

Update Product Thumbnail Image on Shop Pages

Update Product Thumbnail Image on Shop Pages

Product images update instantly based on swatch selection right on the shop page. When a customer selects a color or size variation, the product thumbnail changes to match their choice. This visual feedback helps customers make confident purchase decisions faster.

Limit the Number of Swatches to Display on Shop Pages

Limit the Number of Swatches to Display on Shop Pages

Set a limit on the number of visible swatches, and more options appear in an expandable section. You can specify the maximum number of variation swatches to display. The plugin will include a “+more” link for products with more swatches to show.

Purchase Product Variations on Shop Pages

Purchase Product Variations on Shop Pages

Enable direct purchasing from shop and archive pages. Customers can select their preferred variations and add products to cart without loading additional pages. This streamlined process significantly reduces cart abandonment and increases conversion rates.

Fully Control Variation Swatches Display

Take complete control over swatch presentation on shop pages. Customize swatch sizes, enable informative tooltips, and position of variation swatches. You can select to show one main attribute or display all available options.

Support Quick View Modals of Plugins and Themes

All swatch features will work seamlessly in most of quick-view modals. This plugin supports both theme built-in quick view and popular quick view plugins. Customers enjoy the same smooth variation selection experience without leaving their current page.

Improve product page presentation with swatches

This WooCommerce Variation Swatches plugin supports different swatch types. In addition to color and image swatches, you can also use other types such as multicolor, label, and button swatches.

Single Color Swatches

Single Color Swatches

Create color swatches that perfectly represent your products. Our plugin supports both single and dual-color displays, ideal for patterns and multi-colored items. Design sophisticated swatches that showcase complex color combinations with precision.

Dual Color and Multicolor Swatches

Dual Color and Multicolor Swatches

With our plugin, you can easily create swatches that display multiple colors at once. Perfect for items like multi-colored shirts, patterned dresses, or gradient designs. Just pick the colors you want, and the plugin will display them in a split swatch.

Image swatches / photo swatches for variable products

Image Swatches for Variable Products

Use image swatches to show exact patterns, textures, and designs. Each swatch loads optimally to maintain fast page performance while delivering perfect visual representation.

Label Swatches and Button Swatches

Label Swatches and Button Swatches

Present size, material, and other options with clarity using our label and button swatches. Match your store’s design perfectly with full styling control. This plugin also lets you maintain dropdown selectors for specific attributes while using swatches for others.

Disable Out-of-Stock Swatches

Disable Out-of-Stock Swatches

You can disable out-of-stock swatches but keep them visible on your product or archive pages. It helps prevent customer confusion and frustration.

Hide or Blur Invalid Swatches

Hide or Blur Invalid Swatches

Hiding invalid swatches is essential for a streamlined user experience. Invalid swatches are the ones that do not match the current selection of the other attributes. This feature helps avoid confusing your customers with unavailable options and improves your conversion rate.

Update Product Image With Fewer Selections

By default, WooCommerce updates the variable product image when all attributes are selected. It causes confusion for many customers. This plugin can update the product image as soon as customers select the key product attribute, like Color.

Configure Swatches for Global Attributes and Custom Attributes

You can create and display swatches for global product attributes and custom attributes. With global attributes, you can configure swatches once and use them across multiple products. If your products use custom attributes, you can configure swatches for them in the product editor.

Enable Tooltips for Swatches

Tooltips can provide extra information without cluttering the product layout. When customers hover over a swatch, they see helpful details about the variation.

Customize the Appearance and Behavior of Swatches

You can customize the appearance and behavior of your swatches, such as shape and size. Choose between circle, rounded corners, or square shapes. Adjust swatch sizes globally or individually.

Fully Integrated with WooCommerce

Never mess up your admin area with additional menus. This WooCommerce Variation Swatches plugin works smoothly with any updates from WooCommmerce. You can use the plugin without worrying about your website’s performance.

Seamless WooCommerce Integration

Our plugin integrates perfectly with core WooCommerce features and automatically supports most WooCommerce plugins. Fully compatible with multilingual plugins like WPML and Polylang ensures your international stores work flawlessly.

Seamless Integrated with Themes and Easy to Customize

You can use the plugin with most WordPress themes, and it will work flawlessly. Theme developers can customize swatch behavior and appearance to create perfect theme integration. Built-in hooks and filters allow theme developers to extend features and designs of swatches with no limit.

Performance Optimized

Maintain lightning-fast store performance with our lightweight code. The plugin minimizes its impact through optimized resource loading and efficient processing. SEO-friendly markup and accessibility features ensure your store reaches every customer effectively.

Complete Documentation and Premium Support

Comprehensive Documentation

We’ve created clear, detailed documentation that makes setting up and using WooCommerce Variation Swatches simple and straightforward. You’ll find practical examples and step-by-step instructions for every feature, from basic setup to advanced customizations. Our team updates the documentation with each new release, adding fresh content and improvements based on user feedback.

Quick and Reliable Support

We understand how critical plugin support is for your business. Our dedicated support team consists of WooCommerce experts who know the plugin inside and out. When you need assistance, we’re here to help with fast, professional support that gets your store running perfectly. Most support tickets receive a response within 24 hours, ensuring minimal disruption to your business operations.

Regular Updates and Improvements

We continuously update our plugin to ensure compatibility with the latest versions of WordPress and WooCommerce. Our development team actively monitors performance, security, and user feedback to make regular improvements. You can trust that your store is running on a well-maintained, future-proof solution.

Compare the Free and Pro versions of WooCommerce Variation Swatches

Pro versionFree version
Auto-convert variation dropdowns to buttons
Auto-convert variation dropdowns to image swatches
Support color swatches
Support dual-color / multi-color swatches
Support image swatches
Support button swatches
Control swatches shape
Control swatches size
Config global swatches
Show selected attribute name
Disable invalid swatches
Disable out-of-stock swatches
Swatches tooltip
Show swatches of an attribute on the shop page
Show swatches of all attributes on the shop page
Swatches tooltip on the shop page
Limit swatches to show on the shop page
Control the size of swatches on the shop page
Update the product image on the shop page
Update the main image on the product page with single click
Auto-select remaining variation options

WooCommerce Variation Swatches is the ultimate solution for creating and displaying swatches for your WooCommerce products. It will help you to improve your store’s designincrease your conversion ratereduce your bounce rate, and improve your customer satisfaction.


FAQs

Most frequent questions about WooCommerce Variation Swatches

Does this plugin offer a free version? How do I get it?

Yes, this plugin offers a free version that you can download from the WordPress.org repository. To get the free version, you can follow these steps:

  • Go to the Plugins > Add New section of your WordPress dashboard and search for WCBoost – Variation Swatches.
  • Click on the Install Now button and then activate the plugin.

Please note that the free version has some limitations compared to the pro version, such as the ability to display swatches on the shop pages.

Will this plugin work with my theme?

Yes, this plugin will work with your theme. You can also change the shape, size, style, and effect of the swatches to suit your theme’s design and layout.

Can I keep using this plugin if I don’t renew my license?

Yes, you can keep using this plugin if you don’t renew your license. The plugin will still work and you can use all the features and options that you have purchased. However, you won’t get any updates and support after the license expires. This means that you may miss out on new features, bug fixes, security patches, and compatibility with the latest versions of WordPress and WooCommerce.

Can I get a refund if I change my mind?

Yes, you can get a refund if you change your mind about a purchase. According to the refund policy of the plugin, you can request a refund within 30 days of your purchase date if you are not satisfied with the plugin or if it does not work as expected.

From $39.00 / year

Choose your plan

30 Days Money-back Guarantee

  • Version 1.1.1
  • Last Updated 3 months ago
  • Active installs 40,000+
  • PHP 7.0+
  • WordPress 4.5+
  • WooCommerce 3.5+

Choose your license

You don't want to pay yearly? Get the lifetime license.