Please watch the video and follow these recommendations:

– Download the file.
– Unzip it.
– Import the JSON files as explained below.

DonDivi layouts are delivered in ZIP files that contain the page layout and additionaly the popups / mega menus (SUB) layouts. Some of them may also contain a Floating DiviMenu.

The page layout file has the following format: LAYOUT_NAME Layout.JSON and it is imported into the Post / Page from the Divi Builder.

Apart from pages, we can also offer headers, which will follow the LAYOUT_NAME HEADER.JSON format and it will be imported into the Theme Builder from the Divi Builder.

IMPORTING PAGE LAYOUTS (LAYOUT_NAME Layout.JSON)

1. Go to your Page and enable the Visual Builder.
2. Click the Portability button (up and down arrows icon)
3. Import the JSON file “… Layout”.

The popups file has the following format: LAYOUT_NAME Popups.JSON and it is imported into the Divi Library as they are Divi Layouts.

IMPORTING POPUPS (LAYOUT_NAME Popups.JSON)

1. Go to the Divi Library.
2. Click the Import & Export button above.
3. Import the JSON file “… Popups”, which contains the Popups for the Menu Items.

The dropdowns / mega menus layout file has the following format: LAYOUT_NAME SUB.JSON and it is imported into the Divi Library as well.

We recommend that you import the JSON files in this order:

1. Popups / Mega Menus layouts
2. Floating DiviMenu layouts
3. Page Layout

In this way, when you finally import the Layout into your Page, the Popups previously stored into your Divi Library will be shown already at the “Link Type” drop-down from the DiviMenus module.

FLOATING DIVIMENUS

A. Import the Floating DiviMenu.

1. Go to the Divi Library.
2. Click the Import & Export button above.
3. Import the JSON file “… Floating DiviMenu”.

B. Configure the Floating DiviMenu

1. Go to the Floating DiviMenus Settings Page. (DonDivi > Floating DiviMenu)
2. Select the previous DiviMenu stored on your Library.
3. Select the post(s)/page(s) where you want to display it.
4. Select the location.

You can also edit the post/page where you want to display the Floating DiviMenu:
Go to the Floating DiviMenu meta box, and select the DiviMenu and the location.

Troubleshooting