Do you have a list of prices on your website? These prices might be for services like lawn care or they may be for software packages. From the tech world to yoga studios, most companies could use pricing tables for better representation of what they offer. The main way to do this is by looking at the best WordPress pricing table plugins, then implementing one onto your website.

But That Begs the Question, Why Is Having a Pricing Table so Important?

The answer to this question may seem obvious (you want to improve conversions, right?) but it’s nice to understand the why behind the pricing table. Why is a pricing table plugin more effective at making a sale than a regular bullet list, paragraph, or even an image?

Having a sleek looking prices page can make your services pop and increase conversions. Check out these handy WordPress pricing table plugins. 🛒Click to Tweet

What to Look for in a WordPress Pricing Table Plugin

Now that we know the benefits of a WordPress pricing table plugin, let’s take a look at some of the features you should want:

We could go through dozens of features that make sense on pricing tables, but this is a good start with the essentials.

The Best WordPress Pricing Table Plugins Compared (and How to Code Your Own)

  1. Responsive Pricing Table by WP Darko
  2. Go Pricing
  3. Pricing Tables WordPress Plugin – Easy Pricing Tables
  4. Pricing Table by Supsystic
  5. CSS3 Responsive WordPress Compare Pricing Tables
  6. ARPrice – Responsive WordPress Pricing Table Plugin
  7. WP Pricing Table Builder – Responsive Pricing Plans Plugin for WordPress
  8. Pricing Table – Price list, Price Table, Easy Pricing Table
  9. WRC Pricing Tables
  10. How to Build a Pricing Table in WordPress From Scratch

There’s no shortage of available options when it comes to pricing table plugins and WordPress sites. Some of the best ones can be used for free, while others are premium without any free options. That being said, all of the plugins below deserve a spot on this list, and a few of them have unique features that are great for some specific industries or companies.

1. Responsive Pricing Table by WP Darko

The Responsive Pricing Table is one of the more user-friendly, feature-packed plugins for making pricing tables. It provides an excellent free version with no limitations on how many plans you include or how tables you make for your websites. You can, however, upgrade to the premium version for access to better features such as skins and an “equalizer” for making all column heights the exact same.

Responsive Pricing Table WordPress Plugin

Responsive Pricing Table WordPress Plugin

The pricing tables you build are completed with simple fields and backend buttons. For instance, some of the built-in fields you can utilize include pricing, descriptions, plan titles, and icon boxes. Some of the custom buttons allow for links to places like Stripe and PayPal, while the custom CSS classes are sure to help out advanced developers.

Cost

A free plan is available.

You can get the premium plugin for $19 on one site or $49 for unlimited sites.

The Darko Developers sell other plugins, so you can get all of them for the price of $79. This might be useful for some companies.

Features That Make Responsive Pricing Table a Great Choice

2. Go Pricing

The Go Pricing app doesn’t have a free version, but it boasts thousands of sales and some great reviews in the CodeCanyon marketplace. Not to mention, it’s only $27 to get one of the best pricing table plugins on the market.

Go Pricing - WordPress Responsive Pricing Tables

Go Pricing – WordPress Responsive Pricing Tables

What makes the Go Pricing plugin so special? To start, it has incredibly sleek pricing plans with modern colors and plenty of whitespaces so it doesn’t look cluttered. You can also choose from a large collection of themes, some of which are made just for certain industries. We also love that the plugin integrates with several page builders and has shortcodes to ensure that no one has to be a coding whiz to make pricing tables.

Cost

A one-time fee of $27 with the option to extend support to a year for $8.25.

Features That Make Go Pricing a Great Choice

3. Pricing Tables WordPress Plugin – Easy Pricing Tables

If you’re interested in clean comparison and pricing tables without the bells and whistles, the Pricing Tables WordPress Plugin looks like a solid option for you. It comes in both free and premium versions, starting at $29 per year for one website and going up to $99 per year for unlimited websites. Some of the premium features start to get really cool, including a WooCommerce add-on and Google Analytics integration.

Pricing Tables WordPress Plugin – Easy Pricing Tables

Pricing Tables WordPress Plugin – Easy Pricing Tables

