Beginner's Guide for WordPress / Start your WordPress Blog in minutes

How to Add Beautiful Pricing Tables in WordPress (No Code)

Do you want to add beautiful pricing tables to your WordPress site?

Pricing tables have a huge impact on how users make their buying decisions. Adding beautiful pricing tables that are easy to scan helps users select the right product, and this helps you boost your conversions and increase sales.

In this article, we will show you how to easily add beautiful pricing tables in WordPress without writing any code.

How to Add Beautiful Pricing Tables in WordPress (No Code)

Why Add Pricing Tables Using a WordPress Plugin?

There are two ways to add new features to your WordPress website. You can program them manually, using code, or you can use a WordPress plugin.

If you are familiar with HTML and CSS, then you may wish to create a pricing table using code. The programming and design skills required aren’t particularly advanced, and you will have complete control over the design of the table.

However, writing and testing the code will take time. And you will also have to consider your users who use mobile devices or different web browsers. You may end up with an unattractive pricing table that doesn’t look right to all of your users.

Using a WordPress plugin is quicker and easier, and it’s the best solution if you don’t have design or coding experience.

With that being said, let’s have a look at how to add beautiful pricing tables in WordPress without writing any code. We’ll cover two different WordPress plugins and you can choose the one that looks best to you.

Method 1: Add Beautiful Pricing Tables With Easy Pricing Tables

This method allows you to add pricing tables to an existing page or post. If you need to customize the rest of the page, you should use method 2 instead.

First, you need to do is install and activate the Easy Pricing Tables plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

For this tutorial, we’ll use the free plugin. There’s also a premium plugin that offers more features and starts at $29 for a single site license. You’ll need the premium version if you wish to access additional templates, add images, or integrate the table with WooCommerce.

Step 1: Creating the Pricing Table

Upon activation, head over to the Pricing Tables » Add New page from the WordPress admin sidebar.

Here, you’ll be asked where you want to add your table to your site. Simply select the ‘New Page With Pricing Table’ option.

Choose where you want to add the pricing table

This will open a new pricing page in the WordPress block editor where a ‘Choose a template’ prompt will be open on the screen.

From here, select a design of your liking to embed the pricing tables on your WordPress page.

Choose pricing table template

Step 2: Customizing the Pricing Table

Customizing the pricing table is super easy. For example, you can start by changing the headings for the pricing plans.

After that, you can click on the table to start adding subheadings, features, pricing, and more.

Edit pricing table

You can use the block toolbar at the top of the table block to add a new column, change the alignment of rows and columns, reorder the columns, and change their sizes.

Often in pricing tables, one plan is marked as ‘featured’ or ‘most popular’. You can do this by selecting the column you want to highlight and then clicking the star icon on the toolbar.

You can also change the visual appearance of the table according to your liking from the block panel on the right corner of the screen.

For example, you can change the accent color to highlight the best pricing plan or change the button color at the bottom of the table.

Change accent color in the pricing table

You can also click on the buttons to edit their labels.

Once you do that, you can add a label and a URL of your choice to the fields.

Add button label and URL

Step 3: Publishing the Pricing Table

To publish the pricing table on your WordPress site, simply click the ‘Update’ or ‘Publish’ button at the top right corner of the screen.

You can also click on the ‘Preview’ link to see your page before making it live on your website

Save and publish pricing page

Now you can visit your website to see the final result.

pricing table preview

Method 2: Add Beautiful Pricing Tables With a Page Builder

This method is best if you want complete control over your pricing page design.

First, you need to install and activate the SeedProd plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

SeedProd is a drag-and-drop WordPress page builder for businesses, bloggers, and website owners, and the best choice for creating high-converting pricing pages. You’ll need the Pro or Elite plan to access the pricing table block we use in this tutorial.

Upon activation, go to the SeedProd » Settings page to enter your plugin license key. You can find this information under your account on the SeedProd website.

Enter your SeedProd license key

After entering your license key, we’ll start by creating a new landing page, and then add a pricing table block.

Creating a New Landing Page

To create the landing page for your pricing table, you need to head to SeedProd » Landing Pages and then click the ‘Create a New Landing Page’ button.

Add a New SeedProd Landing Page

On the next screen, you’ll be asked to choose a landing page theme. SeedProd comes with dozens of beautiful landing page templates neatly organized for different campaign types.

Simply click to select a template that you want to use as a starting point.

Select a SeedProd Landing Page Template

You can learn how to customize the page and add new blocks in our guide on how to create a landing page with WordPress. When you’re ready, we’ll move on and add the pricing table.

Adding a Pricing Table

First, you need to add some columns so you have somewhere to place the pricing table blocks. You need to drag the ‘Column’ block onto the page, and then select enough columns to display your prices. For this tutorial, we’ll select three columns.

Start by Adding a Column Block to Your Landing Page

After that, you need to locate the ‘Pricing Table’ block, and drag it onto the words ‘Drag New Block Here’ in each of the cells you just created.

For this tutorial, you’ll need to drag the block onto the page three separate times, once for each column.

Add a SeedProd Pricing Table Block to Each Column

To edit a pricing table, simply click on it.

You can use the settings on the Content tab to edit the plan name and enter the name of your product or service. You can also change the price and currency, add the price that the item normally costs when not on sale, and more.

Customize Your Pricing Table Blocks Using the Content Tab

When you switch to the Advanced tab, you can customize the text font and size, button color and size, spacing, hover effects, and more.

For example, you can make one pricing tier stand out more than others, encouraging your users to choose that option.

Customize Your Pricing Table Blocks Using the Advanced Tab

Publishing the Pricing Table

Once you are happy with your landing page and pricing tables, it’s time to publish it.

Simply click the dropdown arrow on the ‘Save’ button and click ‘Publish’.

Publish Your SeedProd Landing Page

You will see a notification letting you know that your page has been published.

You can also click the ‘See Live Page’ button to see how your new WordPress pricing page looks.

SeedProd Pricing Table Preview

We hope this tutorial helped you learn how to add beautiful pricing tables in WordPress, with no coding required. You may also want to learn how to create a WordPress membership site, or see our list of essential WordPress plugins for business websites.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

8 CommentsLeave a Reply

  1. Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Hi
    I want to make pricing table and add buy now button, on clicking on the buy now button wordpress admin will get an email notification of the plan choosed by the user
    Is it possible with this plugin

  3. I’ve created a really nice price table, which i can preview in table editing, but when I copied the ‘deployed’ text into the wanted webpage, nothing shows up. In page editing the deployed text is just written and in preview the page is blank :(

    So 2 questions: 1) where do you insert the deployed text? 2) after copying the text how do you activate it, so it is visible on the webpage?

    Thanks!

  4. I don’t sell anything. I want to do reveiws on animal products and thus get advertisers. But, I am having a hard time gettig my followers numbers up. Should I go ahead write the reviews and contact the companies and ask for them to advertise on my page for a fee. When they say yes, hopeful thinking, how do I put advertisements on my site?

  5. This plugin sounds good but a bit pricey to my mind. Elementor does the same thing and much, much more for $45. I guess this would work if you couldn’t use a page builder for some reason.

  6. This is a very useful article for me. I was just finding some way to make these tables. Thanx for sharing.

  7. Please make a tutorial video on how to make left navigation bar or WordPress custom page .just like any tutorial website like w3school . threy have a beautiful navigation sidebar on their website . I want this feature in WordPress website too.please do fast and notify me via email

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.