How To Make a Toggle Switch Pricing Table Using WordPress Block Builder Gutenberg

In this WordPress tutorial, I'll show you how to create a toggle switch using the WordPress block builder Gutenberg.

Everything used in this WordPress tutorial is completely free, nothing to click on, nothing to buy.

All I ask is that you click on the like button and share the video with a friend.

EXCLUSIVE WORDPRESS DEALS 2023
* Want to offer a discount to WPCrafter subscribers, contact me on my website

BEST WORDPRESS PAGE BUILDERS

BEST WORDPRESS HOSTING

CONTACT WPCRAFTER

All of the opinions expressed in this video are my own, I was not paid to make this video. Whenever there is a link in any of my videos, if there is a referral program available, please assume that you are clicking on a referral link.

[marcoscandido]

I just moved from Divi after 3 years and 20 websites created there, and I'm loving the speed, ease and fluidity of Kadence. So simple and powerful.

[agnesbury]

Awesome trick! When I first saw the title of this video, I thought: oh, did they add a new block to their Kadence blocks collection? And then I was surprised to see that you are using the existing Tabs block. What a brilliant idea! What I like about the Kadence blocks is that it's a relatively small collection of blocks but with endless possibilities and applications. Thank you, Adam.

[beautycouncil]

Adam, once again you have solved something for us in an easy, elegant, and lightweight way. Thank you for all you do!

[nickdixon]

Great video Adam, very clear and concise. The demonstration and use case are good too!

[kevinroberts]

That is really slick. I never would have thought of leveraging tabs to get the toggle effect. Simple in retrospect (i.e. on this side of seeing one of your videos!).

[szabojanos]

Every minute is gold! U R THE BEST SIR

[brent-sherman]

Great video, very informative. Thanks!

[HullioGQ]

Now that Elementor is changing their pricing structure. Gutenberg is looking a lot more sexier everyday. But even better are the number of features that can be gotten for free. Thank you, Adam!

[jornadaespiritual]

Thanks for the tutorial Adam. I was looking for just that.👍

[chadbarney]

I like where you are going with these tutorials.

[prokassim]

Thanks a lot again for awesome useful tutorials.

[drkskwlkr]

Lovely tut 🤗 Only thing I would tweak further is to make the tab title rectangles equal in width, which would also center them relative to the columns below...

[maurocarrera]

Another "Easter Egg" when switching into Yearly nice... ahah! Cheers Adam! :)

[Saketyeotikar]

Great tutorial! Looks good 👍 I've one question, can you make a tutorial on how to create a child kadence theme? Or any other best way to update the kadence theme? I'm using this theme based on your recommendation hence would love to hear from you 😀

As of now I switch the theme to something else. Delete the kadence theme. Then upload the latest version into add theme option and then install and activate. I want somewhat automated option.

[scubacv]

Thanks for the Video. Another bullet for the magazine. You ask for content suggestions. I think a lot of people struggle with what settings to use to make the website look ok on Mobil and how to manipulate images from desktop to mobile in particular - :)

[jovanperic]

Thanks for sharing. Is this available in Elementor?

[LangleyWindowCleaning]

Hi Adam,
Question: Can this be used to toggle between 2 or 3 different forms on a single page (Fluent Forms)?

[GideonAbochie]

Good job .But you said "No code" and then you copied and pasted a pricing table code. Please make sure you provide the code or where we can get it or how it's created to make this tutorial super useful. Thank you

[believe-in-righteousness]

Hi can you tell me if there is a best way to make a property auction site with WordPress

Thanks

[AwesomeMetalBands]

Just proves that those premium pricing table plug-ins are not required.