Step 1<\/h2>\nInstall and Customize Image Variations Swatches for WooCommmerce Plugin<\/h3>\n
Variation Swatches for WooCommerce plugin is free and available in the WordPress repository. You need to install and activate this plugin first.<\/p>\n
- \n
- From your WordPress dashboard go to Plugins<\/li>\n
- Click on Add New<\/li>\n
- Search Variations Swatches for WooCommmerce<\/strong><\/li>\n
- Click on Install and then Activate<\/li>\n<\/ul>\n
![\"add](\"https:\/\/www.templatesell.com\/blog\/wp-content\/uploads\/2020\/02\/add-new-plugin-variations.png\")
<\/p>\nNow, the plugin is successfully installed and activated.<\/p>\n
Step 2<\/h2>\n
After the plugin gets activated, you need to add the attributes.<\/p>\n
- \n
- From Products tab on your admin dashboard, go to Attributes<\/li>\n
- Name the Attribute<\/li>\n
- Select type Image( If you don’t want to add the image, you can go with color or button)<\/li>\n
- Finally, click on Add Attributes to add it.<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/www.templatesell.com\/blog\/wp-content\/uploads\/2020\/02\/add-attributes.png\")
<\/p>\nOnce after you added the attributes, click on Configure terms\u00a0<\/strong>from the attributes list to create product variations. Next, After clicking on \u201cConfigure Terms\u201d you can add as many sizes or edit, delete the old terms.<\/p>\n
![\"\"](\"https:\/\/www.templatesell.com\/blog\/wp-content\/uploads\/2020\/02\/configuring-terms.png\")
<\/p>\nStep 3<\/h2>\n
Once all the sizes are added, now we will need to create a variable product. To add the variable product go to Products > Add New<\/strong> on the admin dashboard. After that, add the product name, its description and Change the product data to \u201cVariable Product<\/strong>\u201d.<\/p>\n
![\"\"](\"https:\/\/www.templatesell.com\/blog\/wp-content\/uploads\/2020\/02\/variable-products.png\")
<\/p>\nNext, Click on Attributes and then select \u201cSIZE\u201d as this is the attribute we created and we are adding its variations and price and click on the \u201cAdd\u201d button.<\/p>\n
![\"\"](\"https:\/\/www.templatesell.com\/blog\/wp-content\/uploads\/2020\/02\/attributes.png\")
<\/p>\nAfter that, Select the sizes for the product, Check \u201cUsed for Variations<\/strong>\u201d and then click on \u201cSave Attributes<\/strong>\u201d.<\/p>\n
After that click on \u201cVariations\u201d and then Select \u201cCreate Variations from all attributes\u201d and then click on the \u201cGo\u201d button. The screenshot is attached to the next page.<\/p>\n
![\"\"](\"https:\/\/www.templatesell.com\/blog\/wp-content\/uploads\/2020\/02\/add-swatches.png\")
<\/p>\nOnce the go button is clicked the variations will be added. But the price for the product for each variation hasn\u2019t been added yet. So we will need to add the price. For that click on the expand icon.<\/p>\n
After that add the price for that variation. Also, do the same for all the variations. Once all the variations and prices are added click on the \u201cSave Changes\u201d button below.<\/p>\n
Now we have completed adding product and its variations and price for each variation so we are ready to publish this post. For that click on the \u201cPublish\u201d icon on the top right.<\/p>\n
Conclusion<\/h2>\n
We believe that you are now successful to add the image variation swatches in WooCommerce Product. If you have any confusion, please comment us below. We love to provide you the support that you need while using this plugin.<\/p>\n
- Click on Install and then Activate<\/li>\n<\/ul>\n