DonDivi Layouts
Click icons to view and download all Demos.
Importing DonDivi Layouts
Please watch the video and follow these recommendations:
- Download the file.
- Unzip it.
- Import the JSON files as explained below.
In this video, we show you how to import the JSON files from the DEMOS / LAYOUTS of the “DonDivi Builder” and “DiviMenus” plugins. All DEMOS / LAYOUTS include 2 files with names like:
DonDivi Builder:
- DDB – DonDivi Tabs – Demo 01
- DDB – DonDivi Tabs – Demo 01 – Library
or
DiviMenus:
- DD – Explorer
- DD – Explorer – Library
The first file corresponds to the mockup itself, which you can import into your page or template using either the Visual Builder or the Theme Builder.
The second file, identified with the “Library” suffix, corresponds to the layouts included with some mockups. You need to import it into your Divi Library. This file could add into your Divi Library various elements like popups, sub dropdowns, content tabs, Floating DiviMenus, etc., which you must select within each module by choosing the corresponding option in the settings according to each plugin:
DonDivi Builder:
For the modules included in the “DonDivi Builder” plugin, under the “Content: Divi Library” field.
DiviMenus:
For the modules included in the “DiviMenus” plugin, under the “Link: Divi Layout” field.
Floating DiviMenus:
For the Floating DiviMenus, from the Floating DiviMenus Settings Page.
NOTE “SUB WP Menu”:
Some DEMOS / LAYOUTS might include the “SUB WP Menu” link type to display other native WordPress menus under a Menu Item in our plugins. You need to choose a WordPress Menu from your own website (Appearance – Menus) to be shown under those Menu Items.
NOTE “README.txt”:
Some layouts might include a README.txt file with extra info just for that specific layout
Happy building! 🥳
Troubleshooting
This file should not be imported in this context

If you see this error while importing the JSON file, please check this out:
How to Fix the “This File Should not be Imported in this Context” error when importing a JSON file →
You can also have a look at this article to better understand how Divi Layouts works:
Click thumbnails to view or download all Layouts.
Be Creative
Get inspired and create the coolest designs!

YouTube Channel

Layouts








