---
title: "How to Add Global Attribute Swatches"
source: "https://docs.nexcess.com/software/kadence/iconic/woocommerce-attribute-swatches/configure-global-attribute-swatches/"
description: "If you want to add swatches to your attributes store-wide or globally, then you can do so with WooCommerce Attribute Swatches. This is particularly useful if yo…"
vertical: "Software"
area: "WooCommerce Attribute Swatches"
date: "2021-03-25"
last_modified: "2026-07-02"
---

# How to Add Global Attribute Swatches

If you want to add swatches to your attributes store-wide or globally, then you can do so with WooCommerce Attribute Swatches.

This is particularly useful if you have a lot of products using the same attributes. Adding global swatches can save you a lot of time!

**So, to add global attribute swatches, take the following steps:**

1. From your WordPress dashboard, go to **Products** > **Attributes**. If you already have an attribute to use, click **Edit** on the relevant attribute and skip to step 3. If not, do the following:
2. Enter your attribute name into the **Name** field and fill out the rest of the fields.

![add attribute](https://docs.nexcess.com/wp-content/uploads/2026/06/add-attribute.jpg)

3. Then, scroll down until you see **Swatch Type**. If you select **Image Swatch** or **Color Swatch**, you’ll see a few additional fields appear: 
    - **Swatch Shape** – Choose if you want your swatches to be round or square.
    - **Swatch Size (px)** – Add a custom size for your swatches in pixles.
    - **Enable Tooltips?** – Select **Yes** if you’d like the attribute name to be displayed on hover.
    - **Show Large Preview?** – Select **Yes** if you’d like to show a larger swatch within a tooltip (only for image swatches).
    
    
    - **Show Swatch in Catalog?** – Select **Yes** if you’d like available swatches to be displayed in the catalog listing for each product. 
        - If you select **Yes**, you’ll also be able to change if you want the swatch to link to the product page, or to change the product image.
        - You’ll also be able to change how they display in the catalog (stacked, in a single line, or in a slider).
    - **Show Swatch in Filters?** – Select **Yes** if you’d like these swatches to display in the filter sidebar of your WooCommerce store.

![swatch type options](https://docs.nexcess.com/wp-content/uploads/2026/06/image-swatch-settings.jpg)

4. Once you’re happy with your settings, click the blue **Add Attribute** or **Update** button at the bottom of the page.

If you chose a visual swatch type for your attribute (color or image), you can now choose the color or image for your attribute terms.

1. From the attribute table on the **Attributes** page you’re still on, click the blue **Configure Terms** link in the **Terms** column. If you already have attribute terms, skip to step 3.

![configure terms](https://docs.nexcess.com/wp-content/uploads/2026/06/configure-terms.jpg)

2. Enter your attribute term name into the **Name** field.

3. Now you can either select your **Colour Swatch** using the color picker, or add/upload an **Image Swatch** using the **+** icon.

![add global image swatch woocommerce](https://docs.nexcess.com/wp-content/uploads/2026/06/add-image.jpg)

4. Once you’re happy with your new swatches, click the blue **Add New \[attribute name\]** or **Update** button.

![Global attribute swatch woocommerce](https://docs.nexcess.com/wp-content/uploads/2026/06/hessian.jpg)