Get 40% off select WooCommerce Extensions
Good till May 6, midnight PST. Get these Woo deals now.
What Are Variable Products in WooCommerce?
Variable products in WooCommerce lets you create specific products that have multiple variations, for example, different colors, sizes, prices, and other data. When you create them, you will apply attributes, terms and variations to your products, as well as add specific images for each variation. T-shirt products are a good example of of a variable product in WooCommerce.
How to Create Variable Products in WooCommerce
Before creating your variable product, you need to create the attributes. If you go to Products > Attributes, you get this screen. As you see, I have already created the attribute size. Now I’m going to add colors.
Once I have created it, I will now configure the terms (see above), which, in this case, is the specific color.
Here I will add blue and give it a short description, which may or not show, depending on your theme.
Once I add them, they appear here.
And also will appear on your attribute page.
Creating the Variable Product
The next step is creating your Variable Product. Under Products, click on Add New. Below your description, you need to assign the product date to Variable Product.
You will of fill in all the other necessary data and descriptions. Now let me show you information specific to Variable Products.
Adding Attributes to Products
Here you will select the attribute or attributes that you want to add to the product.
If I select colors, I have the options to add all terms or none. If you want to add only certain terms to this specific product, if you click on it. you will see a dropdown. Make sure to select Used for variations. This box is not toggled by default and if you add your terms, it will disappear.
If I were to click on Select All, all the terms I created for this variable would be added. Also, I can add a new term if I choose to.
After doing the same for sizes, I save both.
Creating Your Product Variations
Now you will create all the variations of your product. Simply click on Variations and you will have the option to add variations or create variations from all attributes.
If you click on the add variation, for example, you can fine-tune what variations you want, based on attributes. In this example, I chose to have the variations created for black and all sizes. I also set the default form values to pre-select the black, large t-shirt on the front end of the store.
And you have several other options when creating the variations.
If we expand that variation, we can fill in the rest of the details, such as prices, images, stock, etc.
Or we could add them all at one time
You will get this confirmation message.
And here are the results.
Now I would go into each of these and set them up, filling in the necessary information.
Now if we view it on our store, this is what it will look like (depending on the theme you have installed.)
This helps you create the variations of the different products you are selling.
Products by Attributes Block
With WooCommerce comes several blocks to allow you to add products to posts or pages. Included in these is the Products by Attribute Block.
Simply add the block to where you want it on the page or post, then select which attributes you want to display. Or you can add all attributes.
And this is how they look in the editor.
Need To Expand Your Variable Products?
Here a four other extensions that we have written about that will help you extend your variations.
How to Control Where a Single Variation Displays
Variations of product are often buried and WooCommerce doesn’t give you much control over displaying any single variation. With the WooCommerce Show Single Variation plugin, you get more control over where and how a variation will show up. You can even add them to your shop page. Check out our post here.
How to Link a Group of Any Type of Product by Attributes
The ability to link products together using their attributes via variations, can help with search, filtering and better archives. It also adds the benefit of giving each product variant a title, description and a unique URL. As a result, it really helps Google to index your products for a lasting long-tail SEO. Read more about it here.
How to Let Customers Add Multiple Variations to Their Carts with a Single Form
If you sell to businesses and your customers order bulk from variations of a single product, giving them an easy form to use could keep them as customers. This is useful with a number of products, from clothing to tech. A simple form could save them a lot of time on your store. Read more about how the extension Bulk Variation Forms gives you the ability to offer such an option.
How to Add Custom Fields to Variations
If you create variable products a lot using WooCommerce, I’m sure there have been times when you wished for a field that did not exist, one that would only be used in a variation. But you need to make it easy. When someone, whether yourself or a team member, adds product variations, they can easily add the extra information or data as needed for the product. Read out post on how the WooCommerce Custom Fields for Variations plugin will help you with this.
A Few More Extensions…
Bulk Stock Management
If you need to closely manage your stock for all your variations, you may want to check out this extension. It gives you a new section in your dashboard to list your products and variations along with their stock properties. They can be filtered by product type, stock management status and stock status. You can also filter them by name, ID, SKU or stock quantity. Check it out here.
Variation Swatches and Photos
With this extension, you can replace drop-down fields on your variable products using color and image swatches. This is an excellent way to display the available colors of a product, their available styles and anything else you can think of that would display either an image or a color. Check it out here.
Additional Variation Images
This extension lets you add additional gallery images per variable product. By default, you are only able to swap the main variation image when you select a product variation, not the gallery images that are below it. But this cool extension lets your customers swap different gallery images when they select a variable product. For example, it will allow your customers to view different images of a product all in the same color and style. Check it out here.
Bulk Variation Forms
With this extension, your users can easily add multiple variations of a product to their cart from a single form. It really is great with helping to simplify the bulk ordering process for B2B sites, wholesalers or any user who likes the convenience of adding several variations of the same product easily and efficiently. Check it out there.
If you are moving to subscription-based products, the Subscriptions extension can do that for you. You will be able to create variable subscription products and allow your customers to choose the subscription that fits their specific needs. You can also allow customers to choose their own billing cycle. Check it out here.