Free Divi Downloads: Creative Pricing Tables Layout Kit

Last Updated on September 16, 2022 by 47 Comments

Free Divi Downloads: Creative Pricing Tables Layout Kit
Blog / Divi Resources / Free Divi Downloads: Creative Pricing Tables Layout Kit
Play Button

Welcome to Day 70 of our Divi 100 Marathon. Keep tuning in for 100 days in a row of awesome Divi resources as we count down to the amazing release of Divi 3.0 on the final day of the series!


Divi-100-Pricing-Tables-Layout-Pack-mockup

In this blog post weā€™ve got yet another fantastic Divi Layout Kit to give away. This time, weā€™re giving away a pricing table layout kit created almost exclusively with text modules. The idea being to show what is possible when you decide to get creative with how you use different modules to achieve your end goalā€“regardless of whether or not they were designed specifically for that purpose in the first place. And, of course, to share some great looking pricing tables. Check it out!

Downloading & Using The Pricing Tables Layout Kit

To use the Free Divi Pricing Tables Layout Kit on your own Divi website you will first need to download it using the button below. Next, locate the file divi-100-pricing-tables-layout-kit.zip in your downloads folder and unzip it. Then, navigate in your WordPress admin to Divi > Divi Library and click the ā€œImport & Exportā€ button at the top of the page.

When the portability modal pops up go to the import tab. Click the ā€œchoose fileā€ button and select the All.json file or any of the individual layouts you want. Then click the blue ā€œImport Divi Builder Layoutā€ button and wait for the import to complete.

Once the import has finished you will now have the ability to load your new Divi Pricing Tables Layout Kit on any builder powered page by going to Load From Library > Add From Library. You can also load the individual sections by using the Load From Library option in the in-line section controls.

Subscribe To Download For Free

Pricing Table Layouts

Before creating these pricing tables I did a good bit of research on the UI of high performing pricing tables used by big brands. Once I felt like I had a good idea of what is working out there, I decided to challenge myself to create these tables in a slightly unconventional way. By using Text modules I was able to simplify my approach and in some cases style each individual element more easily. Of course these are not meant to replace our existing pricing table modules, but to be used if and when you might prefer this approach on a given project.

Pricing Table Layout 01

For this layout I chose to draw attention to the pricing tables by giving them each a bold background, depending on pricing and copy to guide the potential buyers choice.

Divi-100-Pricing-Tables-Layout-Pack-01

pricing table layout 01

Pricing Table Layout 02

In this layout Iā€™ve removed the background colors of the first layout and assigned them to the title text. This places the emphasis on the prices themselves as the biggest, boldest element of each table.

Divi-100-Pricing-Tables-Layout-Pack-02

pricing table layout 02

Pricing Table Layout 03

In this pricing table layout Iā€™ve ā€œhighlightedā€ our center option by giving it a white background and the others none. This will, ideally, encourage potential customers to choose that option.

Divi-100-Pricing-Tables-Layout-Pack-03

pricing table layout 03

Pricing Table Layout 04

In this layout weā€™ve got a nice subtle variation on the first two designs that maintains the overall palette in a different way.

Divi-100-Pricing-Tables-Layout-Pack-04

pricing table layout 04

Tomorrow: How to Get Your Free Divi T-Shirt

After the massive success of the last WordCamp/Divi Meetup we said we would be thinking of more ways to encourage and empower the Divi Community to gather, share, learn, and grow in person. Tomorrow I will be sharing with you some of the first steps weā€™re taking in that direction and how you can get involved.

Be sure to subscribe to our email newsletter and YouTube channel so that you never miss a big announcement, useful tip, or Divi freebie!

divi-2-6-logo

Divi 100 Day 70

The Countdown To Divi 3.0

This post is part of our Divi 100 marathon. Follow along as we post free Divi resources for 100 days in a row! This 100-day countdown will end with the game-changing release of Divi 3.0, including our brand new visual editor built from the ground up using React. Divi 3.0 will change the way you build websites with the Divi Builder forever!
Let the countdown begin.

Learn More About Divi 3.0


Divi Marketplace

Are You A Divi User? Find Out How To Get More From Divi! šŸ‘‡

Browse hundreds of modules and thousands of layouts.

Visit Marketplace
Divi Marketplace
Divi Cloud

Find Out How To Improve Your Divi Workflow šŸ‘‡

Learn about the new way to manage your Divi assets.

Get Divi Cloud
Divi Cloud
Divi Hosting

Want To Speed Up Your Divi Website? Find Out How šŸ‘‡

Get fast WordPress hosting optimized for Divi.

Speed Up Divi
Divi Hosting
Premade Layouts

Check Out These Related Posts

Get a Free Augmented Reality Layout Pack for Divi

Get a Free Augmented Reality Layout Pack for Divi

Posted on March 25, 2024 in Divi Resources

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new Layout Pack for Divi. This time around, the design team has created a beautiful Augmented Reality Layout Pack thatā€™ll help you get your next Augmented...

View Full Post
Download a Free Webinar Theme Builder Pack for Divi

Download a Free Webinar Theme Builder Pack for Divi

Posted on March 22, 2024 in Divi Resources

