What Is The Divi Library?
The Divi Library is your ultimate web design toolkit. It allows you to store your favorite layouts, sections, rows, or modules for later use.
Whenever you save an item to your Divi Library, you can access it easily from within the Adding Modal Window when adding a new layout, module, section, or row to the page.
Example: You spend hours customizing a module's Design and Advanced tabs to create a unique look for your new website.
Using the Divi Library, the module can be saved and added to a different page later on without having to redo every setting again.
Once you have created your collection of library items, you will find that starting to build new websites will become infinitely easier. You may never need to create a Child Theme again.
Once you have developed a stellar library of custom modules, rows, and sections, you can export these items and import them when creating new websites to speed up your design process.
The Divi Library is more than just a collection of saved layouts. Each library item can also be made Global.
Global modules are synced and mirrored wherever they are placed. Whenever a Global module is altered, it updates automatically on all the pages you have added it to.
In this sense, Divi becomes more than just a page builder. It becomes a website builder.
Example: You could create a Global section that is added to the footer of every page on your site. Update that Global Section once and update your entire website's footer instantly.
Modules in the library can also have their settings selectively synced. For example, if you have customized a module heavily using the Design and Advanced tabs, you can save the module to the library while only saving the settings in these two areas. If his module is made Global, your Design and Advanced settings will be synced, but everything in the Content tab can be different on each page the module is used on.
Save Items to the Divi Library
Hover over the element you want to Save to your Divi Library
Click on the Save icon
Give it a name
Click on the Save to Library button
Note: If you want your element saved as a Global, check the Make this a Global Item option in the Add to Library modal.
Add items from the Divi Library to your layout
Note: Depending on which element you want to add from the Divi Library (a Section, a Row, a Module), you need to use the correct Context. That means if you want to add a layout, you will have to use the Add Layout button; if you want to add a section, you will need to use the Add Section button.
Add a Layout from Divi Library
Open the Visual Builder toolbar by clicking on the Ellipsis icon
Click on the Insert Layout icon
Click on the Saved Layout option
Choose the layout you want to import
Click on the Use This Layout button
Add a Section from Divi Library
Click on the Add Section icon
Chose the Add From Library tab
Click on the Section you want to add from the Library
Click on Use this Section button
Add a Row from Divi Library
Click on the Add Row icon
Chose the Add From Library tab
Click on the Row you want to add from the Library
Click on Use this Row button
Add a Module from Divi Library
Click on the Add Module icon
Chose the Add From Library tab
Click on the Row you want to add from the Library
Click on Use this Module button
Creating and managing items in the Library
Create a new item in the Library
You can also create Divi Library items, directly into the Library.
Go to WordPress Dashboard → Divi → Divi Library
Click on the Add New button
Give it a name
Choose what type of element you want to create:
Module
Fullwidth module
Row
Section
Fullwidth section
Specialty section
Layout
(optional) Check the Save as Global option if you want the element to be a global one
(optional) Create and add the element to a new category
(optional) Create and add the element to a new tag
Click on the Submit button
Build the element
Click on the Update button (top right corner)
Managing items in the Library
Go to WordPress Dashboard → Divi → Divi Library
From the Divi Library page, you can:
Create new library items (page layouts, sections, rows, modules)
Edit existing elements
Delete existing elements
Note: When adding elements from Divi Library, if you are not sure which is the element's type, from the Divi → Divi Library, you can quickly check the type of each element using the Type column:
Import/export items into and from the Library
Export Library items
Go to WordPress Dashboard → Divi → Divi Library
Click on the Import & Export button at the top
Click on the Export tab
Give the export file a name
Click on the Download Export button
Import Library items
Go to WordPress Dashboard → Divi → Divi Library
Click on the Import & Export button at the top
Click on the Import tab
Select the JSON file you want to import
Click on the Import Divi Builder Layouts button
Important Note: The JSON file that is going to be imported must also be exported from Divi Library.