Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

Pricing tables have a huge impact on how users make their buying decisions. Adding beautiful pricing tables that are easy to scan allows users to select the right product.

This simplifies the decision-making process for potential buyers and helps you increase sales.

Through the years of building eCommerce stores, we have mastered the art of creating compelling pricing tables that drive conversions. Our experience has equipped us with valuable insights into the design elements that encourage customers to make a purchase.

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.

Having said that, let’s have a look at how to add beautiful pricing tables in WordPress without writing any code. We will cover two different WordPress plugins, and you can choose the one that works for 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 will use the free plugin. There’s also a premium plugin that offers more features and starts at $49 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 will 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 appear 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 table’s visual appearance from the block panel in 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 are ready, we will 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 can 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 have 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 now 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

After that, you must switch to the Advanced tab to 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

Bonus: Boost Pricing Page Conversions

Once you have created an attractive pricing page, it is important to optimize it for conversions and to encourage users to make a purchase.

To do this, you can offer discounts to new users on a specific pricing plan. This can act as an incentive and motivate users.

To create a discount coupon, we recommend using the Advanced Coupons plugin. For details, you can see our tutorial on how to create smart coupons in WooCommerce.

Is Advanced Coupons the right coupon plugin for your WooCommerce store or WordPress website?

Another tip to boost sales on your pricing page is to create a sense of urgency. This can build FOMO amongst users and incite them to take action.

You can do this by adding countdown timers, offering limited products, time-sensitive discounts, and more.

Additionally, you can use TrustPulse, which is the best WordPress social proof plugin on the market.

Is TrustPulse the best social proof plugin for WordPress?

It displays live customer activity on your website like purchases and signups to increase conversions. For more tips, you can see how to grow pricing page conversions by 30%.

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 add ‘Buy Now Pay Later’ payment plans in WordPress or see our list of popular digital products you can sell online.

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.

Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

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

11 CommentsLeave a Reply

  1. Dennis Muthomi

    As a small business owner I’ve had trouble creating nice pricing tables in the past for my services. Actually I had to create one from scratch and it does not look that great.
    This step by step guide for using Easy Pricing Tables is exactly what I needed.Thanks!

  2. Mrteesurez

    Adding pricing tables to a WordPress site without coding is a game-changer, especially when using a Pagebuilder, I used both Elementor and Seedprod. I’ve found that using a Pagebuilder makes creating these tables incredibly intuitive, allowing you to focus on design and clarity. This approach ensures that the pricing information is both attractive and easy for users to understand, which is crucial for conversions. For me, a well-designed pricing tables can significantly impact user decisions when all essential features of the products or services are listed accordingly, that is why I found this guide particularly valuable.

  3. Moinuddin Waheed

    Pricing table is a must have feature for any website that is making an online sale of products and services.
    Having a good looking, informative and call to action pricing table helps make quick purchase decision.
    it also helps make a comparison of different available options for some tweak of the costs, thus helps make informed decisions regarding the plan that best suits the need.

    • Mrteesurez

      I totally agreed with you on the importance of pricing page and want elements should be present. It contains different pricing plans to choose by users. Users will be able to compare to select one that is most affordable to them.

  4. Anika

    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

  5. Alex

    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!

  6. Donna Heath

    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?

  7. Allan Jackson

    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.

  8. Farukh hussain

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

  9. Krishna

    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.