Pricing Table Switcher

WPCodeBox is the best plugin for adding code snippets to WordPress, and the following instructions apply to those using it.

Note: You are not required to use WPCodeBox, but I highly recommend you do if you care about your website performance and easier administration.

1. Download the Pricing Table Switcher Add-on.
2. Unzip the files.
3. Create a CSS Code Snippet named ‘Pricing Table Switcher’.
4. Copy the contents of the ‘pricing-table-switcher-css-package.txt’ file to the snippet you created in the previous step.
5. Where to run the snippet: Custom > Conditional Builder > Current Post is ‘Add Listing’, ‘Claim Listing’, and ‘Pricing’. (Note: ‘Pricing’ is only needed for those that use front-facing pricing pages.).
6. Save.
7. Create a JavaScript Code Snippet named ‘Pricing Table Switcher’.
8. Copy the contents of the ‘pricing-table-switcher-javascript-package.txt’ file to the snippet you created in the previous step.
9. Where to run the snippet: Custom > Conditional Builder > Current Post is ‘Add Listing’ and ‘Claim Listing’.
10. Save.

If you have a front-facing pricing page, the following instructions will also help you add the switcher to that page.

1. Create a JavaScript Code Snippet named ‘Pricing Table Switcher – Pricing Page’.
2. Copy the contents of the ‘pricing-table-switcher-javascript-package-pricing-page.txt’ file to the snippet you created in the previous step.
3. Where to run the snippet: Custom > Conditional Builder > Current Post is ‘Pricing’.
4. Save.
5. Edit your ‘Pricing’ page with Elementor.
6. Edit the ’27 > Package Selection widget.
7. Content > Package Selection > Add your Monthly and Annual Listing Packages.
8. Advanced > CSS ID > Enter ‘pricing-page’
9. Save.

Please refer to the videos on this page for a walkthrough of the steps. If you have additional questions or feedback, please start a conversation in the MyListing Club Community so I can help others who may have the same questions.

Nope. While the switcher is designed specifically for those using monthly and annual plans (the most common scenario), you can adjust the code snippets to accommodate any payment period (lifetime/ltd, quarterly, etc.).

Annual Plans

For the plans you want to show on the annual switcher side, make sure that each of your plans contains the word “annual” somewhere in the title of the corresponding Listing Package (i.e., WooCommerce Product).

• Good: Premium Subscription (Annual)
• Bad: Premium Subscription

MyListing Pricing Switcher – CSS Package
This code snippet will be ready for most websites, as the design is styled to pull in the MyListing accent color you’ve chosen. At most, some might want to adjust the colors of some elements, but that should be pretty rare.

Absolutely! You can see this by going through the ‘Add Listing ‘ process on any of the MyListing Club Starter Sites.

Yes. Please start a conversation in the MyListing Club Pro Community so I can help others that may have the same questions as you.

Note: The MyListing Club Pro Community is for payment members only. You will need an active Club Membership to join.

You can use it on unlimited websites that you own.

So I can continue to offer these add-ons for such a low price, please purchase a copy for each site you build for a client.

The Club maintains a policy of no refunds for digital, downloadable products.

I’m available for pre-sales questions, I show this solution working on multiple live, MyListing websites, and I’ll help support the implementation of this solution.

No. I’m a customer and advocate for the MyListing theme.