The WooCommerce product pricing table is important in attracting customers’ attention for any business that offers online products or services. A simple and practical design of the pricing table for WooCommerce allows customers to easily compare the prices of different products and services and even their variations and place their orders quickly.
If you are the manager of a WooCommerce store, you must know that it is impossible to display products in a table without installing a WooCommerce pricing table plugin. In this post, we introduce the WooCommerce product table plugin as one of the best plugins to create a WooCommerce pricing table in different formats. This WordPress price list table plugin has great features and a simple interface that allows you to create any product price table without coding.
What is a product pricing table?
A WooCommerce pricing table lists products and other useful information displayed in different columns to the customers. This table usually has a simple interface, allowing customers to quickly review the most important features of the products with their prices at one glance.
The most common columns in this table are the product price, product title, variations, and add to cart button. However, store managers can customize the table columns based on their needs.
Continue reading to learn how to create a customized WooCommerce pricing table with the WooCommerce product table plugin.
How to create a product pricing table using by WooCommerce product table plugin?
The WooCommerce product table plugin is one of the WordPress price list table plugins that provides all the necessary advanced features to create eye-catching and responsive tables. This plugin has an easy and intuitive user interface to create any product table easily.
Here, we will teach you how to create a WooCommerce pricing table in 4 simple steps with this plugin:
Step 1: Create a WooCommerce product pricing table
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:
- Install and activate the plugin, then go to WordPress > iT Product Table > Add new table
- On the new page, scroll down and press the Get Start button.
- The plugin will automatically import all of your products to the table; however, you can instruct the plugin to show some of them by making a query in the Query tab.
- Now, you can add columns to your table by opening the Columns page. (1)
- Click the Add a new Column on this page to create the first column. (2) As you may notice in the below picture, after adding any column, you can see a box with two sections: the Heading and Cell content.
- In each section, you can assign an element by pressing the Add element option and choosing one element from the list appearing in the Left panel. (3) It is possible to tweak the appearance by customizing the options in the Design tab.
- After adding each element, you can access the General and Style tabs in the Element setting panel. The configuration settings designed in these tabs allow you to customize the content and appearance of each element in the table.
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 section:
- Title: To show product name to the customers
- Content: To inform customers about the product description.
- Price: to show regular or sale prices to the customers.
When you add the essential columns to create the WooCommerce pricing table, it is time to make it more efficient for your customers.
Step 2: Customize the WooCommerce product pricing table
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.
Method 1: Display each product in separate rows with the price range
One of the most popular formats for making a WooCommerce pricing table is to show each simple and variable product of your store in separate rows. Then, to make a better experience for your customers, especially in choosing the right variation, you can add a Product link to the table columns and let them visit the product page.
To add a Product Link to your table, follow the mentioned steps (1 to 3), then choose the Product Link element from the left panel.
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.
There are some customization options in this element’s General and Style tabs. For example, you can show any text as the product link label by adding a Text element in the Content field as shown below:
Finally, the result of making the pricing table in this format is like below:
Method 2: Display each variation in individual rows with its price
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.
To make this happen, you need to follow two steps:
Step 1: instruct the plugin to show variations in separate rows
This is simply possible by going to the Settings tab and enabling the item specified in the below picture:
In the next step, add a new column and assign an add-to-cart button.
The final result of making the WooCommerce pricing table in this format is illustrated below:
Step 3: Add extra options to the product pricing table
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, filters, search boxes, and pagination. 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.
Product pricing table with quantity column
The steps to add a Quantity box to your pricing table is exactly like other elements we have described before.
After adding a new column, you can add the Quantity element to the Cell content and customize its features by editing the items in the General and Style tabs.
As you can see in the below image, we added the Quantity box to the last column of the table. So customers can order multiple products at once.
Add price filter to product price table
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:
- Go to the Navigation tab.
- Choose one of the Navigation bars, including the Sidebar, Header, and Footer.
- In the chosen navigation bar, click the Add Element option and select one of the Elements from the left panel to add the filter.
For example, we tried to add a price filter to the Header, as illustrated below:
After adding the Price filter element, you can customize its content in the Element Settings panel. By default, the price range is divided into 3 categories including:
- Up to $50
- Over $100
However, you can change these ranges by editing the min and max price in each filter option and setting any label you want.
When you add this filter, the customers can choose one of the price ranges to filter the products based on their budgets.
Add pagination to product price table
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 by choosing the Add Element option and selecting Pagination from the list.
Now, by clicking on the Eye icon at the top of the table, you can preview your product table with all the extra options.
If the preview of your product table looks perfect, follow the next step to replace the shopping page of WooCommerce with this pricing table.
Step 4: Show the price table to the customer by inserting the Shortcode
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 icon.
Then you just need to paste this short code to a new page of your WordPress site.
Finally, go to the WooCommerce settings and replace the shopping page of WooCommerce with this new page as illustrated below:
The final result which is displayed to the customers when they visit your shopping page is like this:
What are the Advantages of showing the WooCommerce pricing table to the customers?
WooCommerce pricing table can display and share information such as product names, variations, and prices to customers. Displaying the price list of products is very important for some online stores, such as stores that sell e-books, software, and music albums or for offering restaurant menus.
The most important advantage of displaying the product price table is that it significantly reduces the customer’s shopping time. Other advantages of WooCommerce price table include the following:
- Showcase your products or services at a competitive price.
- Let customers compare the features and prices of your products.
- Allow customers to decide which variations can meet their needs easily.
- Help customers to add products directly to their carts.
In addition, a well-designed pricing table helps consumers make shopping decisions faster and avoid browsing other websites. An attractive and professional pricing table will attract more consumers, thus increasing your overall sales.
Why showing the WooCommerce pricing table is important on the shopping page?
A shopping page is one of the vital pages of your online store. When a customer visits this page, they have already decided to buy and want to know the price of your products.
That is why a professionally designed pricing table helps customers to have complete information about your product, price, and variations.
The main purpose of the pricing table is to help customers choose the product they want at the most suitable price and in the shortest possible time.
If you have a lot of products for sale on your site, it can be exhausting for your customers to navigate through product pages individually. Therefore, to solve these problems, the easiest way is to use a WordPress price list table plugin. Various plugins have been provided in this regard, and the WooCommerce product table plugin is one of the best.
The WooCommerce product table plugin is an advanced table builder that allows you to display very practical tables on the shopping page of your site. An attractive product page can help you make more sales.