Website Building » WooCommerce » How do I add swatches to WooCommerce?

How do I add swatches to WooCommerce?

Last updated on September 24, 2022 @ 10:29 pm

Adding swatches to WooCommerce is simple. First, you’ll need to add a new product type.

In the WooCommerce product types panel, click on the Add New Product Type button. In the Add New Product Type window, enter Swatch in the Name field, and click on the OK button.

Next, you’ll need to add a new product. In the WooCommerce product page, click on the Add Product button.

PRO TIP: If you are adding swatches to WooCommerce, be sure to add the appropriate product image for each color swatch. Otherwise, your products will not display correctly on your website.

In the Add Product window, enter Swatch in the Product Name field, and click on the Add button.

Now, you’ll need to add a swatch file to your WooCommerce store. To add a swatch file, click on the Upload Product File button, and select the swatch file you want to add to your WooCommerce store.

Finally, you’ll need to add the swatch to your product’s description. To do this, click on the Edit Product Details button, and enter the swatch’s description in the Product Description field.

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.