Divi has over 250+ pre-made layout packs designed by our in-house design team to help you jumpstart your design projects.
That means you can access hundreds of high-quality and professionally designed website layouts for FREE, included with your Elegant Themes membership.
New layout packs are added weekly! Let's take a look at how to access, load, and customize pre-made layout packs with Divi.
How To Access Divi Premade Layout Packs
You'll need an Elegant Themes membership to access the Divi Premade Layout Packs. You can browse our layout packs here. However, to install a layout pack, you'll need a WordPress website with Divi installed.
Learn how to install the Divi theme on your WordPress website here. Once you have the Divi theme installed and activated, we can begin using the features and functionalities of Divi.
Add a Page and Load the Divi Builder
Add a new page or edit an existing page.
By default, the Standard Gutenberg Editor loads whenever a new post or page is added to WordPress.Click the purple button underneath the page title. Use The Divi Builder.
Once clicked, the page will be reloaded with the Divi Visual Builder.
As your page reloads, you'll notice three options:
Build From Scratch
Choose A Premade Layout
Build with AI
Build From Scratch
This option loads the Divi Builder with a blank page design. Choose this option if you'd like to start your page design from Scratch.
Choose a Premade Layout
This option lets you choose from our large library of pre-designed Divi layouts. You can choose from premade layouts by Divi, which you've designed and saved to your Divi Library, and existing pages on your website that you can clone.
Build with AI
This option allows you to create an entire page layout using Divi AI. Using your text prompt and information about your website, you can create the perfect page outline, then build it and fill it with content and imagery, bringing it all to life in no time.
Click on the Browse Layouts button.
In the Load From Library popup, you will have three tabs available:
The Premade Layouts tab is where you will find all of the premade layouts created by the Elegant Themes design team for free.
The Your Saved Layouts tab allows you to access any saved layouts to the Divi Library.
The Your Existing Pages tab will contain a list of all the pages (including posts and projects) currently on your website, where you may clone an existing page to kickstart the design of a new page.
How to Search For Premade Layout Packs
Searching through premade layout packs is easy. Use the search and filter options on the sidebar to find layout packs.
How to Load A Premade Layout Pack
Once you've found the layout pack you'd like to use, click on it and then click Use This Layout to load the layout onto the page.
You can search through the premade layout library at any time by clicking the purple + icon on the Divi toolbar to bring up the Divi Library.
Customization and Flexibility
Adding premade layouts to kickstart building a new page opens up a world of flexibility for creating your own unique layouts.
Once the layouts are deployed, you can edit them however you want.
Example: If you like a particular layout but would rather not have a certain section, delete it by clicking on the trash can icon for that section, and it's gone!
Replacing each element on the page with your content lets you have a beautiful, custom site in just minutes.
How to Customize Premade Layout Packs
Customizing premade layout packs is easy because it's exactly how you'd customize anything in Divi!
Nothing is locked or off-limits; you can customize to your heart's content. Drag and drop elements to rearrange them, or click into an element's settings to tweak the design.
Save Your Design
Once you are finished styling and configuring the number counter module, click the green arrow at the bottom right of the module to save your design. If you close the module without saving, your work will be lost.
Next, Save the Page Design
To save the page design, you can type CMD + S on a Mac or CTRL + S on a PC. You can also use the bottom Divi toolbar to save your page design by clicking the circle purple icon with the three dots … to expand the toolbar and then clicking the green Save button at the bottom right.
Exit the Visual Builder
Now that all your changes are saved, click Exit Visual Builder on the admin toolbar at the top to exit the Visual Builder.