Some of the other integrations for the premium versions include Easy Digital Downloads, Stripe, and a Pricing Toggle add-on. What’s more, is that you can expect to start the design process with 10 preset designs. As mentioned, this is one of the simpler pricing table plugins, so we like it for those who don’t want elements like animations and graphics.

Cost

The core plugin is free.

The premium plugin is $29 per year for one site, $59 per year for five sites, and $99 per year for unlimited sites.

Features That Make Easy Pricing Tables a Great Choice

4. Pricing Table by Supsystic

The Supsystic development team is known for making all sorts of plugins for photo galleries, popups, data tables, and more. But we’re taking a look at the Pricing Table plugin, which is offered as a free solution with quite a few features for you to play around with. In fact, the free version of the plugin has features for preset templates, hover animations, and button customizations. You can even import and export your table information with ease.

Pricing Table by Supsystic

Pricing Table by Supsystic

We also like the look of the premium plugin, seeing as how it starts at $39 for one site and you receive a large pack of premium templates and role restrictions. Overall, I would argue that this is one of the best pricing table plugins for using the core, free plugin and skipping out on the paid version. However, the premium templates are pretty cool and they don’t cost you that much.

Cost

A free plan is offered.

Upgrade to premium for $39 on one site. Or $69 for support on five sites. Or $149 on unlimited sites.

Features That Make Pricing Table by Supsystic a Great Choice

5. CSS3 Responsive WordPress Compare Pricing Tables

At the price of $20, the CSS3 Responsive pricing table plugin is an incredible value. It’s only sold on the CodeCanyon marketplace, but you should keep in mind that no free version is available. That being said, most people won’t fret the idea of paying $20 for a highly rated and reviewed pricing plugin. Overall, the plugin has some beautiful templates for you to get started. You can change around colors and fonts, while also highlighting some of the best plans you offer.

CSS3 Responsive WordPress Compare Pricing Tables

CSS3 Responsive WordPress Compare Pricing Tables

Most of the pricing tables on this list are responsive, but this one looks particularly good after testing on my phone and tablet. It also seems like the developer is responsive and willing to create new features and release them as updates. For instance, at the time of this article, I’m currently seeing three major feature releases–that of the sliding columns, responsive mode, and data importing and exporting.

Cost

$20 for all features.

You can pay $5.63 to extend your customer support to one year. No free plugin is offered.

Features That Make CSS3 Pricing Tables Grids a Great Choice

6. ARPrice – Responsive WordPress Pricing Table Plugin

The ARPrice plugin also sells on the CodeCanyon website, but for the price of $23. We’re starting to notice that many companies and individuals may be better off paying these super low prices to get all the features they need–as opposed to working with a free plugin that lacks some functionality. Regardless, this pricing table plugin features some of the best visuals on this list, as it supports several types of media items, such as background images and icons.

ARPrice - WordPress Pricing Table Plugin

ARPrice – WordPress Pricing Table Plugin

The backend designer is a visual editor that reveals exactly what your pricing table is going to look like online. You can then choose whether your pricing plans are based on yearly, monthly, or the many other time offerings available. You start the process by selecting a template, then you can go in and import data, change around effects, and choose your fonts.  Overall, the ARPrice plugin offers a beautiful user interface with even better frontend results.

Cost

A $23 one-time fee with a $6.75 fee to extend your support for up to one year.

Features That Make ARPrice a Great Choice

7. WP Pricing Table Builder – Responsive Pricing Plans Plugin for WordPress

Here’s another premium pricing table plugin with a solid price. The WP Pricing Table Builder comes with around 90 table templates for you to sink your teeth into. There’s also a custom theme generator and a drag-and-drop builder for the ultimate visual design experience.

WP Pricing Table Builder - Responsive Pricing Plans Plugin for WordPress

WP Pricing Table Builder – Responsive Pricing Plans Plugin for WordPress

I like this plugin because it doesn’t try to create a template library of 100s of options. Instead, you can tell that the developers have focused on quality and spent a good amount of time making all of the templates as modern and beautiful as possible. The theme color generator is an interesting feature that doesn’t seem to be in any of the other plugins. It lets you generate a color theme using one color of your choice. Therefore, you at least know that the color of your pricing table is going to look nice.

Cost

The plugin is $24.

