How To Build A Pricing Table Toggle

  1. Home
  2. Knowledge Base
  3. Easy Pricing Tables
  4. Styling & Design
  5. How To Build A Pricing Table Toggle

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:
make-a-copy

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:
2-tables

Step 2: Add your pricing toggle to your site

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:

Note:
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 what is what in the toggle editing process:

pricing-toggle-explainer

Tip:
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 contact our support at fatcatapps.com/support/.

Was this article helpful?

Related Articles