Select Page

Download A FREE Pricing Tables UI Kit for Divi

by Mar 7, 2022Divi Freebies

Today we would like to share with you our newest freebie. This is a creative and professional Pricing Table UI Kit for Divi.

Companies that sell subscription-based packages or services, such as hosting companies, need to communicate their value and show potential customers the subscription plan that best suits their needs. Such pricing tables should clearly indicate how these plans differ and what customers will get when they sign up. If you’ve created a website that effectively leads visitors to a pricing page, you’ve already done something right. However, the key action taken by the customer is the final purchase. A professionally designed pricing section will definitely help with this.

Today we put together 10 free and gorgeous price tables that you can easily import and use on your Divi site. In some examples, we used the Divi Pixel plugin to display the info tooltip with options details, or to switch between plans. The Balloon and Content Toggle modules are great for adding such functionality and will definitely help to get your pricing tables right.

If you do not have a Divi Pixel, you will still be able to use the sections we have prepared, however the option to preview more info about the feature in the tooltip and switch between plans will not be available.

Exclusive Pricing Table UI Kit for Divi

To help you quickly create and implement the right pricing on your Divi website, we have prepared 10 professionally designed pricing table sections that you can use in any project you want. They are fully customizable and optimized for mobile devices. Each pricing is saved as a section to the Divi Library and you can inject it to your Divi site in minutes. This layout pack includes 10 pricing sections, each with a different design, so everyone will find something suitable for their website.

How to import Pricing UI Kit to Divi Library

The download package contains a .zip file, which has to be extracted before you can import it to your Divi website. Once you download and extract the file, you can import it to the Divi Library and use it on your Divi site by adding a new section to the page from the Divi Library.

  1. Go to Divi → Divi Library
  2. Click the Import/Export button located at the top
  1. In the modal box select Import tab
  2. Click Choose File and select Divi Pixel Pricing Tables Master.json
  3. Click Import Divi Builder Layouts
p

For Divi users (no plugin required)

The download package contains 2 files. One is suppose to be used by the Divi Pixel users. If you do not have Divi Pixel plugin, then import Divi Pricing Tables Master.json file.

Add Pricing section to the page

Once our pricing sections are imported to Divi Library, we can use them on our Divi site, by adding a new section to the page from Divi Library.

  1. Go to Pages in your WP Dashboard
  2. Choose an existing page or add a new page where you want to add a pricing section
  1. Click Use the Divi Builder button
  2. Click “+” icon to add a new section
  3. In the modal window click Add From Library tab
  4. Select Pricing Demo you want to add to the page
This is it! I hope you will enjoy using this Pricing Tables on your Divi website and that it will help you increase your conversion. If you like this freebie, please let us know in the comments below 😉
Maciej Ekstedt

Maciej Ekstedt

Maciej is the co-founder of Divi Pixel. He is a self-made web designer and marketing expert, and he loves his job so much that he barely leaves the office. He transforms creative ideas into effective strategies for his company and for his clients. Maciej is fascinated by the phenomenon of a megalopolis. He notices patterns and details which make up the whole thing, and he uses these skills in his work.