Create a WooCommerce Quick Order Form Using the Product Table Plugin
If you want your WooCommerce store to succeed, it’s important to make the buying process as simple as possible. The easier it is for visitors to make a purchase, the quicker they’ll open their wallets. This means you need to find a way to streamline their experience.
One of the best solutions is to add a quick WooCommerce quick order form. Instead of visiting individual product pages, customers will be able to select the products they want and add them to their WooCommerce cart from one convenient location. What’s more, you can even customize your order form to make it as user-friendly as possible.
In this guide, we’ll explain why you might need a WooCommerce quick order form, and talk about choosing the right tool for the job. Then we’ll show you how to create a quick order form using the WooCommerce Product Table plugin. Let’s take a look!
What is a Quick Order Form (and might you need one)?
Most WooCommerce stores provide dedicated lists or galleries where customers can see many items at once. They also display each product on its own page. This enables visitors to easily compare products, and find out more information about each one. In general, however, people are only able to purchase items one at a time. At most, they might be able to add products to the cart individually from the shop and category pages, but there’s no way to choose quantities or specific variations.
This can be inconvenient for customers who want to buy multiple items at once. Fortunately, you can make their lives easier by creating a quick WooCommerce order form. This is simply a table listing out some or all of your products. Visitors can select all the products they want from the quick order form, and add them to the cart:
Aside from making the order process quicker and more streamlined, adding a quick WooCommerce order form provides a number of other benefits. For example:
- Customers will be able to see lots of products at a glance.
- It becomes very easy for people to compare similar products.
- You’ll be using space more efficiently.
As with any feature, certain types of sites will benefit from implementing a WooCommerce quick order form more than others. This includes stores with lots of similar products, as well as those selling ‘simple’ products that can be understood at a glance (such as clothing and decorative items). A WooCommerce quick order one page shop will be handy if your customer base browses your store from mobile devices.
If you do decide to try out a quick order form on your WooCommerce site, you’ll find that the process is quite simple. All you need is the right plugin!
How to choose a WooCommerce quick order form plugin
Since this is a very specific feature, you’ll need exactly the right plugin to implement it. Along with the basic criteria you should use when choosing any WooCommerce plugin, you’ll want to look for a tool that:
- Is customizable, so you can create a quick order form suited to your exact needs.
- Offers filtering and sorting features, so customers can find what they want quickly.
- Includes support for custom fields and taxonomies, so you can organize products however you’d like.
- Lets customers select variations and quantities right from the order form, without needing to visit the actual product pages.
- Is fully responsive on mobile devices.
Fortunately, our WooCommerce Product Table plugin includes all of these features and more:
This tool enables you to quickly build a product list or order form that is highly customizable. Plus, it’s designed to be used alongside WooCommerce, so customers will be able to order products right through the form.
With WooCommerce Product Table, you can easily build a one-stop shop, or create a quick order form to be used alongside more traditional store pages. Let’s talk about how to get started now.
How to create a WooCommerce quick order form (in 3 steps)
If you haven’t already installed and activated WooCommerce, you’ll need to do that as well. You’ll also want to ensure that you’ve created all the products you want to include in your quick order form. Then, you’re ready to begin!
Step 1: Create a quick order form page
To start building your quick order form, first create a new page and give it a name.
- The next step depends on whether you’re using the Classic Editor or Gutenberg:
- Classic Editor – Click the ‘Insert Product Table’ toolbar button. This adds a
[product_table]shortcode to the page.
- Gutenberg – Add the
[product_table]shortcode to a ‘Shortcode’ block.
- Classic Editor – Click the ‘Insert Product Table’ toolbar button. This adds a
The shortcode tells the page to display your product table, and pulls in the default options from the plugin settings page. (If you haven’t configured the settings yet, don’t worry – we’ll do this next.) By default, the quick order form plugin will display all your products, along with a name, description, price, and Add to Cart button for each one. It will also link the title to the product single page:
You could stop here. However, chances are you’ll want to customize exactly what information is displayed and how.
Save this page, and navigate to WooCommerce > Settings. Select the Products tab, and then the Product tables subsection. Here, you can configure exactly how your product table will work:
The first thing you’ll probably want to do is decide what information should be included in your table. You can do this under Default options > Columns:
Simply list out all the columns you want to include, separating them with commas. You can take a look at the plugin’s documentation to see all the columns you can add and what names to use. You have a lot of options, including things like SKU and stock status. Don’t forget to hit Save changes at the bottom of the page when you’re done.
If you go back to your quick order form page now and preview it, you’ll see your newly-organized table. Here’s a screenshot of what it might look like:
Customers will be able to add products to their carts and use the Ajax search form to find specific products.
This is a great start. However, let’s talk about some ways you can customize your WooCommerce quick order form more fully.
Step 2: Customize your quick WooCommerce order form
If you want your quick order form to be user-friendly, there are a few additional features to consider and tweaks that you can make. First, you’ll want to enable customers to select product variations right from the order form. In other words, if you offer the same shirt in red, green, and yellow, you need to let people easily pick the version they want.
In the Product tables settings menu, go to Default options > Product variations:
If you choose Show as dropdown list, all relevant products will now display dropdown menus that show their variations:
You could also choose the Show as separate rows option instead. This will display each variation on its own row within the table.
Now, what if you want to let customers select multiple items and add them all to the cart at once? Still under Default options, look for Add to cart button:
In this dropdown menu, select Button and checkbox. This will make a simple checkbox appear next to each Add to Cart button. Customers will now be able to select all the products they want, and add them to the cart simultaneously. This is a great option for a WooCommerce bulk order form or wholesale order form.
I’d definitely recommend using add to cart check boxes in a WooCommerce quick order form, either with or without the individual add to cart buttons.
You can also choose how to handle variable products in this section.
Next, under Lazy load in the settings, you’ll see a checkbox labeled Load products after the page has loaded:
If your table is displaying a lot of products, customers may experience slow loading times while waiting for everything to show up. Enabling this option can help avoid performance issues, although it does come with a few limitations worth reading up on. Another option is to use pagination to limit the number of products that are displayed at one time.
Finally, you can use the Table controls section to add filters and search options, including an option to let shoppers filter by product categories.
At this point, your WooCommerce quick order form is coming along nicely! You can continue to customize it to meet your exact needs, making whatever changes you’d like in the settings.
How to show specific products in the WooCommerce quick order form
If you want to show specific products in the order form instead of your whole catalog, then there are also shortcode options that let you display products based on category, tag, etc. Add these options directly to the
[product_table] shortcode. You can read about them in the plugin knowledge base.
How to add quick view to the quick order form
By creating a quick WooCommerce order form with a product table layout, customers can quickly click multiple products and add them all to the cart at once. This is ideal for selling simple products, or products with a small number of variations. But what if you have a large number of variations per product?
Obviously, you don’t want to send customers to a separate page to buy each product. That defeats the purpose of a quick order form!
The solution is to add quick view buttons to your WooCommerce order form. You can do this with the WooCommerce Quick View Pro plugin, which is designed to work with WooCommerce Product Table.
Install the plugin and use the settings page to choose what information to display in the quick view lightbox. Next, add a
quick-view column to your list of product table columns.
This will add quick view buttons to the table (which you can rename to anything you like on the Quick View plugin settings page). Customers can click these buttons to view extra product information, product image gallery and/or purchase options in a lightbox popup.
After adding the product to the cart, the lightbox closes and the customer remains at the same point on the quick order form, where they can continue adding more and more products to their cart.
Step 3: Optimize the checkout process
Before we wrap up, there’s one more element to consider. Along with optimizing your quick order form so that it’s user-friendly, you’ll want to do everything you can to speed up the ordering process. The more convenient it is to buy products, after all, the more likely customers will be to complete their purchases.
This step involves using a few additional tools. Here are the two most important features you’ll want to consider implementing:
- Redirect users to the cart page after selecting one or more products. This encourages customers to buy right away, and can be done easily using a WooCommerce setting and the free Redirection plugin.
- Add more payment gateways to your e-commerce store. The more payment options you provide, the larger your potential customer base will be. WooCommerce itself offers a variety of ways to add new payment gateways.
At this point, take a moment to sit back and admire your handiwork. You have a fully-functioning quick order form that’s informative and easy to use – and the process of purchasing products through it couldn’t be simpler!
It’s important to design your WooCommerce store to provide the best user experience possible for your customers. This means making it simple for them to see what products you offer, select the ones they want, and get right to the checkout screen. To do this, you can create a WooCommerce quick order form – either as a one-stop shop, or to supplement your existing product pages. By using the Woo quick order table view, your customers will be able to select and buy the items they are after fast and without fuss.
Fortunately, the WooCommerce Product Table plugin makes this task incredibly easy. You’ll just need to:
- Create an order form page.
- Customize your order form.
- Optimize the checkout process.
Do you have any questions about how to set up your quick order form? Ask us anything in the comments section below!