How To Build A Pricing Table Toggle Using The Legacy Builder

What is a pricing toggle?

A pricing toggle lets your visitors toggle between 2 alternate pricing tables. This can be used to display “monthly” and “yearly” options, or different currencies for example.

Before you begin:
Toggles are available with Easy Pricing Tables Business or Elite. Head here for details, or to purchase.

Toggle SOP

How do I add a pricing toggle to my site?

Step 1: Create tables

Create two or three separate pricing tables, eg. “Monthly”, “Quarterly” and “Yearly”.

Create your first table, and then copy it to create the subsequent tables for your toggles:

Then edit the second table accordingly (in this example, we’re changing the pricing from yearly to monthly). Do the same with the third table (if doing three).

You’ll now have Identical tables with only the necessary changes:

Step 2: Add your pricing toggle to your site

Please Note – For adding a pricing toggle to your site using a page builder like Elementor, Divi and Beaver Builder, please follow these directions instead – How To Add Your Table Toggle to a Page or Post Using a Shortcode.

Please Note – If you encounter any issues with the Gutenberg dropdown not working, please use the shortcode method instead.

Go to the page/post on which you want to insert your pricing table and click. Add a ‘Pricing Tables’ Gutenberg widget block, then select your first table from the dropdown menu at the top of the block:

If you are using WordPress v4.9.x or lower, you will instead use the “Add Pricing Table” button at the top of the editor, and select “Add Pricing Table Toggle”.

Bear in mind that the first table chosen will be the one that is shown to your viewers upon page load.

On the right hand, under the block options, you will see a radio button for “Pricing Table” and “Pricing Table Toggle”. Choose Pricing Table Toggle, and begin filling out the subsequent options. A title for each table will be mandatory. Subtitles are optional fields. Don’t forget to pick the colors for your toggle as well.

Make sure to save your changes, and your toggle is now ready. The below image provides an example of the different elements in the toggle editing process:


This method allows you to make a toggle for just about anything you can imagine. Some other things we see this feature used for are:

  • Currencies
  • Supported operating systems
  • Premium VS Standard prices

And that’s all there is to building your customized pricing table toggle.

If you still need assistance with this, or anything else regarding our plugins please feel free to contact our support at

Was this article helpful?

Related Articles

Need Support?

Can't find the answer you're looking for?
Contact Support