Upgrade to 12 months of support for $7.13.

Features That Make WP Pricing Table Builder a Great Choice

8. Pricing Table – Price list, Price Table, Easy Pricing Table

The Pricing Table – Price List plugin comes from the folks at A WP Life. It’s a somewhat newer, but well-respected solution. The free version has beautiful options for customizations, including a few templates that come with the plugin. Animations are provided, and you can insert items like icons and feature lists. Place Buy Now buttons on the lists and incorporate tags for things like “Hot” or “Popular” items.

Are your slow pages negatively impacting your sales numbers? Take advantage of Kinsta’s performance-optimized architecture and sell more! Check out our hosting plans

Pricing Table – Price list, Price Table, Easy Pricing Table

Pricing Table – Price list, Price Table, Easy Pricing Table

The premium version of this plugin gives you all of the same features, along with an additional 19 templates. It’s only $9.99, so if you find a template that fits your brand, go for it.

Cost

Free and $9.99 for the premium version.

Features That Make Pricing Table a Great Choice

9. WRC Pricing Tables

The WRC Pricing Tables plugin is provided as a free plugin, but you do have the choice to upgrade for $10. The premium version is a bit more advanced, with over 500 extra templates, a PayPal integration, and pricing toggles for switching between things like monthly and yearly plans. A handful of other features come with the premium plan, so it’s definitely worth considering since the price is so low.

WRC Pricing Tables

WRC Pricing Tables

The free plugin is great for constructing simple pricing tables, and you can create an unlimited number of rows and columns. All design is done with the help of a drag-and-drop editor. One of the things we like the most about the WRC Pricing Tables plugin is that you can utilize a color picker, which essentially takes your color and generates a random table design for you.

Cost

Free. $10 for premium.

Features That Make WRC Pricing Tables a Great Choice

Which Is the Best WordPress Pricing Table Plugin for You?

The plugins listed above are all ready for you to test. However, I can also make it a bit easier for you with some additional recommendations.

All of the other pricing table plugins on this list have their advantages as well. However, these are the ones I tend to enjoy the most.

But what if you’re not interested in using a plugin and would like to code your own pricing table?

Here’s how to do it!

How to Build a Pricing Table in WordPress From Scratch

Building a pricing table from scratch is done with HTML code which will give us the structure for our table and then styling it with CSS.

To get started, log into your WordPress website, navigate to the dashboard and click on Pages → Add New. You can also add the code to an already existing page where you would like your pricing tables to show up.

Once the WordPress editor loads, switch to the text mode and paste the following code:

<div class="pricing-table">
<div class="one-third first">
<ul>
       <li class="header">Basic</li>
       <li class="grey-blue">$ 9.99 / year</li>
<li>List Item #1</li>
<li>List Item #2</li>
<li>List Item #3</li>
              <li>List Item #4</li>
              <li>List Item #5</li>
</ul>
<a class="pricing-button" href="#">Sign Me Up!</a>
</div>
<div class="middle one-third">
<ul> 
       <li class="header-blue">Pro</li>
       <li class="light-blue">$ 99.99 / year</li>
<li>List Item #1</li>
<li>List Item #2</li>
<li>List Item #3</li>
               <li>List Item #4</li>
               <li>List Item #5</li>
</ul>
<a class="pricing-button" href="#">Sign Me Up!</a> 
</div>
<div class="one-third">
<ul>
       <li class="header">Business</li>
       <li class="grey-blue">$ 199.99 / year</li>
<li>List Item #1</li>
<li>List Item #2</li>
<li>List Item #3</li>
               <li>List Item #4</li>
               <li>List Item #5</li>
</ul>
<a class="pricing-button" href="#">Sign Me Up!</a> 
</div>
</div>

The code is rather simple: first, we create a div to hold our pricing table code and make it easy to style them with CSS. Then, since we are creating three tables, each of them is wrapped in a one-third column. The last part is the table itself, with added classes for a header and price point which will make them stand out from the rest of the table.

Before clicking on Publish or Update, be sure to replace the text between the [pre]<li> and </li>[/pre] tags with your own and to add the link to your payment form after the href part of the link.

Once you replaced all the information, go ahead and click on Publish if you created a new page or Update if you added the table to an existing page.

