WooCommerce: How to Add to Cart Multiple Variations at Once?

This is a very common issue for B2B / Wholesale WooCommerce website managers. In these case scenarios, clients usually need to add to cart multiple variations to cart on the same page, without refreshing it each time.

For example, a clothing wholesale client wishes to order 100 Medium, 150 Large and 50 Small t-shirts without having to switch dropdown/swatch choice, click on 3 add to cart buttons and wasting time.

Thankfully, there are WooCommerce plugins for that. And today I give you a few premium choices.

No matter whether each variation is displayed in a table and has its own add to cart button or there is a single add to cart button for all variations – ordering more products at the same is a breeze!

WooCommerce Quantity Discounts, Rules & Swatches

There’s a use case where you may want to add multiple variations to the cart via the same page. Imagine giving bulk discounts on your variable products: users can purchase a higher quantity and receive a small discount in return.Β 

By default, WooCommerce only allows you to select 1 variation even if you add a higher quantity to the cart. With the WooCommerce Quantity Discounts, Rules & Swatches plugin from Studio Wombat, you can select separate variations if you select a higher quantity!

WooCommerce Product Table

This plugin works perfectly as a bulk add to cart order form, including quantity selectors and product variations. There is a full overview, demo page and tutorial on this here, but the most important features are:

  • Products are listed in a customizable table layout, and each item has a tick box.
  • You can create a single listing of all your products with multiple add to cart buttons, or you can create tables listing specific products only (e.g. by category).
  • You can show product variations as dropdown lists next to the bulk add to cart boxes.
  • Alternatively, each variation can have its own row in the product table with a separate add to cart checkbox for each one.
  • There are options to add tables anywhere on your site, or to replace the default layouts.

As you can see, this plugin is full of great features. Here’s a full video tutorial:

WooCommerce Variations to Table

Yes, the great news is that you can immediately turn your single variable product page into a table/grid with one add to cart button for each variation.

It has over 2,300 sales and a very decent 4.3 rating, and it seems the developer is very responsive in regard to support and updates. It simply gets the job done.

How to add to cart multiple variations at once

Its full features can be found on the Codecanyon Plugin page, but the most interesting are:

  • You have the option to enable/disable the table/grid on a per product basis
  • You can show the stock levels with custom messages
  • You can customize the plugin via filters and actions without the need to touch its core code

WooCommerce Bulk Variation Forms

There is also an official plugin from WooCommerce.com, and this time you can allow your users to add multiple variations to cart from a single form.

WooCommerce: adding to cart multiple variations with a single button

It seems this plugin does what it says on the tin. Give it a go and let me know your thoughts in the comments.

Related content

  • WooCommerce: Custom Add to Cart URLs – The Ultimate Guide
    In WooCommerce you can add a product to the cart via a custom link. You just need to use the “add-to-cart” URL parameter followed by the product ID. This tutorial will show you how to create custom URLs to add simple, variable and grouped products to the cart – as well as defining the add […]
  • WooCommerce Visual Hook Guide: Single Product Page
    Here’s a visual hook guide for the WooCommerce Single Product Page. This is part of my “Visual Hook Guide Series“, through which you can find WooCommerce hooks quickly and easily by seeing their actual locations (and you can copy/paste). If you like this guide and it’s helpful to you, let me know in the comments! […]
  • WooCommerce: Disable Variable Product Price Range $$$-$$$
    You may want to disable the WooCommerce variable product price range which usually looks like $100-$999 when variations have different prices (min $100 and max $999 in this case). With this snippet you will be able to hide the highest price, and add a “From: ” prefix in front of the minimum price. At the […]
  • WooCommerce: Hide Price & Add to Cart for Logged Out Users
    You may want to force users to login in order to see prices and add products to cart. That means you must hide add to cart buttons and prices on the Shop and Single Product pages when a user is logged out. All you need is pasting the following code in your functions.php (please note: […]
  • WooCommerce: Add Custom Field to Product Variations
    Adding and displaying custom fields on WooCommerce products is quite simple. For example, you can add a “RRP/MSRP” field to a product, or maybe use ACF and display its value on the single product page. Easy, yes. Unfortunately, the above only applies to “simple” products without variations (or the parent product if it’s a variable […]

Rodolfo Melogli

Business Bloomer Founder

Author, WooCommerce expert and WordCamp speaker, Rodolfo has worked as an independent WooCommerce freelancer since 2011. His goal is to help entrepreneurs and developers overcome their WooCommerce nightmares. Rodolfo loves travelling, chasing tennis & soccer balls and, of course, wood fired oven pizza. Follow @rmelogli

13 thoughts on “WooCommerce: How to Add to Cart Multiple Variations at Once?

  1. Hey Rodolfo

    The plugin you mentioned in (1) works but I have found support almost non existnat. As the new version of WordPress and WooCommerce come out I have asked about compatibility and have had nothing back from the developer for almost a month.

    Although functionality is good, the suppoty lets it down and I would be careful what you recommend on this basis.

    Happy New Year

    1. Good to know Andy, thanks a lot for that πŸ™‚

  2. Why not using grouped product ?

    1. Hey Martin, thanks for your comment! Yes, I guess that could work too, but you’d need to create a brand new product πŸ™‚

  3. Woo variation table plugin can do it also. I use it

    1. Nice suggestion! Thanks Cavid πŸ™‚

  4. It is possible to have only one button to add to the cart
    that is, not a button for each variation, but a general one at the end?

    1. Hey Sebastian, thanks for your comment! I don’t think this is possible with these plugins, maybe you need a custom coded functionality for that πŸ™‚

      1. Hi Sebastian,

        As the author of plugin #2 “Woocommerce Variations to Table – Grid”, I would like to just let you know that the plugin has a “global” add to cart button at the top or end of the table that can bulk add the variations to the cart.

        BR,
        Spyros

  5. Do you know if this supports the latest versions of WordPress and Woocommerce ?

    1. Hey Lee, thanks so much for your comment! It should, but ask the plugin developers just in case πŸ™‚

  6. Hey

    I am trying this plugin and I have found it picks up the variations and does not sort them. Seems to take the order of the variations in the product detail. I ahve asked the developer about getting it alphabetical but waiting to hear

    1. Cool Andy, let me know how that goes πŸ™‚

Leave a Reply

Your email address will not be published. Required fields are marked *