TABLEiT – Product Table for WooCommerce<\/strong><\/p>\n\n\n\n The easy way to make a product pricing table in WooCommerce <\/p>\n\n\n\n Here, we will teach you how to create a WooCommerce pricing table in 4 simple steps with this plugin:<\/p>\n\n\n\n In the WooCommerce product table plugin, we provide an easy interface allowing you to add as many columns as you need by following the below instructions:<\/p>\n\n\n\n Now, to make the simplest WooCommerce pricing table, it is essential to add the three columns and assign the below elements to the Cell content<\/strong> section:<\/p>\n\n\n\n When you add the essential columns to create the WooCommerce pricing table, it is time to make it more efficient for your customers.<\/p>\n\n\n\n Customizing the WooCommerce pricing table depends on your strategies for making a better shopping experience for your customers. In the following, we review the most popular formats of pricing tables, although you can personalize them based on your needs.<\/p>\n\n\n\n To add Product Link<\/strong> to your pricing table WooCommerce, follow the mentioned steps (1 to 3), then choose Product Link<\/strong> element from the left panel.<\/p>\n\n\n\n To add a Product Link<\/strong> to your table, follow the mentioned steps (1 to 3), then choose the Product Link<\/strong> element from the left panel. <\/p>\n\n\n\n Adding this element lets your customers click on the product link in the table and visit the page to get more information and order it.<\/p>\n\n\n\n There are some customization options in this element’s General<\/strong> and Style<\/strong> tabs. For example, you can show any text as the product link label by adding a Text<\/strong> element in the Content<\/strong> field as shown below:<\/p>\n\n\n\n Finally, the result of making the pricing table in this format is like below:<\/p>\n\n\n\n The previous format is not an ideal way to satisfy your customers if you have so many variable products in your store. To make the product table more attractive, it is better to show all variations in separate rows of the table and let the customers add the products to their carts directly from the table.<\/p>\n\n\n\n To make this happen, you need to follow two steps:<\/p>\n\n\n\n Step 1: instruct the plugin to show product variations in separate rows <\/strong><\/strong><\/p>\n\n\n\n This is simply possible by going to the Settings<\/strong> tab and enabling the item specified in the below picture:<\/p>\n\n\n\n Step 2: Add product pricing table columns<\/strong><\/p>\n\n\n\n In the next step, add a new column and assign an add-to-cart button.<\/p>\n\n\n\n You can find a complete guide for displaying add to cart button in the table, here:<\/p>\n\n\n\n Read more:<\/strong> The best WooCommerce bulk add to cart plugin: How to add multiple products to cart?<\/a><\/p><\/blockquote><\/figure>\n\n\n\n The final result of making the WooCommerce pricing table in this format is illustrated below:<\/p>\n\n\n\n The WooCommerce product table plugin provides flexible options for adding various features to your product table. The most useful tools you may need to improve the customer experience when reviewing your pricing table include quantity<\/strong>, filters<\/strong>, search<\/strong> boxes<\/strong>, and pagination<\/strong>. Let’s see how easy it is to enhance the efficiency of your product table by adding these features to the WooCommerce product table plugin.<\/p>\n\n\n\n The steps to add a Quantity<\/strong> box to your pricing table is exactly like other elements we have described before.<\/p>\n\n\n\n After adding a new column, you can add the Quantity<\/strong> element to the Cell content<\/strong> and customize its features by editing the items in the General<\/strong> and Style<\/strong> tabs. <\/p>\n\n\n\n As you can see in the below image, we added the Quantity<\/strong> box to the last column of the table. So customers can order multiple products at once.<\/p>\n\n\n\n Filters are the most useful options that help customers to find their required products quickly and easily. In the WooCommerce product table plugin, you can set different types of filters and search boxes to the navigations of your table by following the below instructions:<\/p>\n\n\n\n For example, we tried to add a price filter to the Header<\/strong>, as illustrated below:<\/p>\n\n\n\n After adding the Price filter<\/strong> element, you can customize its content in the Element Settings<\/strong> panel. By default, the price range is divided into 3 categories including:<\/p>\n\n\n\n However, you can change these ranges by editing the min and max price in each filter option and setting any label you want.<\/p>\n\n\n\n When you add this filter, the customers can choose one of the price ranges to filter the products based on their budgets.<\/p>\n\n\n\n You can also add product category filter to the WooCommerce price list to let customers quickly find the products in one or more categories. <\/p>\n\n\n\n To show category filter, try to:<\/p>\n\n\n\n This is how the category filter is shown to the customers in theWooCommerce pricing table:<\/p>\n\n\n\n Pagination is another practical option you can add to the navigation bar. As mentioned above, you can add pagination in the navigation bars like Footer<\/strong> by choosing the Add Element<\/strong> option and selecting Pagination<\/strong> from the list.<\/p>\n\n\n\n Now, by clicking on the Eye<\/strong> icon at the top of the table, you can preview your product table with all the extra options.<\/p>\n\n\n\n If the preview of your product table looks perfect, follow the next step to replace the shopping page of WooCommerce with this pricing table.<\/p>\n\n\n\n Product quick view is a customer friendly feature allows visitors to review a brief information about the product in the WooCommerce pricing tables. By adding this features, there is no need for customers to leave the shop page and visit the product page. <\/p>\n\n\n\n Our plugin is compatible with the most popular quick view plugins like Yith quick view. So, after installation one of the plugins, adding quick view option in WooCommerce pricing table plugin is easily possible by following the below steps:<\/p>\n\n\n\n Now, the customers will see the Quick View button in the Woo Commerce pricing table in front of each product. <\/p>\n\n\n\n To show the product table to the customers, you can write a name in the text box at the top of the page and then copy its short code by clicking the Short code<\/strong> icon.<\/p>\n\n\n\n Then you just need to paste this short code to a new page of your WordPress site.<\/p>\n\n\n\n Finally, go to the WooCommerce settings and replace the shopping page of WooCommerce with this new page as illustrated below:<\/p>\n\n\n\n![\"TABLEiT](\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2025\/10\/tableit-banner.png\")
<\/figure>\n<\/div>\n<\/div>\n\n\n\nStep 1: Create a WooCommerce product pricing table<\/h3>\n\n\n\n
\n
![\"select](\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/09\/select-add-new-table-menu.png\")
<\/a>\n
![\"select](\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/09\/select-query-tab.png\")
<\/a>\n
![\"select](\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/09\/select-columns-tab-and-add-element.png\")
<\/a>\n
![\"general](\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/09\/general-and-setting-tab-in-element.png\")
<\/a>\n
\n
\n
![\"price](\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/09\/element-price-in-cell-content.png\")
<\/a>Step 2: Customize the WooCommerce price table<\/h3>\n\n\n\n
Method 1: Display each product in separate rows with the price range<\/h4>\n\n\n\n
![\"add](\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/09\/add-element-content-in-general-tab.png\")
<\/a>![\"result](\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/09\/result-customization-product-link-element.png\")
<\/a>Method 2: Display each product variation in individual rows with its price<\/h4>\n\n\n\n
![\"select](\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/09\/select-setting-tab-and-choose-show-variation-on-one-row-option.png\")
<\/a>![\"result](\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/09\/result-show-variation-on-one-row-option-1.png\")
<\/a>Step 3: Add extra options to WooCommerce price list<\/h3>\n\n\n\n
Product pricing table with quantity column<\/h4>\n\n\n\n
![\"add](\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/09\/add-quantity-element-1.png\")
<\/a>![\"result](\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/09\/result-quantity-element.png\")
<\/a>Add price filter to product price table<\/h4>\n\n\n\n
\n
![\"select](\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/09\/select-navigation-tab-and-choose-price-filter-element.png\")
<\/a>\n
![\"customization](\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/09\/customization-range-price-filter-element.png\")
<\/a>Add products category filter on pricing table<\/h4>\n\n\n\n
\n
![\"Add](\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2024\/02\/add-products-category-filter.png\")
<\/a>![\"result](\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2024\/02\/result-products-category-filter.png\")
<\/a>Pagination<\/em><\/h4>\n\n\n\n
![\"add](\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/09\/add-pagination-element-in-footer.png\")
<\/a>![\"result](\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/09\/result-pagination-element.png\")
<\/a>Show product quick view into the product pricing list<\/h4>\n\n\n\n
\n
![\"Show](\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2024\/02\/select-product-quick-view.png\")
<\/a>![\"result](\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2024\/02\/result-product-quick-view.jpg\")
<\/a>Step 4: Show the product price table to the customer by inserting Shortcode<\/h3>\n\n\n\n
![\"select](\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/09\/select-short-code-icon-price-table.png\"){kind=icon}
<\/a>![\"add](\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/09\/add-short-code-in-new-page-1.png\")
<\/a>![\"Go](\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/09\/select-settings-menu-and-choose-shop-page.png\")
<\/a>
![\"result](\"https:\/\/ithemelandco.com\/blog\/wp-content\/uploads\/2023\/09\/result-shopping-page.png\")
<\/a>