How To Add Additional Variation Images In WooCommerce [Step By Step]

Share on facebook
Share on linkedin
Share on twitter

Do you want to display multiple images for each variation in your store? But, don’t know how to do that? You are at the right place, then. 

WooCommerce lets us create two types of products – Simple and Variable. Simple products are those products that have no variations. In contrast, variable products are products with many variations. An example could be a t-shirt in various colours. 

In WooCommerce, you can quickly create simple products with a few clicks. Yet, when it comes to variable products, we face the problem of limited features. It doesn’t offer us an option to add multiple varied images for each variation. WooCommerce only lets us include a single picture of a particular variation. Now, this doesn’t mean that we can’t have many variation images in WooCommerce. It isn’t true at all, so don’t get disappointed.

In this article, I’ll be teaching you how to add additional variation images in WooCommerce. This guide will take you through each step in detail to add this feature. It will help you add extra variation images in WooCommerce in a few simple steps. To make it easier to understand for you, I’ll be explaining each step with the help of the pictures. 

So, continue reading ahead and find out how to add multiple variation images in WooCommerce for each variation.  

Why Should You Add Multiple Product Variation Images In WooCommerce?

As we all know, WooCommerce doesn’t enable us to add multiple images for each variation. However, displaying distinct photos of each variation has a lot of benefits for a WooCommerce store. It can help you in building credibility as well as increase sales. Here are some advantages of adding variation images to your products. 

Helps To Show Products Effectively: Variation images allow you to showcase your premium products effectively and professionally. 

For instance, you sell standard t-shirts in three different colours – Red, Blue, and Green. A user lands on your eCommerce store and looks for plain t-shirts. Fortunately, you are selling them, so they click to see product details and pictures. When they visit the product page and selects the desired colour, they observe that you haven’t provided an overview of the product from different perspectives. You have just added a single variation image.

Of course, they wouldn’t prefer buying that t-shirt. A customer always thinks hundreds of times before buying any product. As a result, they will never buy any product before seeing it, and that’s how human nature works. And, in this process, variation images help you showcase your products effectively and efficiently. 

Helps Increasing Sales: Additional variation images can also help in increasing your eCommerce store’s revenue. Yes, it’s worth it. As mentioned above, a buyer never purchases any product till they get assured about the product. They demand to see the product from each angle before buying. If you don’t include varied images of the product, the user may exit the page immediately. Though, if you add pictures, there are chances they will buy the product. 

Improves Credibility Of The Store: Adding variation images can help you build your eCommerce store’s credibility. The user will feel that they are visiting a genuine online store in the online world. So, think about adding different images for each product. 

Helps Comparing The Products: Adding images for variable products can help users compare the products with other products. This will assist them in choosing the best option from the available options. 

Improves User Interface: User interface plays a huge role in the success of an eCommerce store or any website. If you offer multiple images of each product variation, it will help them choose products quickly. This would be a win-win situation because they will find zero reasons to leave your page. 

These are the benefits of adding multiple image variations. Let’s jump on to how you can add additional variation images In WooCommerce.

How Can You Add Multiple Variation Images In WooCommerce?

Throughout this whole guide, we will be using Additional Variation Images By Woosuite. As WooCommerce doesn’t allow us to add multiple images for each variation. Store owners try different methods, but they end up messing with things. Therefore, Additional Variation Images By Woosuite is going to help us in this process. Here is a short description of the plugin. 

Additional Variation Images is a WordPress plugin to showcase your variable products in the best possible manner. It lets you add additional images for each variation. In short, you can create a gallery for each product variation. Not only that, but this also enables you to add videos to your product gallery. As we all know, a product video is a great option to display your product’s characteristics and increase sales. You can add videos from Youtube, Vimeo, and many more. 

Also, this plugin offers multiple options to customize your product gallery. You can customize the borders, padding, animations, and much more. Additional Variation Images plugin comes with an interactive and mobile-friendly user interface. It works well on all electronic devices, including smartphones. 

This was a short description of Additional Variation Images by Woosuite. As of now, let’s check out how to add variation images In WooCommerce.

How to Add Multiple Variation Images In WooCommerce?

To achieve the desired results, we will be using the Additional Variation Images plugin by Woosuite. Make sure to follow all the given steps carefully. You can cross-check your steps with the given pictures.

Step 1. Install and Activate The Plugin

