A pricing table is a well-structured representation of products and services along with their corresponding prices and features. It allows customers to compare different pricing plans and choose the one that suits them.
The default WordPress table block lacks many advanced features. You cannot create comprehensive price tables with it. You need a table builder plugin like Tableberg to create stunning pricing tables.
You can create conversion-centric pricing tables even with its free version. In this article, we’ll show you how to create a pricing table in WordPress using the Tableberg plugin.
- Method 1: Choosing a Pricing Table Template
- Method 2: Creating a Pricing Table from the Scratch
Create Beautiful Tables
With Block Editor
Choosing a Pricing Table Template
The Tableberg plugin comes with some pre-built pricing table templates. You can get started right away by choosing one of these templates.
Step 1: Install and Activate the Tableberg Plugin
Go to Plugins > Add New Plugin. Type Tableberg in the search box. Install and activate the plugin after it appears below.
Step 2: Add the Tableberg Block to Your Post or Page
Open the post or page where you want to create the pricing table. Click on the + icon and search for ‘Tableberg’. Click on the Tableberg block to insert it.
Step 3: Choose a Pre-Built Table
Now if you want, you can create a table from the scratch. I’ll show that later.
Let’s see the pre-built option first. Once you’ve inserted the Tableberg block, simply click on ‘Pre-Built Tables’.
A patterns library will be popped up. Select the ‘Pricing Table’ section and choose a pricing table template.
The table will be inserted to the editor.
Step 4: Customize the Table
Select the whole block by click on the Tableberg icon and then click on the Settings icon from the upper right-hand side corner. You can customize the table from there.
Creating a Pricing Table from the Scratch
You can also create a table from the scratch.
Step 1: Choose the Number of Columns & Rows
Once you’ve inserted the Tableberg block, set its row and column number. However, you can increase or decrease the number of rows and columns after creating the table as needed. But for now, we are selecting a 4*4 row and column.
As you add lots of content, you may need more space within the table cells. So, it’s better if you increase the table width. Select the entire table by clicking the TableBerg icon three times on the toolbar.
You’ll get the Settings tab appearing on the right sidebar. Under the settings table, you’ll find the Table Width option. Increase its width as you need.
Step 2: Add Titles to the Table Columns
Add suitable titles to the table columns. Suppose we’ll create a pricing table for a web hosting business. There are four pricing plans in the table. So, the column title will be Economy, Deluxe, Ultimate, and Maximum.
You can customize the title text and its background color from the respective tab on the right sidebar. You can also increase the text typography and its size.
Step 3: Add Prices and Discount Rates to the Pricing Table Columns
First, add the prices of the plans to their respective columns. We have made the price texts bold, a bit bigger, and colorized with blue.
The discount rate usually sits very close to the main price. Place your cursor on the pricing cell and create space below them, pressing the Enter button on your keyboard.
After that, type your desired discount rates in the respective columns.
We will now highlight the discount rate so it becomes more visible. Select the discount rate text area with your cursor. Click the More option on the toolbar. Choose the Highlight option.
Use a background highlighter to the discount rate text. We have applied the color code #fcdc4b in the background of the discount rate on the pricing table.
Apply the same process to each column in respective areas.
If there are any special notes for the plans, you must specify them within the pricing area. See, we’ve done it using the first bracket sign.
Step 4: Add CTA Buttons to the Table
By adding CTA buttons, you cannot provoke users to buy your products. Select the cell to which you want to add the CTA button. Press the Plus (+) icon on the cell and select the CTA button.
We’re not covering this part in full detail. All you have to do here is write a compelling CTA copy for each button. Link buttons to the checkout page. Add background and text colors for the buttons.
Step 5: Add Features to the Pricing Table
Finally, you need to list all the features of your products and services based on their pricing plans. If there are any special words that you want to highlight, you can bold them.
Step 6: Preview the Pricing Table
Before you publish the pricing table, it’s better if you see it in the preview mode to check if there is any mistake. If the table is totally clean, you can make it live.
Conclusion
Thus, you can create informative pricing tables on your site that help customers make informed decisions. TableBerg is coming up with more new features by which you can create more advanced tables on your site.
If you love this post, comment below and let us know your feedback. Take a look at how to create a comparison table in WordPress.
