1. Home
  2. Docs
  3. Variation Swatches for Wo...
  4. Getting Started
  5. Installing the Variation Swatches

Installing the Variation Swatches

The Variation Swatches for WooCommerce plugin by WPFactory enhances your product pages by allowing customers to select variations using color swatches and images instead of dropdown menus. This knowledge base article guides you through the installation process.

OzpzvHlfn1YsRraKxc85uZxqskwejKSdGos pyCX rXwuwKVLbcXdrvxMgCp


Two Installation Methods

There are two ways to install the Variation Swatches for WooCommerce plugin

Method 1: Using the WordPress Plugin Directory

  • Navigate to your WordPress dashboard.
  • Go to Plugins > Add New.
  • In the search bar, type “Variation Swatches for WooCommerce” and press Enter.
  • Locate the plugin by “WPFactory” and click Install Now.
  • Once installation is complete, click Activate.

Method 2: Manual Upload

  • Download the Variation Swatches for WooCommerce plugin file from a trusted source (e.g., WPFactory website).
  • In your WordPress dashboard, navigate to Plugins > Add New.
  • Click the Upload Plugin button at the top.
  • Select the downloaded plugin zip file and click Install Now.
  • Once installation is complete, click Activate.

Basic Configuration (Optional)

After installation, the plugin works with default settings. However, you can access further configuration options to customize the appearance and behavior of the swatches;

  • Navigate to WooCommerce > Settings > Products.
  • A new tab titled “Variation Swatches” will be available.
  • Within this tab, you can define settings for:
  • Swatch style: Choose between color, image, or label swatches.
  • Swatch size & hover effect: Customize the size and appearance of the swatches on hover.
  • Tooltip options: Enable/disable tooltips and control their content.
  • Archive mode: Show swatches on product archives or only on single product pages.

By following these steps and exploring the plugin’s customization options, you can enhance your product presentation and potentially improve the user experience within your WooCommerce store.


Variation Swatches for WooCommerce – Color & Image Swatches