How to create product tables in WooCommerce

Decide whether customers need a catalogue or an order form. A catalogue may only need the product image, name, price and link. A quick-order table usually needs SKU, stock, quantity, price, variation choices and an add-to-cart control.

Keep the number of columns low enough for smaller screens. Long descriptions, multiple attribute columns and large images are the usual reason a table becomes difficult to use on mobile.

Open Products in WordPress and check that each product has a name, price, image, stock status and category. Add global attributes such as size, colour or material when customers need to compare those values.

For variable products, create the variations and set their prices and stock before building the table. If a variation has no price or is unavailable, the table may show incomplete choices or prevent it being added to the cart.

For a basic display, edit the page and insert WooCommerce's Product Collection block. Choose the products or category to show, set the number of products per page, choose a sort order and select a stack or grid layout. The block can be added to a page or template and includes product query and layout settings.

If you use the Classic Editor or need a compact shortcode, add a Shortcode block and use WooCommerce's [products] shortcode. You can select products by category, tag, SKU or attribute and control the limit, columns, sorting and pagination. This creates a product listing, not a full spreadsheet-style table.

WooCommerce core does not provide a complete table builder with arbitrary product columns, per-row quantity fields, advanced filters and a single add-selected-to-cart action. You can hand-code an HTML table, but you then have to maintain product data, variation selection, stock handling, cart requests and responsive behaviour yourself.

Use the built-in block or shortcode when a grid or list is sufficient. If customers must compare many products and order several rows at once, adding custom code is usually harder to maintain than using a product-table extension.

With a product-table plugin, create a new table from its settings screen, choose all products or a specific selection, then add only the columns customers need. Typical columns include image, product, SKU, category, stock, quantity, price and add to cart. Product-table builders commonly let you reorder columns and customise their labels.

Set filters for the attributes customers actually use, such as brand, size or colour. Then place the generated shortcode on the shop page, a category page or a normal WordPress page. Preview the table before publishing.

Test a simple product, a variable product, an out-of-stock product and a product with a long name. Add one item from a row, add several items, change quantities and confirm that the cart contains the correct products and variations.

Check the table on a phone as well as a desktop. Hide less important columns on small screens where possible. The common Friday-afternoon failure is a table that looks fine on desktop but hides the quantity or variation control on mobile, leaving customers unable to complete an order.

For a real searchable and filterable ordering table, use WooBeWoo Product Table Pro. Create the table, choose the product source, arrange the columns, enable the filters and add the table shortcode to your page. It is suited to catalogues and quick orders because it supports product listings with add-to-cart controls, including simple, variable and grouped products.

Choose this route when you need a proper table rather than a WooCommerce grid or list. Keep the manual block or shortcode route for small catalogues where customers mainly browse and open individual product pages.