{"id":823,"date":"2021-03-14T09:22:26","date_gmt":"2021-03-14T09:22:26","guid":{"rendered":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/?p=823"},"modified":"2022-08-14T09:34:57","modified_gmt":"2022-08-14T09:34:57","slug":"make-product-price-table-in-woocommerce-product-table-plugin","status":"publish","type":"post","link":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/make-product-price-table-in-woocommerce-product-table-plugin\/","title":{"rendered":"How to make a WooCommerce price table in WooCommerce product table plugin?"},"content":{"rendered":"\n<p>Product pricing table is the best way to help customers pick their product easily by observing the sale prices. Also comparing them with the regular prices as well as seeing a list of products available to be purchased in one view.<\/p>\n\n\n\n<p>Creating a WooCommerce pricing table is an easy task in the <a href=\"https:\/\/ithemelandco.com\/plugins\/woocommerce-product-table\/\">WooCommerce product table<\/a> plugin by following the below steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li> Add your products to the WooCommerce. Then, make sure that you have precisely assigned Regular price, Sale price and Prices of different variations to your products.<\/li><li>Go to <strong>WordPress Dashboard <\/strong>&gt; <strong>Woo Product Table<\/strong> &gt; <strong>Add New<\/strong><\/li><\/ol>\n\n\n\n<p>Now you have the full access to the WooCommerce product table to build your product price table.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Add new WooCommerce pricing table\u00a0<\/strong><\/h2>\n\n\n\n<p>In the \u201c<strong>Add New Table<\/strong>\u201d page, you can:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Set the name of your table as \u201c<strong>Pricing Table<\/strong>\u201d under &#8220;<strong>Shortcode Name<\/strong>&#8221; field.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/15-set-table-name.jpg\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/15-set-table-name.jpg\" alt=\"Set a name for table\" class=\"wp-image-1115\" width=\"1405\" height=\"756\"\/><\/a><figcaption>Create WooCommerce pricing table in product page<\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\"><li>Add your favorite columns to be displayed in the product price table.&nbsp;<\/li><\/ol>\n\n\n\n<p>As this must be a simple table, it is better to select just the important columns which are:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>SL:<\/strong> Serial Number of the Rows<\/li><li><strong>Product Title: <\/strong>The name of each product<\/li><li><strong>Price: <\/strong>The price column including Regular, Sale or Range Price<\/li><\/ul>\n\n\n\n<p>In this part, you can also set which columns to be shown in the large, medium or small screens.<\/p>\n\n\n\n<p>As there are no extra columns in the product price table, it is better to choose all three options for the selected columns.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/15-select-columns.jpg\"><img decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/15-select-columns.jpg\" alt=\"Active SL, product title and price columns for product price table\" class=\"wp-image-1119\" width=\"1405\" height=\"759\"\/><\/a><\/figure>\n\n\n\n<p>Click on \u201c<strong>Save<\/strong>\u201d at the top right of the page. After this \u201c<strong>Pricing Table<\/strong>\u201d will be added to the list of tables available in the \u201c<strong>Woo Product Table<\/strong>\u201d list page.<\/p>\n\n\n\n<p>if you want to see how our product price table is displayed in the front-end, you have to add WooCommerce product price shortcode in one of the WordPress pages as we described it in \u201c<a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/insert-product-table-shortcode-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to insert product table shortcode in WordPress<\/a>\u201d tutorial.<\/p>\n\n\n\n<p>After inserting the shortcode to the new page, we published it:<\/p>\n\n\n\n<p>If you open the page, our product price table has been displayed as below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/15-display-pricing-table.jpg\"><img decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/15-display-pricing-table.jpg\" alt=\"display pricing table in woocommerce product table plugin\" class=\"wp-image-1117\" width=\"988\" height=\"756\"\/><\/a><\/figure>\n\n\n\n<p>As you can see all of the products you have entered to the WooCommerce is displaying in the table, however you can return to the WooCommerce product table plugin back-end and change everything as you prefer.<\/p>\n\n\n\n<p>Now let\u2019s see some examples:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Add a new column to product price table<\/strong> <\/h2>\n\n\n\n<p>To add a column, you can go to the list of tables and click on &#8220;<strong>Pricing table<\/strong>&#8221; as shown below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/15-add-new-column-1.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/15-add-new-column-1.jpg\" alt=\"Add a new column to pricing table\" class=\"wp-image-1118\" width=\"1405\" height=\"753\"\/><\/a><\/figure>\n\n\n\n<p>Now, you can click on any columns to be displayed in the table. In this example, we tried the \u201c<strong>Category<\/strong>\u201d column and just clicked on the large screen option. If you uncheck other devices,  this means the \u201c<strong>Category<\/strong>\u201d column is not going to be displayed on mobile phones or tablets.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Make a custom query for product pricing table<\/strong><\/h2>\n\n\n\n<p>You can easily go to the &#8220;<strong>Query<\/strong>&#8221; tab and filter products by setting conditions in different fields.<\/p>\n\n\n\n<p>For example, in this tutorial we need the product price table to consist of products other than clothing. So, we chose \u201c<strong>Clothing<\/strong>\u201d under \u201c<strong>Product Categories Exclude<\/strong>\u201d as below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/15-make-query.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/15-make-query.jpg\" alt=\"make a query to fetch products from desired category\" class=\"wp-image-1120\" width=\"1411\" height=\"756\"\/><\/a><\/figure>\n\n\n\n<p><strong>Note 1:<\/strong> To get more familiar with options in the &#8220;<strong>Query<\/strong>&#8221; tab please refer to \u201c<a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/how-to-create-a-product-table-with-custom-query\/\">How to create a product table with custom query<\/a>\u201d tutorial.<\/p>\n\n\n\n<p><strong>Note 2:<\/strong> You can go to the \u201c<strong>Setting<\/strong>\u201d tab and change the appearance of your product price table as you wish. Don\u2019t limit yourself to what we just described in this tutorial; let your creativity build an awesome pricing table to attract more customers.<\/p>\n\n\n\n<p>Don\u2019t forget to click on \u201c<strong>Update<\/strong>\u201d after making any change in the product table. Then, you can open the page of pricing table to see what has happened:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to show products with a specific price range in the table?<\/strong><\/h2>\n\n\n\n<p>Sometimes you need to show some products with a specific range in your product table. To filter the price range, you can specify the minimum and maximum prices under condition box of \u201c<strong>Query<\/strong>\u201d tab, as you can see in the below picture:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/15-condition-box-of-query-tab.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/15-condition-box-of-query-tab.jpg\" alt=\"Conditions of query box in woocommerce product table\" class=\"wp-image-1123\" width=\"1396\" height=\"702\"\/><\/a><\/figure>\n\n\n\n<p>For example, we want to see the products from $10 to $150 in our product table. So, our conditions are:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Minimum Price = 10<\/li><li>Maximum Price = 150<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/15-set-condition-1.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/15-set-condition-1.jpg\" alt=\"Set minimun and maximum price conditions\" class=\"wp-image-1122\" width=\"1372\" height=\"600\"\/><\/a><\/figure>\n\n\n\n<p>You can directly type the value or use the up\/down button to increase\/decrease the value in the box.<\/p>\n\n\n\n<p>After clicking on \u201c<strong>Update<\/strong>\u201d button on the top right of the page and viewing the table, we can see that the changes we have made resulted in the below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/15-result-of-changing-values.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/15-result-of-changing-values.jpg\" alt=\"Result of minimum and maximum conditions\" class=\"wp-image-1124\" width=\"784\" height=\"651\"\/><\/a><\/figure>\n\n\n\n<p>As we expected, just products whose prices ranged from $10 to $150 are displayed in the product table.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How sale price or range price are displayed in the product pricing table?<\/strong><\/h2>\n\n\n\n<p>It is important for a product price table to exactly show the sale prices or range prices to the customers. Now let\u2019s see how they are displayed on the product price table created by WooCommerce product table plugin:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/15-display-sale-price-or-range-price.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/15-display-sale-price-or-range-price.jpg\" alt=\"display sale or range price\" class=\"wp-image-1125\" width=\"1411\" height=\"693\"\/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Show Regular price in price table<\/strong><\/h3>\n\n\n\n<p>The regular price is exactly displayed as you have typed in the product page. For example, in the above table the price of \u201cAlbum\u201d is $15 as we had assigned to it before in the product page according to the below picture:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/15-regular-price.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/15-regular-price.jpg\" alt=\"Set regular price for product in woocommerce\" class=\"wp-image-1126\" width=\"1405\" height=\"756\"\/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Show sale price in pricing table<\/strong><\/h3>\n\n\n\n<p>To better observe how sale price are shown in the product price table, let try to enter \u201c$12\u201d as a Sale Price for \u201cAlbum\u201d:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/15-sale-price.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/15-sale-price.jpg\" alt=\"Set sale price for product in woocommerce\" class=\"wp-image-1127\" width=\"1399\" height=\"312\"\/><\/a><\/figure>\n\n\n\n<p>Now, click on &#8220;<strong>Update<\/strong>&#8221; and open the page of Product Price Table. You can see that the Regular price is crossed and the Sale Price is showing next to it:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/15-result-of-setting-regular-and-sale-price.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/15-result-of-setting-regular-and-sale-price.jpg\" alt=\"show regular and sale price in woocommerce product table\" class=\"wp-image-1128\" width=\"916\" height=\"759\"\/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Show range price in pricing table<\/strong><\/h3>\n\n\n\n<p>If you have products that the prices of some variations are different from others, the range price will be shown in the pricing table.<\/p>\n\n\n\n<p>For example, for &#8220;V-Neck T-Shirt&#8221; as a variable products, we assigned \u201c$15\u201d for &#8220;Blue&#8221; one and \u201c$20\u201d for the &#8220;Green&#8221; one:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/15-set-price-for-blue-shirt.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/15-set-price-for-blue-shirt.jpg\" alt=\"Set range price for variable products\" class=\"wp-image-1131\" width=\"1093\" height=\"606\"\/><\/a><\/figure>\n\n\n\n<p>As you can see in the below picture, a range of price is displayed in front of &#8220;V-Neck T-Shirt&#8221; as $15.00-$20.00:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/15-result-of-range-of-price.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/15-result-of-range-of-price.jpg\" alt=\"Result of setting a range of price\" class=\"wp-image-1129\" width=\"919\" height=\"756\"\/><\/a><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Product pricing table is the best way to help customers pick their product easily by observing the sale prices. Also comparing them with the regular prices as well as seeing a list of products available to be purchased in one view. Creating a WooCommerce pricing table is an easy task in the WooCommerce product table [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-823","post","type-post","status-publish","format-standard","hentry","category-plugin-usage"],"_links":{"self":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/posts\/823","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/comments?post=823"}],"version-history":[{"count":0,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/posts\/823\/revisions"}],"wp:attachment":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/media?parent=823"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/categories?post=823"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/tags?post=823"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}