If you use WordPress to power a service website, you’ll know that gaining visitors does not necessarily equal finding clients. A lot of factors go into converting visitors to paid customers, but few are as important as your prices. When it comes to presenting that information, WordPress pricing tables are one of the best tools at your disposal.
WordPress pricing tables enable you to get across both your prices and the all-important details about your services. They’re informative, concise, and they can look quite stylish to boot.
During this article, we’ll introduce you to the Responsive Pricing Table plugin. Then, we’ll guide you through five simple steps to create and insert WordPress pricing tables into your site. Let’s find out if the price is right! 💰
📚 Table of contents:
- Step 1: Get to know the Responsive Pricing Table creator
- Step 2: Create your pricing plans
- Step 3: Choose a featured plan
- Step 4: Customize your pricing table
- Step 5: Insert your pricing table into your website
Introducing the Responsive Pricing Table plugin
The Responsive Pricing Table plugin is very straightforward. It enables you to design an almost limitless number of WordPress pricing tables, and insert them into your site. It also includes its own table creator, which comes with all the fields you’ll need, including prices and feature lists.
As far as we’re concerned, the plugin’s only downside is that it only supports up to five pricing plans per table – however, for most cases this will be plenty.
⚙️ Key features
- Enables you to create unlimited tables.
- Supports up to five plans per table.
- Provides a custom CSS section to tweak your table’s style.
- Lets you insert tables almost anywhere on your site using shortcodes.
💳 Pricing
The plugin’s free version should be enough for most cases; however, there’s also a premium version starting at $5 per month, which offers additional functionality such as themes for your tables, and the ability to add tooltips for your lists of features.
How to create WordPress pricing tables (in 5 steps)
Before we dive into the how-to, you should take a moment to outline the key information that will go into your pricing table. Some of this will depend on your own business’ pricing model, but most businesses stand to benefit from using a tiered pricing strategy. Here’s a brief checklist to help you through the process:
- Figure out a name for each plan.
- Work out prices for all of them.
- Outline the features that each plan will include.
- Come up with a call to action (CTA) – for each plan or an overall one. If you need some inspiration, check out these examples of proven CTAs from real brands.
When you’re ready, you can begin with step one below.
Step 1: Get to know the Responsive Pricing Table creator 🏗️
After installing the plugin, you can find the pricing tables creator under Pricing Tables > Add New in your WordPress dashboard. Once open, you’ll get the option to fill in the blanks for your first plan and name your table:
![The pricing table creator.](https://mllj2j8xvfl0.i.optimole.com/cb:jC7e.37109/w:822/h:728/q:90/f:avif/https://themeisle.com/blog/wp-content/uploads/2023/10/responsive-pricing-table-add-new-pricing-plan.png)
The table includes the following fields, which are mostly straightforward:
- A title, subtitle (a sort of one-line summary), and description.
- Price and frequency (e.g. monthly, yearly, etc.).
- An icon (which appears at the bottom of the table creator) and highlighted plan (more on this later).
- A feature list, where each entry gets its own line.
- The text for your call to action.
Next up is creating your pricing plans.
Step 2: Create your pricing plans 💵
Here’s how your pricing table creator should look after filling out all of the fields:
![how to create a pricing table.](https://mllj2j8xvfl0.i.optimole.com/cb:jC7e.37109/w:870/h:736/q:eco/f:avif/https://themeisle.com/blog/wp-content/uploads/2023/10/create-pricing-plan.png)
As you can see, we’ve chosen a title and description, but omitted the subtitle for this example. We’ve set a price, a frequency, and also uploaded an icon. Next, we wrote down our list of features, and bolded some of the choices using the <strong>
tag. Finally, we added some text to our button and chose a color for our plan. Here’s the result:
![An example of a plan.](https://mllj2j8xvfl0.i.optimole.com/cb:jC7e.37109/w:311/h:620/q:eco/f:avif/https://themeisle.com/blog/wp-content/uploads/2016/11/starter-plan.png)
Looking good! Rinse and repeat this process with as many plans as you need by clicking on the Add a pricing plan button below the editor. In our case, we’ve created three:
![An example of three plans side by side.](https://mllj2j8xvfl0.i.optimole.com/cb:jC7e.37109/w:1154/h:589/q:eco/f:avif/https://themeisle.com/blog/wp-content/uploads/2016/11/pricing-tables-initial.png)
Once you have a base table, it’s time to kick things up a notch.
Step 3: Choose a featured plan ⭐
Our plans are ready, but there’s still work to be done to make our pricing table stand out. For starters, we can choose to display one of our plans as a featured choice, enabling us to push a particular plan that’s beneficial to both us and our customers from a pricing and feature standpoint.
To do so, select the Enabled option in the Highlight plan setting, right below the Styling category, inside the table creator:
![The Highlight plan setting.](https://mllj2j8xvfl0.i.optimole.com/cb:jC7e.37109/w:687/h:169/q:eco/f:avif/https://themeisle.com/blog/wp-content/uploads/2023/10/highlight-plan-in-responsive-pricing-table-plugin.png)
Then update your table and check out the results. Your recommended plan now has a new insignia, and is larger than its competitors – which will hopefully catch your visitor’s eye:
![The Recommended plan setting in action.](https://mllj2j8xvfl0.i.optimole.com/cb:jC7e.37109/w:1162/h:612/q:eco/f:avif/https://themeisle.com/blog/wp-content/uploads/2016/11/pricing-tables-featured-plan.png)
Step 4: Customize your pricing table 🎨
As you might have noticed, each of our plans has its own icon. If you’re not sure where to find stock graphics for yours, we recommend that you check out Flaticon’s collection of vector icons. Once you find a good match, follow the instructions to download your chosen icon, then simply upload it in the Upload icon field creator:
![The Upload icon setting within the table creator.](https://mllj2j8xvfl0.i.optimole.com/cb:jC7e.37109/w:470/h:217/q:eco/f:avif/https://themeisle.com/blog/wp-content/uploads/2023/10/upload-icon.png)
To customize the colors of your plans, navigate to Color, and select from the palette drop-down:
![The Table color setting within the table creator.](https://mllj2j8xvfl0.i.optimole.com/cb:jC7e.37109/w:463/h:289/q:eco/f:avif/https://themeisle.com/blog/wp-content/uploads/2023/10/choose-color-responsive-pricing-table-plugin.png)
Once you’ve made your customizations, the final step is to insert your pricing plan into a WordPress post or page.
Step 5: Insert your pricing table into your website 🌐
Your finished WordPress pricing tables can be found under Pricing Tables > All Pricing Tables. To insert them into your website, choose the appropriate pricing table from the list, and look for the corresponding shortcode to the right of its name:
![An example showing where to find your table's shortcode.](https://mllj2j8xvfl0.i.optimole.com/cb:jC7e.37109/w:1172/h:208/q:eco/f:avif/https://themeisle.com/blog/wp-content/uploads/2016/11/table-shortcode.png)
Copy the shortcode, and paste it exactly where you want your pricing table to appear – either on a particular post or page, or using the WordPress Customizer. In our case, we paired it with the Neve theme‘s testimonial section. That way, prospective customers can check out your plans, then move on to reading what past customers have to say if they need any more convincing:
![A pricing table and a testimonial section.](https://mllj2j8xvfl0.i.optimole.com/cb:jC7e.37109/w:1323/h:1041/q:eco/f:avif/https://themeisle.com/blog/wp-content/uploads/2023/10/pricing-tables-preview-with-Neve.png)
Conclusion 🧐
There’s a reason why lots of websites use pricing tables – they offer an elegant (and effective) solution to a complex problem. They enable you to provide customers with nearly all of the information they’ll need to make a decision about your services, without resorting to long paragraphs – and they can look great too!
In this post, we’ve shown you how to create WordPress pricing tables and insert them onto your site in five steps. Once you’ve installed the Responsive Pricing Table plugin and outlined your plans, you’ll want to carry out the following steps:
- 🏗️ Familiarize yourself with the Responsive Pricing Table creator.
- 💵 Create your pricing plans.
- ⭐ Choose a plan to highlight.
- 🎨 Customize the style of your tables.
- 🌐 Insert your WordPress pricing tables onto their respective pages.
As an alternative to the Responsive Pricing Table plugin, there’s Sparks for WooCommerce. If you are using WooCommerce and want a premium tool that will not only let you create pricing tables but also add a bunch of other useful features to your online store – such as advanced product reviews, wishlists, and variation swatches – then we recommend Sparks.
Do you think WordPress pricing tables are a useful tool to boost conversions? Share your thoughts with us in the comments section below!
Or start the conversation in our Facebook group for WordPress professionals. Find answers, share tips, and get help from other WordPress experts. Join now (it’s free)!