Thrive Architect has become one of the most used tools in my business toolkit. In fact, without this tool, my business simply would not be what it is today.

I was recently asked by one of my YouTube channel subscribers if I could create a tutorial on designing a pricing table in WordPress.

The ideas had been rolling around in my head for some time, actually, and so I thought with the Thrive Architect plugin this would be a great opportunity to create such a tutorial.

And so below you will find two tutorial videos.

In the first video, I show you how you can design a simple pricing table using the foundation elements from the Thrive Architect plugin.

The design for this pricing table is fairly clean and basic, and I emphasize the importance of keeping things simple for your users.

Please use the video as a guide, you can always add your own flair if you wish, and take your time with it too.

So, whether you want to create a pricing table for your latest products, services, or affiliate offers, I hope you find the video below useful.

The second video is an extension for the first.

In this one, I show you how to easily make the content/options section in your pricing table scrollable.

So, the header and footer area with your call-to-action button is static, and the center content becomes scrollable.

For this, you will need to add some additional CSS code in the Custom CSS box to make this work effectively.

CSS Code

You will first need to give the scrollable part of your pricing table a class name like ‘table‘. See video.

Then paste the following code into the Custom CSS box in Thrive Architect.

.table {
overflow-y:scroll;
height: 400px;
display: block;
}

Let me know if this was useful for you in the comment section below. Or leave me a comment over on my YouTube channel.

Need help?

If you get stuck and need help with creating your pricing table, check out my design services page here. Or, simply get in touch with me with your questions via email here.

Enjoy.