Welcome to Day 2 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!
We have created a new Divi Layout pack that will help you to build landing pages more quickly and easily than ever before. It’s called “The Divi Landing Page Layout Kit,” and it’s the first layout pack for Divi to be based on a modular section approach that allows you to create the perfect page by combining various components. Simply mix and match pre-made Divi sections from your Divi Library to create a variety of designs that can be used for different projects.
The Divi Landing Page Layout Kit contains 23 components, each of which has been designed in a unique and cohesive style that takes full advantage of Divi’s vast array of design settings. We have done all of the hard design work for you, which means you can save time on your next project and just focus on adding the content you need. You wont believe how easy it is to build new websites when you have a layout pack this good, all available inside of your Divi Library!
Using Layout Pack
Click the link below to download the layout pack. Once you have downloaded the divi-landing-page-kit.zip file, double click the .zip file to extract the contents. This will reveal the layout pack in the form of a LandingPageKit.json file. This file can be imported into your Divi Library using the Import system as outlined in this tutorial. Simply log in to your WordPress website and navigate to the Divi > Divi Library page. Look for the “Import and Export” button at the top of the page and import the .json file using the Import tab.
Once the layout pack has been installed, you will notice that all 23 components have been added to your Divi Library. These components can be added to your new page by clicking the “Add From Library” button below each section on your page. Simply mix and match the pre-made sections to create your desired landing page!
Not only is the layout pack available in the form of 23 individual sections, it has also been combined into a single “master layout.” This single layout contains all 23 components, each of which can be enabled or disabled to your liking. The master layout can be added using the “Add From Library” button at the top of the Divi Builder interface.
How To Download The Kit
Download The Divi UI Kit
The Divi Landing Page Kit Master Layout
As mentioned above, the layout kit is available in two forms. Each component can be accessed in the form of a pre-made Divi section, or you can access all 23 components at once using the master layout. You can add the master layout to your page using the Add From Library button at the top of the builder. Look for the “Landing Page Kit” layout inside the Add From Library tab. Once the master layout has been added to your page, you will notice that all 23 sections have been added to the page. However, most of them are disabled by default using Divi’s Right Click > Disable feature. Once the master layout has been added, you can scroll through and Right Click > Enable each component that you would like to use on the particular page you are building. It’s that easy!
23 Modular Divi Library Components
Start building your landing page immediately with any of the 23 beautifully designed components. Each of these components is available in the form of a Divi section inside your Divi Library. These components can be added to a fresh page by clicking the “Add From Library” link below each Divi section on your page. Find the component you need among: Headers, Call to Actions, Galleries, Pricing Tables, Team Members, Testimonials and more. Below is a full list of available components. After you install the layout kit, you will see each of these available in the “Add From Library” tab when adding a new section.
Step by Step
Filled With Beautiful Imagery
Unlike the Divi pre-made layouts that come installed with the theme, these pre-made layouts come packaged with supporting imagery. In fact, thanks to the new Divi Portability System, images have been encoded right into the layout pack’s .json file and will be automatically imported into your WordPress Media Library during installation.
The First Of Its Kind, But Certainly Not The Last
In case you couldn’t tell, we think that Divi Layout Packs have a ton of potential. That’s why we spent the time to make something that really showcases the power of Divi, and how the builder’s design settings, custom CSS and vast array of modules can be customized to create just about anything. The way we see it, these Divi layout packs are much like child themes, except much easier to create and even easier to use. The Divi Landing Page Layout Kit is just the beginning. In fact, throughout Divi 100 you can expect a brand new layout pack from us every single week!
Stay tuned 😉
Divi 100 Day 2
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.