{"id":14930,"date":"2026-07-03T15:04:12","date_gmt":"2026-07-03T13:04:12","guid":{"rendered":"https:\/\/shortpixel.com/blog\/?p=14930"},"modified":"2026-07-03T15:04:15","modified_gmt":"2026-07-03T13:04:15","slug":"setting-up-a-quick-order-product-table-for-woocommerce","status":"publish","type":"post","link":"https:\/\/shortpixel.com\/blog\/setting-up-a-quick-order-product-table-for-woocommerce\/","title":{"rendered":"Setting Up a Quick-Order Product Table for WooCommerce"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><em>A quick-order product table lets customers order multiple products from a single page. Here&#8217;s how to set one up in WooCommerce, step by step.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The default WooCommerce shop layout shows one big image per product in a grid, and customers have to click into each product separately to buy it. That works for a small boutique. It falls apart when someone wants to order 20 items at once, like a wholesale buyer, a restaurant restocking supplies, or a regular customer who knows exactly what they want.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A quick-order product table fixes this. It lists your products in rows, with the details that matter in columns, and lets shoppers set quantities and add everything to the cart from one page. No clicking back and forth. In this guide, we&#8217;ll walk through setting one up with the <a href=\"https:\/\/barn2.com\/wordpress-plugins\/woocommerce-product-table\/\" target=\"_blank\" rel=\"noopener\">WooCommerce Product Table<\/a> plugin, and we&#8217;ll cover how to keep it loading fast.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s what we&#8217;ll cover:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Installing the plugin.<\/li>\n\n\n\n<li>Optimizing your product images so the table loads quickly.<\/li>\n\n\n\n<li>Creating your first table.<\/li>\n\n\n\n<li>Choosing the right columns.<\/li>\n\n\n\n<li>Turning it into a quick-order form with quantities and bulk add-to-cart.<\/li>\n\n\n\n<li>Adding search and filters.<\/li>\n\n\n\n<li>Displaying the table on a page.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Why Use a Quick-Order Table?<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/shortpixel.com/blog\/wp-content\/uploads\/2026\/07\/image.jpeg\"><img decoding=\"async\" width=\"1024\" height=\"629\" src=\"https:\/\/shortpixel.com/blog\/wp-content\/uploads\/2026\/07\/image-1024x629.jpeg\" alt=\"\" class=\"wp-image-14931\" title=\"\" srcset=\"https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2026\/07\/image-1024x629.jpeg 1024w, https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2026\/07\/image-300x184.jpeg 300w, https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2026\/07\/image-768x472.jpeg 768w, https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2026\/07\/image-1536x944.jpeg 1536w, https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2026\/07\/image.jpeg 1640w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The point of a WooCommerce product table is speed for the customer. It basically acts as a quick order form. Letting people select quantities and variations and add several products to the cart from one page is much faster than visiting a separate page for each item. For the right kind of store, that has a real effect on conversions.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Product tables aren\u2019t for everyone. They suit some stores far better than others:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Wholesale and B2B:<\/strong> Buyers reorder in bulk and want a fast order form, not a catalog to browse over multiple pages.<\/li>\n\n\n\n<li><strong>Restaurants and food orders:<\/strong> A one-page menu where customers tick what they want.<\/li>\n\n\n\n<li><strong>Large catalogs:<\/strong> Stores where customers already know the product and just need to find it and buy.<\/li>\n\n\n\n<li><strong>Technical products:<\/strong> Items people choose by specification data in columns, rather than by a big photo.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">If you run the type of store where your customers would benefit from quick order forms, keep reading to learn how to set it up. You can either enable the product table layout globally on all your store pages, or you can create standalone pages containing product tables and use them alongside your usual store layouts.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Step 1: Install WooCommerce Product Table<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">First, get the <a href=\"https:\/\/barn2.com\/wordpress-plugins\/woocommerce-product-table\/\" target=\"_blank\" rel=\"noopener\">WooCommerce Product Table<\/a> plugin and install it like any other WordPress plugin. In your dashboard, go to <em>Plugins \u2192 Add New<\/em>, upload the plugin file, then click &#8216;Activate&#8217;. Enter your license key when prompted so the plugin stays updated.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You&#8217;ll find the full setup walkthrough in Barn2&#8217;s <a href=\"https:\/\/barn2.com\/kb-categories\/woocommerce-product-table-kb\/\" target=\"_blank\" rel=\"noopener\">Product Table knowledge base<\/a> if you get stuck on any step.<br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Step 2: Optimize Your Product Images First<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This step is easy to skip, and skipping it is why a lot of product tables feel slow. A normal product page loads one or two images. A product table can load 50 (or more) thumbnails at once, all on the same page. If those images are full-size and uncompressed then the table will be sluggish no matter how good the plugin is.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Before you build the table, run your product images through <a href=\"https:\/\/wordpress.org\/plugins\/shortpixel-image-optimiser\/\" target=\"_blank\" rel=\"noopener\">ShortPixel Image Optimizer<\/a>. Our image optimizer compresses every image and converts it to a modern format like WebP or AVIF, which can cut file sizes dramatically without a visible drop in quality. You can bulk-optimize your whole catalog in one go.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/shortpixel.com/blog\/wp-content\/uploads\/2026\/07\/image-1.jpeg\"><img decoding=\"async\" width=\"1024\" height=\"534\" src=\"https:\/\/shortpixel.com/blog\/wp-content\/uploads\/2026\/07\/image-1-1024x534.jpeg\" alt=\"\" class=\"wp-image-14932\" title=\"\" srcset=\"https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2026\/07\/image-1-1024x534.jpeg 1024w, https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2026\/07\/image-1-300x156.jpeg 300w, https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2026\/07\/image-1-768x400.jpeg 768w, https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2026\/07\/image-1-1536x801.jpeg 1536w, https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2026\/07\/image-1.jpeg 1640w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to take speed further, our sister plugin <a href=\"https:\/\/fastpixel.io\/\" target=\"_blank\" rel=\"noopener\">FastPixel<\/a> adds caching and page-level optimization on top, so the table and the rest of your store load quickly together. Get the images right first, though, because they&#8217;re the heaviest part of any table.<br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Step 3: Create Your First Table<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WooCommerce Product Table comes with a table builder, which is the easiest way to start. In your dashboard, go to <em>Products \u2192 Product Tables \u2192 Add New<\/em>. Give the table a name so you can find it later, then work through the builder to set up your first table. You can configure details such as the table columns, add filters to help customers find products more easily, and so on.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/shortpixel.com/blog\/wp-content\/uploads\/2026\/07\/image-2.jpeg\"><img decoding=\"async\" width=\"1024\" height=\"355\" src=\"https:\/\/shortpixel.com/blog\/wp-content\/uploads\/2026\/07\/image-2-1024x355.jpeg\" alt=\"\" class=\"wp-image-14933\" title=\"\" srcset=\"https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2026\/07\/image-2-1024x355.jpeg 1024w, https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2026\/07\/image-2-300x104.jpeg 300w, https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2026\/07\/image-2-768x266.jpeg 768w, https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2026\/07\/image-2-1536x532.jpeg 1536w, https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2026\/07\/image-2.jpeg 1640w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Columns decide what information each row shows. For a quick-order table, I recommend keeping it focused on what helps someone decide and buy. A common, effective setup uses:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Image:<\/strong> a small thumbnail (the ones you just optimized).<\/li>\n\n\n\n<li><strong>Name:<\/strong> the product name, often with a short description.<\/li>\n\n\n\n<li><strong>Price:<\/strong> so buyers can compare at a glance.<\/li>\n\n\n\n<li><strong>Buy:<\/strong> the add-to-cart column with a quantity box.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Add columns for anything your customers buy on, such as SKU, stock or the short description. For technical products, displaying product attributes as columns on the shop page often matters more than the image.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Step 5: Turn It Into a Quick-Order Form<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This is the part that makes it a quick-order table rather than just a list. You want customers to set quantities and add several products to the cart at once.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the table builder, turn on quantities, enable variation dropdowns, and change the add-to-cart style to checkboxes. With this setup, a customer ticks the products they want, chooses their variations, sets a quantity for each, and clicks one button to add the entire order to the cart.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Barn2\u2019s <a href=\"https:\/\/barn2.com\/kb\/product-table-options\/\" target=\"_blank\" rel=\"noopener\">full list of options<\/a> covers every column and setting if you want to fine-tune it.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/shortpixel.com/blog\/wp-content\/uploads\/2026\/07\/image-3.jpeg\"><img decoding=\"async\" width=\"1024\" height=\"629\" src=\"https:\/\/shortpixel.com/blog\/wp-content\/uploads\/2026\/07\/image-3-1024x629.jpeg\" alt=\"\" class=\"wp-image-14934\" title=\"\" srcset=\"https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2026\/07\/image-3-1024x629.jpeg 1024w, https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2026\/07\/image-3-300x184.jpeg 300w, https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2026\/07\/image-3-768x472.jpeg 768w, https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2026\/07\/image-3-1536x944.jpeg 1536w, https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2026\/07\/image-3.jpeg 1640w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Step 6: Add Search and Filters<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Once a table has more than a screen&#8217;s worth of products, customers need a way to narrow it down. WooCommerce Product Table includes an instant search box and filter dropdowns that work without reloading the page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Turn on the search box and add filters for the categories or attributes that matter most. As the customer types or filters, the table updates straight away, so even a long catalog stays usable. This keeps the one-page ordering benefit intact instead of forcing people to scroll.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Step 7: Display the Table on a Page<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/shortpixel.com/blog\/wp-content\/uploads\/2026\/07\/image-4.jpeg\"><img decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/shortpixel.com/blog\/wp-content\/uploads\/2026\/07\/image-4-1024x496.jpeg\" alt=\"\" class=\"wp-image-14935\" title=\"\" srcset=\"https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2026\/07\/image-4-1024x496.jpeg 1024w, https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2026\/07\/image-4-300x145.jpeg 300w, https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2026\/07\/image-4-768x372.jpeg 768w, https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2026\/07\/image-4-1536x745.jpeg 1536w, https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2026\/07\/image-4.jpeg 1640w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">As part of the table builder, you can choose which of your shop template(s) to enable the tables on. Alternatively, you can choose to add tables to a page manually. If you do that, then the final step explains that you can either insert the table using a block (if you\u2019re using the WordPress block editor), or using a simple shortcode such as [product_table id=&#8221;1&#8243;]. Either way, add the table to the page where you want it to display, and your quick-order product table will be live on your WooCommerce store.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you\u2019ve added it as a separate page, remember to add it to your website\u2019s navigation menu so that people can easily access it. For example, you might call the link \u201cQuick order\u201d so that repeat customers can easily access it. Alternatively, if you only want it to appear for specific users (e.g. wholesale buyers) then you can do this by using WooCommerce Product Table alongside its sister plugin, <a href=\"https:\/\/barn2.com\/wordpress-plugins\/woocommerce-wholesale-pro\/\" target=\"_blank\" rel=\"noopener\">WooCommerce Wholesale Pro<\/a>.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Test It Like a Customer<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Before you call it done, open the page in a normal browser window, not the admin, and place a test order. Check that quantities work, that the bulk add-to-cart button does what you expect, and that the table feels fast on your phone as well as your desktop.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If it feels slow, the images are almost always the cause. Run them through ShortPixel, and add FastPixel if you want page caching on top. A quick-order table only converts if it loads quickly, so the optimization work in Step 2 is what makes the rest of it pay off.<br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Final Thoughts<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A quick-order WooCommerce product table turns a slow, click-heavy shop into a single page where customers can order in seconds. It&#8217;s one of the highest-impact changes you can make for a wholesale, electrical, technical or large-catalog store.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Set it up with <a href=\"https:\/\/barn2.com\/wordpress-plugins\/woocommerce-product-table\/\" target=\"_blank\" rel=\"noopener\">WooCommerce Product Table<\/a>, keep the images light with <a href=\"https:\/\/shortpixel.com\/\">ShortPixel<\/a>, and you&#8217;ve got a fast order form that&#8217;s genuinely easy to buy from. Start with a small table, test it with a real order, and grow it from there.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A quick-order product table lets customers order multiple products from a single page. Here&#8217;s how to set one up in WooCommerce, step by step. The default WooCommerce shop layout shows one big image per product in a grid, and customers have to click into each product separately to buy it. That works for a small [&hellip;]<\/p>\n","protected":false},"author":37,"featured_media":14937,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-14930","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-world-of-wordpress"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/posts\/14930","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/comments?post=14930"}],"version-history":[{"count":1,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/posts\/14930\/revisions"}],"predecessor-version":[{"id":14936,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/posts\/14930\/revisions\/14936"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/media\/14937"}],"wp:attachment":[{"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/media?parent=14930"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/categories?post=14930"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/tags?post=14930"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}