Updated date:

How to Create a Pricing Table With WordPress? a Step by Step Guide

Author:

Amit is a web developer and writer turned digital entrepreneur. He loves writing on technology, social media, and self-improvement.

Do you want to create a pricing table for your website? It is very important to show your price on your website. Creating a price table with WordPress is not a big deal. Here, in this guide, we will talk about how to create a pricing table with WordPress.

To create this, there are several options that you can try such as custom code, plugins, and using ready-made templates. So in this article, you will learn to create a pricing table with the Elementor Page Builder plugin.

So buckle up and open the WordPress dashboard as soon as possible.

how-to-create-pricing-table-with-wordpress-a-step-by-step-guide

Download Elementor Plugin

First of all, you need to download the Elementor Page Builder plugin. Go to the Plugins section and search for Elementor plugin. Next, activate and confirm whether it is active or not.

how-to-create-pricing-table-with-wordpress-a-step-by-step-guide

Our Pricing Page

Once you activate the plugin, head to the Pages and then Add New. Now name the page like Our Pricing or Pricing (whatever you want to name the page). After naming, be sure to click the Publish button.

how-to-create-pricing-table-with-wordpress-a-step-by-step-guide

Now click on Edit with Elementor button.Once you click this button, you will be redirected to a separate window where you can edit the page and design a pricing table.

Add to Menus

Before designing the pricing table, an important task must first be done which is to set the page as live. To actually do this, go to the dashboard and open Appearance then Menus.

Now select the main header menu and add our pricing page to the menu so that it can be published live on the header of your existing website.

After adding the page, drag and set the position of the page where you want it to appear exactly.

Finally, be sure to press the Save Menu button.

Front-end:

To check whether the page is visible on the front end, open your website in a new tab and confirm the page name on the header section.

how-to-create-pricing-table-with-wordpress-a-step-by-step-guide

Now if you open the page, you will see this is how your page will look.

how-to-create-pricing-table-with-wordpress-a-step-by-step-guide

So far, you have formed the basis of the table. From here, you will learn how to exactly design the price table.

Head over to the Pages, and look for Our Pricing page and open it in Elementor editor.

Download Starter Template Plugin

Here is a simple trick, because you are designing this table as a newbie with WordPress. So you need to play a pretty quick trick. To do this, download and activate the Starter Template plugin.

Next, open the previous editor page. Now, you will see the favicon icon of the starter template. So click on it and find a template that has a pre-designed pricing table or page.

Online Course Theme:

Here is a theme called Online Course, in which you will see a pre-designed pricing page. So here you get it.

Just select the page and press the Import Template button.

As soon as you click on the button, you will see that the entire page will be added to your website.

Now remove unnecessary columns and keep only the pricing columns.

After this, you will see a pricing table on your page. Now click on the update button. To confirm the design, open our pricing page in a new tab.

how-to-create-pricing-table-with-wordpress-a-step-by-step-guide

Customize Table

Now the next step is to enter the actual data in the table and change the color according to your existing theme.

Add a Title:

First of all, if you want to add a title to your table, click on the + icon and choose a blank space. Now drag the Heading element and type 'OUR PRICING' and adjust the position as you want it to appear.

Note: I have added some dummy text under the title to make it look beautiful. You can design it according to your taste.

Add your pricing:

To add your data to the table, click on the text column and enter your data accordingly.

how-to-create-pricing-table-with-wordpress-a-step-by-step-guide

Change the color:

To change the color of your table, select the column and click on the edit icon and change the color you like most.

how-to-create-pricing-table-with-wordpress-a-step-by-step-guide

Conclusion

This is how you can exactly design a pricing table for your website. You can customize the table according to your requirement. If you want four sections in your table then you can copy any of the section and do so.

If you are intermediate with WordPress, you can do this very easily but if you are a newbie, you may take some time to design the entire table. However, if you face any issue, you can tell me by writing in the comment section.

I would be happy to help design a beautiful pricing table for you.

This content is accurate and true to the best of the author’s knowledge and is not meant to substitute for formal and individualized advice from a qualified professional.

© 2020 Amit Masih

Comments

Amit Masih (author) from Jaipur, India on December 02, 2020:

It means a lot, Preeti! I am very grateful to you that you find it fruitful.

Preeti Shah from Delhi on December 02, 2020:

Very beautifully explained the pricing table creation with word press. Love reading your articles.