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:

Importing Divi Layouts → 

 

Click thumbnails to view or download all Layouts.

Be Creative

Get inspired and create the coolest designs!

YouTube Channel

Layouts

Documentation