Download the Free Divi Wireframe Static Product Sections Layout Kit

Last Updated on September 16, 2022 by 42 Comments

Download the Free Divi Wireframe Static Product Sections Layout Kit
Blog / Divi Resources / Download the Free Divi Wireframe Static Product Sections Layout Kit
Play Button

Welcome to Day 79 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-product-sections-kit-00_mockup

In today’s post we are giving away a new addition to our wireframe kits. A set of eight static product sections that will brilliantly showcase anything you or your clients are selling.

Downloading & Using the Free Divi Wireframe Static Product Sections Layout Kit

To use the Free Divi Wireframe Static Product Sections Layout Kit on your own Divi website you will first need to download it using the button below. Next, locate the file divi-100-product-sections-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 files 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 Wireframe Static Product Sections 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

The Free Divi Wireframe Static Product Sections Layout Kit

The free Statuic Product Sections Layout Kit places all of the product sections in one master layout so you can easily make edits, mix and match elements, and save the results as brand new versions.

divi-100-product-sections-kit-00_layout_example

The Kit

The Individual Product Sections

inline-add-from-library

Below you will see all of the individual sections that come in the sections json file. These can be added to any page or post via the in-line β€œAdd From Library” link in the builder.

divi-100-product-sections-kit-01

Products Section 01 (Parts 1-3)

divi-100-product-sections-kit-02

Products Section 02

divi-100-product-sections-kit-03

Products Section 03

divi-100-product-sections-kit-04

Products Section 04

divi-100-product-sections-kit-05

Products Section 05

divi-100-product-sections-kit-06

Products Section 06

divi-100-product-sections-kit-07

Products Section 07

divi-100-product-sections-kit-08

Products Section 08

Tomorrow: Another Divi 3.0 Sneak Peek–Just A Few Weeks Left!

Tomorrow is day 80 of our Divi 100 Marathon! That means there are just a few more weeks until the launch of Divi 3.0 and Nick will be here tomorrow to show you yet another facet of our biggest release ever.

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 79

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

New Starter Site for Estheticians (Quick Install)

New Starter Site for Estheticians (Quick Install)

Posted on November 12, 2024 in Divi Resources

Divi empowers you to build the best websites possible, and now, Divi Quick Sites takes website creation to a whole new level. This revolutionary tool lets anyone, regardless of skill level, generate a complete website in under two minutes! Divi Quick Sites provides everything you need to launch...

View Full Post
Divi 5 Update: Public Alpha Version 3

Divi 5 Update: Public Alpha Version 3

Posted on November 11, 2024 in Divi Resources

The Divi 5 Public Alpha is available for testing. As we progress towards the final release, we’ll update Divi 5 every two weeks, appearing as a standard update in your WordPress dashboard. If you use Divi 5, you’ll notice an update notification for Public Alpha Version 3Β today. Thanks...

View Full Post

42 Comments

  1. Thanks Mario, i think it’s a great stuff!

  2. Too elegant to fit my home… ?

  3. Everything looks interesting. I think you did a great job! I have to try it soon.

  4. Hi there,

    Really love the wire frame kit. I’ve installed it, but am having some difficulty changing the price, as well as the stars, as it doesn’t show up in the text box? I’m new to all this, so maybe doing something incorrect. Any advice on how to change the price and also where to find it would be most appreciated!

    Thanks.

  5. Hi! Where can I find more images, such as you used in the project? (chair, lamp, armchair).
    Thanks in advance!

    • Hi Maciej! They are designed by us, and currently we don’t have any plan to share more like them. Anyway you can use the current elements wheatever you want πŸ™‚

      • Are the icons available anywhere?

        Thanks

  6. Now i use for my website Genesis Framework (child tmeme). Divi have better SEO, or Genesis Framework?
    I want to change my WordPress theme if Divi is better.

  7. Thanks for all your wonderful work!

  8. Thanks for the free wireframe.

    I can’t wait for Divi 3.0 to come out πŸ™‚

  9. Any idea when Beta will be released ?

  10. These are great, as have been the Divi 100 downloads! Here’s a thought – when I download these for later use, I download and unzip the file, then I come back here and right click and save all the preview images so I can look at them while I select them. It would be awesome if you included the preview images in the zip files. Just a thought…

    • Thanks for your feedback Chuck! It’s really a good idea.

    • Hi @Chuck Lasker

      This might be beneficial for us end-users, but I imagine that it would be added work and time for ET. More importantly return visits are an “SEO” benefit to ET. They do a lot for the community—I’m happy to keep coming back to their website.

      BUT—if you want a simple way around this you can right click anywhere on the page and select “save as” to save the page as an html file. Save it in the same location as your download and you’ll have easy access to the post and all it’s info.

      Cheers!
      Jules

  11. yes a new DIVI Preview on Thursday!!

  12. i’m speechless!

    THX

  13. One slight problem with all these wireframe posts.

    What the heck is a wireframe? And why is it good (or whatever it is)?

    • Hey! I report to you the initial presentation, still available on the blog post of Wireframe Vol. 1

      It’s a multipurpose wireframe layout kit that you can use to create high-fidelity wireframe prototypes with Divi. This will allow your clients to get a better idea of what their final website will look like even before all of their content is in.

      Once they’ve signed off on the design and their content is in then all you’ll have to do is add their content directly to the layout as it is, change the colors and other styles, and you’ll be well on your way to a final client site!

      This kit can even be useful to designers and developers not using Divi for their final product. With this high-fidelity layout kit you can still take advantage of Divi’s incredible speed and ease of use to build out prototypes that your clients can view and give feedback on before diving into your custom work.

  14. Hey thanks for the kit. Will definitely be following you.

    • Glad you like it! πŸ™‚

  15. The Divi freebies are getting boring

    • Probably. We need more, Elegant! But still, thank you!

      • I’m sorry to hear that. This kind of kit looks very appreciated by the community because helps users save time on their next creations. You can use it like a starting point to create your next web page.

  16. This looks amazing! Absolutely love it!

    • So good to hear! πŸ™‚

  17. Looks great. Thanks Mario

    • Thanks Geno! I appreciate it πŸ™‚

  18. Really digging product section 08, great work.

    Thank you.

    • Glad you enjoyed it ?

  19. very nice, thanks! I’m going to use it soon..

  20. Thanks Mario Maruffi . Nice work

  21. As always, much appreciated

    • Glad you like it!

  22. This looks great – a wonderful starting point for upcoming projects. Thanks again!

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

  23. I dont know why but they all look very similar to me as weΒ΄re slowly crawling towards the end of the 100 days.

  24. Thanks Mario! This wire frame kit will be handy for eCommerce sites.

    • Glad you like it Randy! πŸ™‚

  25. Very nice ET. Can’t thank you enough for all the goodies πŸ™‚

  26. Wonderful! Thank’s a lot!

    • Unfortunately, I can’t open the files after download

    • Happy you have found these resources useful πŸ™‚

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

Join To Download Today