Want to add WooCommerce bulk add to cart functionality to your store? In this post, you’ll learn how to use a WooCommerce bulk add to cart plugin to let shoppers add multiple products to their carts at the same time.
In the end, you’ll be able to add something that looks like the example below, along with an option to fully customize what information shows up for each product and whether to include an add to cart button for each product (along with the checkbox):
I’ll start by introducing the plugin that you’ll use to add your bulk add to cart functionality. Then, I’ll show you step-by-step how to use the plugin to add bulk add to cart functionality to your WooCommerce store.
What You’ll Use To Add WooCommerce Bulk Add To Cart Functionality
To create the bulk add to cart feature that I showed you above, you’ll use the WooCommerce Product Table plugin from Barn2 Media.
This plugin lets you create a flexible, searchable, and filterable list of any or all of your WooCommerce products. You can control exactly what information displays – like whether or not to include a product image or description.
And, most importantly, you can choose to give shoppers a checkmark next to each product that gives them the ability to select all the products they’re interested in (along with product quantity) and then add those products to their carts with a single click.
This functionality makes an especially great option for wholesale stores and other bulk product sales, but it also has a lot of other applications like restaurant order forms, product sets, build your own products, and a lot more.
Ready to get started? Here’s how to use WooCommerce Product Table to add a bulk add to cart feature to your WooCommerce store.
How To Add WooCommerce Bulk Add To Cart Functionality: Step-By-Step
To get started with this tutorial, you’ll need to have installed and activated the WooCommerce Product Table plugin at your existing WooCommerce store.
Once you’ve done that, here’s how to use it…
Step 1: Control What Information Displays For Your Products
First up, you’ll want to choose what information displays for each product on your bulk order form.
For example, you’ll be able to choose whether or not to include a product’s:
- Image(s)
- Description(s)
- Categories or tags
- Weight or dimensions
And you can also choose whether or not to include any custom fields or taxonomies that you’ve added.
To access these settings, go to WooCommerce → Settings → Products → Product tables:
Then, scroll down to the Table content section and find the Columns options.
Here, you can use the available column options to add or remove information from your order form.
For example, to add the product image at the beginning of your form, you’d do something like this:
image, name, short-description, price, add-to-cart
Below that, you can also configure:
- Image sizes
- Whether or not to use a lightbox for images
- Description length
- Etc.
Step 2: Configure Add To Cart Functionality For Bulk Orders
Once you’ve configured your table content, scroll down to the Add to cart column section to configure your bulk add to cart functionality.
First, you’ll need to use the Add to cart button drop-down to choose either:
- Checkbox only – only display a checkbox next to each product (with one or two overall add to cart buttons that add all the checked products).
- Button and checkbox – gives shoppers the option to use the bulk order checkbox or use a dedicated add to cart button for each individual product.
I also recommend:
- Checking the box to Show quantity selectors in the Add to Cart column
- Choosing Above and below table from the ‘Add Selected’ position drop-down (this makes it easier for shoppers to add the checked products to their carts)
Step 3: Control Search, Filter, And Other Options
At this point, you’ve successfully built the core of your WooCommerce bulk add to cart functionality.
However, you still might want to go through and configure some of WooCommerce Product Table’s other settings.
For example, you can:
- Add product filters or a search box to let shoppers find specific products
- Control pagination or lazy loading for large product lists
- Choose default sorting
Feel free to configure these settings according to your preferences:
Step 4: Add Your Bulk Order Form Using Shortcode
Once you’ve finished configuring the plugin’s functionality, you’re ready to add your bulk order form to your site.
The easiest way to do this is via the plugin’s built-in shortcode.
To get started, create a new post or page to house your bulk order form. Then, you can use the [product_table] shortcode to add your bulk order form:
By default, the shortcode displays all of your products in the table. However, you can modify that by adding some shortcode parameters to only include certain products using:
- Categories
- Tags
- Custom fields
- Product IDs (i.e. only include specific products)
- Status
- Date
To learn more, check out this help article.
For example, if you want to only display products from the “wholesale” category, you could use a shortcode like this:
[product_table category="wholesale"]
You can also include multiple categories by either using “+” or “,”:
- [product_table category="courses,books"] – displays products that are in either the “courses” category OR the “books” category.
- [product_table category="courses+featured"] – only displays products that are in both the “courses” category AND the “featured” category.
You can also stack multiple conditions. For example, if you want to only include products that are in the “wholesale” category and in stock, you could use something like this:
[product_table category="wholesale" cf="cf:_stock_status:instock"]
And once again, here’s what your WooCommerce bulk add to cart form might look like, though the exact design will depend on your chosen WooCommerce theme:
If you don’t want to create a separate page for your form, you can also add your product tables directly to your WooCommerce store’s shop page or taxonomy archives. To achieve this, you’ll need to edit your theme’s files directly, though. To do that, you can follow this help article.
Final Thoughts On How To Add WooCommerce Bulk Add To Cart Functionality
With WooCommerce Product Table, you can create a WooCommerce bulk add to cart feature without the need for any custom code.
All you need to do is:
- Purchase WooCommerce Product Table
- Install and activate the plugin
- Choose what information to include in your product table
- Configure the bulk add to cart functionality and checkbox
- Add the shortcode wherever you want to offer bulk add to cart functionality at your store
Have any other questions about how to add bulk add to cart functionality to WooCommerce? Ask away in the comments section!
0 comments:
Post a Comment