In this video, we’ll show you how to get access to over 30 of the best free divi layouts
for use with the Divi WordPress theme by Elegant Themes.
These include a freelancer layout pack for freelancers, SaaS or businesses layout pack,
restaurant layout pack, and an online store or marketplace layout pack, just to name a
few
We’ll show you how to add free divi layout packs to your website by using both the built
in library for those accessible the via premade layouts tab, as well as how to upload a layout
pack to the Divi library and add it to a page.
So let’s get to it.
We’ve created a page that will continually be updated and features the best free layout
packs available from the Divi community.
We’ll add a direct link via the description below and the info card for this video.
Here, we’ve consolidated the various multi-page divi layout packs to make it easy for you
to find the right layouts for your project.
From here you can simply follow the links through to learn more about each layout pack,
and download the JSON file for free.
Some of these will be affiliate links so we appreciate your support.
Divi 3.1 was just released with some major updates, the biggest of which being the Divi
Developer API.
This update provides a tool for developers to create custom modules that are compatible
with the Divi Builder.
This is huge and we look forward to seeing what the Divi community will produce.
No doubt there will be a number of new layout packs off the back of this so bookmark this
page on the OHKLYN website and check back for updates.
As part of Elegant Themes design initiative, they have invested in creating a number of
Divi layout packs that members of the community can access for free.
Further to that in a recent Divi update, a number of these pre-designed layouts are now
available from right within the Divi Builder.
So let’s take a look at how to use these Divi layout packs from within the Divi Builder.
For this you will need to be using one of the more recent versions of Divi, so if you
don’t have access to this, either update the version of the Divi theme that you’re
running, or purchase a new license.
There will be a discount link in the description below as well as on OHKLYN’s Free Divi Layouts
page here.
Firstly we’ll create a new page by hovering over ‘pages’ in the admin menu on the
left and selecting ‘add new’ We’ll give this a title of ‘Layout Test’
Then click on ‘Use Divi Builder’.
We’ll add the layout via the back-end version and then we can edit it using either the back-end
version or the visual builder.
To load in a pre-design layout, select ‘load layout’ at the top
Under the premade layouts tab, you’ll notice that there’s a number of different layout
packs to choose from as well as the ability to search and filter the available options.
On the OHKLYN site here, we’ve taken a summary of all the layouts included within each pack
to help give an overview of what’s included.
By clicking on the image or following the link here you’ll be able to inspect each
individual page layout as well as see a live example by following the link on the elegant
themes site here.
For the layouts that are available from with the premade layouts tab of the Divi builder,
by clicking on the layout, you’ll be able to view all the pages included in the layout
pack, as well as access the live demo by clicking on the ‘view live demo’ button.
To load in the page layout you want to use, simply select it.
Then click ‘use this layout’ Give it a little time to load [Wait 5 seconds]
Then click on preview You’ll see that the layout pack has been
loaded in and is now ready for you to customize.
For a full step by step tutorial on how to make your own website using the Divi theme
and leveraging these layouts, check out our free Divi Tutorial on the OHKLYN site under
free WordPress Tutorials, or on our YouTube channel.
We’ll add a direct link in the description below.
You may have noticed that on the OHKLYN site there’s a few layout packs that aren’t
available via the premade layouts tab, such as the small business layout pack here.
What we’ll do now is show you how to download a Divi layout pack in the form of a JSON file,
upload this to your Divi library, and add it to your page.
To do this we’ll follow the link through to the small business layout pack.
We’ll scroll down to the ‘subscribe to Download for free’ section.
Add our email and click download to get access to the layout pack.
Then select ‘download the layout pack
We’ll unzip the file we downloaded Here, we can choose to upload all the page
layouts, or just specific pages, we’ll upload all the layouts
To do this from your WordPress dashboard, hover over ‘Divi’ in the admin menu, and
select ‘Divi library’ To upload a Divi layout pack, select ‘import
& export’ at the top From the import tab, select ‘choose file’
Navigate to the JSON file you want to upload and select ‘Open’
Then click ‘Import Divi Builder Layouts’ This may take up to a minute or so to import.
Once it’s done, the page will refresh and you’ll see that the new layouts have been
added to your Divi library.
To add one of these layouts to a page we’ll navigate back to our test page.
[wait for 3 seconds] We’ll scroll down and select ‘load layout’
Then, navigate to the ‘your saved layouts tab’
And, select the layout you want to use.
Once again, select preview to preview the page.
You’ll see that the new layout is there and ready for you to make edits via either
the back-end editor or the visual builder.
That brings us to the end of our Free Divi Layouts tutorial.
We hope that you got some value from this and are feeling confident on how to use Divi
Layout packs.
If you liked this video hit the like button and subscribe to our YouTube channel for more
videos related to Divi, WordPress, and Digital marketing.
Question of the day - which is your favourite layout pack, or what type of layout pack should
we create?
Leave a comment below and let us know.
To get access to exclusive discounts, free tutorials, and to stay in the loop on the
latest updates, sign up to our newsletter at OHKLYN o-h-k-l-y-n.com, and until next
time, happy building.