The first step is to install the plugin. To install the plugin, you have to download Woosuite core plugin’s zip file to your computer. Now, head over to the Plugin’s section in your WordPress dashboard. 

Then, click on Add New. In the next step, click on the Upload Plugin. Choose the plugin file, and click Upload. After that, Click on Install Plugin. It will start installing the plugin and notify you when it is done. Here is the summed-up process.

Plugins > Add New > Upload Plugin > Choose File > Install Now

Now, it’s time to activate the plugin. Again, go to the Plugin’s section and search for Woosuite Core plugin. And, click on Activate. 

Plugins > Woosuite Core > Activate

We are done installing and activating the plugin. Let’s head over to the next step. 

Step 2. Activate The Licence to Get Started

Search for Woosuite on the left side of the tool menu, and click on it. Then, go to the Activate section and paste your Woosuite license key. The license key will automatically install the plugin you purchased. Then go to the Addons section under Woosuite, and toggle on the Additional Variation Images. 

Left Sidebar Menu: Woosuite > Activate > Paste Licence > Activate Licence > Addons > Toggle On Additional Variation Images

Step 3: Create Or Edit A Product

I’ll start from scratch, which means creating a new product, if you want to do this with an existing product. You also have to follow the same steps. In this step, we will now create or edit a product. 

The process of creating a new product would be the same as we usually do, such as giving product name, description, setting price, shipping methods, product images, etc. So, we have created the product. Now, it’s time for the next step. 

Step 4. Select Product Data Type

One thing we have to be concise about is that it would be a Variable product. In Variable products, we create different variations. Scroll down, and there you will see an option called Product Data. In the Product Data dropdown menu, select Variable Products.

After that, you will see a few changes in the product menu. There will be a new tab called Variations.

Here comes the central part of this complete guide. 

Step 5: Create Multiple Attributes

After setting the Product Data to Variable Product, we will create Product Attributes in this step. Attributes play a significant role in displaying varied images. At the end of the page, click on Attributes. You will see a dropdown menu stating three options: Custom Product Attribute, Colour, and Size. This time, you have to select Colour and click Add. Then, click on Save Attributes. 

Step 6. Add Different Color Attributes

In the Attribute section, you will need to choose Colours according to your preferences. For example, if you are selling t-shirts in Blue colour, then select Blue. For instance, if the colour is not available in the given options. 

You can add it by clicking on Add New and giving it a name such as Purple, etc. You can understand this step with the given image. 

Also, make sure to check the Used for Variations checkbox.

Step 7. Create Variations From Attributes

Click on the Variations section and select Create Variations from All Attributes from the dropdown menu. Follow the given image. 

Step 8. Select Variation Image

In this step, we will add the image for each variation. The image will be visible when a user selects the colour. In other words, it would be the primary image. 

Step 9. Add Variation Image Gallery

Tap on the colour name, and click on the Add Gallery Images. Now, select all the images you want to display in the variation gallery. This gallery includes images that help users to understand the product from different angles. 

Do the same with every variation you have created. In addition, you also have to denote a regular and sale price to show on the front end. Otherwise, this will not function properly. 

Else, if you want to show the remaining stock, you can checkbox the Managed Stock and edit it. 

Final Results

We have completed the whole process and achieved the desired results in a few steps. Now, it’s time to see the results we have accomplished. We got what we wanted in the beginning. 

Have You Successfully Added Multiple Variation Images In WooCommerce? 

Finally, we added multiple variation images in WooCommerce. In this guide, we went through each step in detail with images. We hope you understood it correctly and also added it to your WooCommerce store. This was all about how to add additional variation images in WooCommerce. 

Do let me know have you added multiple variation images in WooCommerce? 

That’s enough for this article. I’ll come up with another article talking about WooCommerce and WordPress.

Brian
Brian

Welcome to the Woosuite blog, where we discuss all things WooCommerce. I hope we can help you achieve something today...

Download Variation

Swatches Today

Where should we send your free download?

By downloading you agree to our privacy policy.

Get Access to Demo Now

Enter your  email address below to get access

Get Access to Demo Now

Enter your  email address below to get access

Get Access to Demo Now

Enter your  email address below to get access

Get Access to Demo Now

Enter your  email address below to get access

Get Access to Demo Now

Enter your  email address below to get access

Get Access to Demo Now

Enter your  email address below to get access

Get Access to Demo Now

Enter your  email address below to get access

Get Access to Demo Now

Enter your  email address below to get access