It’s time for another freebie! This time, we’re giving you a free Theme Builder Pack for Divi. Combining these with our beloved Divi Layout Packs is a great way to build the Divi website of your dreams with ease. This week, the design team has created a beautiful Webinar Theme Builder...

View Full Post
Get a Free Modeling Agency Layout Pack for Divi

Get a Free Modeling Agency Layout Pack for Divi

Updated on March 21, 2024 in Divi Resources

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new Layout Pack for Divi. This time around, the design team has created a beautiful Modeling Agency Layout Pack thatā€™ll help you get your next Modeling...

View Full Post

47 Comments

  1. Why we must first create new page?
    I believe it will be easier if after import the library,
    from my current page, I can add section or page module, and choose from library…

  2. Using these layouts seems a lot more difficult than using the built in price tables, i.e, you have to go into each individual text box to change the text. Is this correct or am I missing something? Is there a way to achieve these layouts using the built in price tables?

  3. I really like this pricing layout. It would be good if Divi did two things for Divi 3:

    1. Made the Pricing Module responsive, so that we don’t have to have a pseudo pricing module via a library layout.
    2. Be able to have more than 4 columns, I quite often want up to 6 columns minimum and rarely higher than that.

    Thanks for sharing this, meant I didn’t have to manually create a library layout myself. Cheers.

    • Hi Cathie,
      I’m with you- I feel that more pricing columns should be available. More often than not people want more columns from what I’ve seen and read on Divi user group on FB.

  4. Nice Layout Kit Elegant Themes, it help a lot to create pricing table.

    • Awesome! Glad you have found these resources useful šŸ™‚

  5. Great stuff! You just saved me a lot of time. Thanks!

    • Awesome! Glad you have found these resources useful šŸ™‚

  6. It had been a great journey so far.
    Sadly I haven’t gotten daily updates so I’ve missed a couple of the posts and kits
    Is there a way to find them to download or will they be obsolete when 3.0 is released?

  7. Nice Layout Kit. Congrats! I hope that coming soon also is a layout kit for creating TABLES. I believe there is no MODULE yet for creating tables.

    • Thanks for the feedback! It’s really good idea and it’s something we already started to thinking about.

  8. I admit I’ve never tried Divi – mainly been using BeaverBuilder, sometimes Genesis too. I’ve always wanted to learn Divi, but never could find the time, but I have been coming across some very nice Divi built business websites lately….so I renewed my ET subscription, and going to take the plunge, because of the 3.0 features, not the least being the in-line editor. Look forward to creating some Divi sites of my own soon.

    • Awesome! Thanks for your feedback and welcome aboard! šŸ™‚

  9. I am sure that so many people share their gratitude with Elegant Themes and the way in which they continue to improve on an already superb product. I can honestly not thank you guys enough for all the hard word and great product!

    • Thanks for the feedback! We really appreciate it.

  10. Wonderful work. You are teaching me to use DIVI theme, a very professional/artigianal istrument!

    • Iā€™m glad that you like it, so keep learning! šŸ™‚

  11. How do you do when you have 5 differents price?!

    • Flo, Just add 2 more pricing entries inside the module. Each column has its own entry inside the module dialog.

  12. Will all of these wonderful new layouts be standard in Divi 3.0 – or will the library be the place to add them in?

    • Hey Alaina, even with Divi 3.0 you should upload them by yourself as you can do it right now. So, the library will be the place to add them in šŸ™‚

  13. Thank you! Very clean and polished as usual. Well done šŸ˜‰

    Side note: I wish/hope that the woocommerce integration will also get a revamp in the future šŸ˜‰

    • Happy you have found these resources useful! We’ll work on woocommerce integration as well šŸ™‚

  14. Nice, these look really great. Probably my favorite pack so far!

    • Awesome! Glad to hear that šŸ™‚

  15. Looks like the download is for divi-100-resume-pages-layout-pack

  16. Great set of layouts. Huge time-saver! Thank you again for all you do!

    • So good to hear! šŸ™‚

  17. My only beef with the pricing module is that you can’t force alignment / same size boxes without tweaking the content to be the same length =(

  18. The pricing table is definitely underrated. Great Stuff!

    • Happy you have found these resources useful! šŸ™‚

  19. Will All of these layouts etc be available standard with the new 3.0 Divi? Or will we still have to add on to the library.

    • Hey Eleanor, I’m sorry but you still have to add them to the library even on Divi 3.0.

  20. This is great. Thank you.

    • Iā€™m glad to hear that šŸ™‚

  21. Very beautiful in the pictures.

  22. Thanks Mario. These look great!

    • Awesome! Glad you have found these resources useful šŸ™‚

  23. I’m just going to ask the question that everyone is wondering…do you know which day beta will start?

    • Hi Jonathan,
      I Checked it ! ; on 1:38 minute off the video on Day 66
      It’s saying 3.0 Coming on 7 Sept 2016

      • That’s Divi 3.0. I was asking which day Beta testing will start, anyone know about that?

        • They are asking to fill out a form to see if you qualify. Looks like is limited.

    • I read somewhere on 7 september, don’t know where i saw it, .
      i believe it was on the end of the last video sneek peak off Divi 3.0.

  24. I’m not sure if the link is corredt? The file I downloaded was titled divi 100 resume page layouts….

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

Join To Download Today