If you look at your page now, you’ll notice the pricing table looks very plain. Let’s add some styling to it.

If you’re using a child theme as you should add the following code to your child theme’s stylesheet, or to the Custom CSS editor.

The first part of the code will make sure our pricing table displays in columns and if you want to or need to display more than three tables, these classes will allow you to easily replace them:

/* ## Column Classes
--------------------------------------------- */
.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
float: left;
margin-left: 2.564102564102564%;
}
.one-half,
.three-sixths,
.two-fourths {
width: 48.717948717948715%;
}

.one-third,
.two-sixths {
width: 31.623931623931625%;
}
.four-sixths,
.two-thirds {
width: 65.81196581196582%;
}

.one-fourth {
width: 23.076923076923077%;
}
.three-fourths {
width: 74.35897435897436%;
}
.one-sixth {
width: 14.52991452991453%;
}
.five-sixths {
width: 82.90598290598291%;

}
.first {
clear: both;
margin-left: 0;
}

The second part of the code will give the actual styling to the tables.

/* ## Pricing Table
 --------------------------------------------- */

.pricing-table {
 line-height: 1;
 }
 li.header {
 background-color: #2f79a9;
 color: #fff !important;
 font-size: 25px;
 border-bottom: 1px solid #2f79a9 !important;
 margin-bottom: 0 !important;
 }
 li.grey-blue {
 background-color: #569dcc;
 color: #fff !important;
 font-size: 20px;
 }

li.header-blue {
 background-color: #00b9eb;
 color: #fff !important;
 border-bottom: 1px solid #00b9eb !important;
 font-size: 25px;
 margin-bottom: 0 !important;
 }
 li.light-blue {
 background-color: #72dffd;
 color: #fff !important;
 font-size: 20px;
 }

.middle {
 box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
 }
 .pricing-table .one-third {
 background-color: #fff;
 margin: 20px 5px;
 padding: 40px;
 width: 32.33%;
 }

.pricing-table .one-third:nth-child(3n+1),
 .pricing-table .one-third:nth-child(3n+2),
 .pricing-table .one-third:nth-child(3n) {
 border: 1px solid #ddd;
 }

.pricing-table .one-third ul {
 margin: 0;
 }

.pricing-table ul li {
 border-bottom: 1px solid #ddd;
 color: #333;
 margin-bottom: 10px;
 padding: 10px;
 text-align: center;
 list-style-type: none;
 }

.pricing-table a.pricing-button {
 background-color: #00b9eb;
 border: 3px solid #00b9eb;
 color: #fff;
 display: block;
 text-align: center;
 padding: 16px 24px;
 }

.pricing-table a.pricing-button:hover {
 background-color: #000;
 border: 3px solid #000;
 color: #fff;
 }

/* Pricing Table - Media Queries for Mobile Devices
 --------------------------------------------- */

@media only screen and (max-width: 1140px) {
 .pricing-table .one-third {
 width: 32%;
 }
 }

@media only screen and (max-width: 800px) {
 .pricing-table .one-third {
 width: 100%;
 }
 }

@media only screen and (max-width: 568px) {
 .pricing-table .one-third {
 width: 100%;
 }
 }

@media only screen and (max-width: 480px) {
 .pricing-table .one-third {
 width: 100%;
 }
 }

@media only screen and (max-width: 420px) {
 .pricing-table .one-third {
 width: 100%;
 margin: 20px 0;
 }
 }

We added some simple, basic styling for the pricing tables and styled the header and price differently to make them stand out. We also added a box shadow around the middle table to highlight that specific package. Finally, we added some media queries to make sure the tables are responsive.

pricing table in wordpress with code

What your pricing table should look like when all is said and done.

Once you’ve pasted both CSS snippets, go ahead and click on Update File. Now take a look at your page and make sure everything displays the way you want it.

If you have any questions about pricing tables, or if you have any suggestions for other people, let us know in the comments!


If you enjoyed this article, then you’ll love Kinsta’s WordPress hosting platform. Turbocharge your website and get 24/7 support from our veteran WordPress team. Our Google Cloud powered infrastructure focuses on auto-scaling, performance, and security. Let us show you the Kinsta difference! Check out our plans