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.
Why Add Pricing Tables Using 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.
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.
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.
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.
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.
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.
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
Now you can visit your website to see the final result.
Method 2: Add Beautiful Pricing Tables With a Page Builder
This method is best if you want complete control over your pricing page design.
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.
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.
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.
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.
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.
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.
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.
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’.
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.
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.