View Categories

How to Import Divi 5 Layouts Pack?

8 min read

Getting started #

Note : This Layout Pack Only Work with Divi 5. It is not working with Divi 4. #

In order to install this section layouts pack, you must have Divi Theme if you don’t have then first purchase a membership to Elegant Themes and download the Divi Theme and activate. The Divi Theme is NOT included with this layouts pack.

Steps for import layouts pack #

Step 1 #

Download Main Product Zip and Supplementary Zip Files and then Unzip
Divi Layouts Pack
After unzip Main Product Zip Folder (Folder – LP-DiviWarehouse)

Divi Layouts Pack
After unzip Supplementary Product Zip Folder (Folder – LP-DiviWarehouse Supplementary Files)

Divi Layouts Pack

Step 2 #

How to Download Divi 5?

Login into https://www.elegantthemes.com/members-area/login/
Once Login then browse https://www.elegantthemes.com/members-area/divi-5/

Divi Layouts Pack

 

Go to Themes and Upload Divi 5 Theme and Activate that theme

Divi Layouts Pack

Divi Layouts Pack
Divi Layouts Pack

Set Permalink “Post Name”
Divi Layouts Pack

Step 3 #

Import Post and Project XML files

Go to Supplementary Folder and see both files

Divi Layouts Pack

Go to Tools -> Import
Then See [ WordPress-Install Now ]
Once Install You can see [ WordPress – Run Importer ] and Click on Run Importer and Select xml file.

1. Post.xml
2. Project.xml

Divi Layouts Pack
Divi Layouts Pack
Divi Layouts Pack

Step 4 #

Import Theme Option and Theme Customizer JSON files

Go to Main Product Folder and see both files

1. DiviThemeOptions_DiviWarehouse.json

2. ThemeCustomizer_DiviWarehouse.json

 

Divi Layouts Pack

Go to Divi -> Divi Theme Option and see below image and import “DiviThemeOptions_DiviWarehouse.json”

Divi Layouts Pack

 

Go to Divi -> Theme Customizer and see below image and import “ThemeCustomizer_DiviWarehouse.json”

Divi Layouts Pack

Step 5 #

Import All Pages JSON file  – DiviBuilderLayouts_All_DiviWarehouse.json and ALLPages.xml

Go to Main Product Folder and see file

1. DiviBuilderLayouts_All_DiviWarehouse.json

 

Divi Layouts Pack

Go to Divi -> Divi Library -> Click on “Import & Export” Button -> Select Import Tab -> Select Json file (e.g DiviBuilderLayouts_All_DiviWarehouse.json) -> Click on “Import Divi Builder Layouts” Button

 

Divi Layouts Pack
After Imported You can see all pages

Divi Layouts Pack

Import All Pages XML file  – Go to Supplementary Files Folder and see ALLPages.xml

Go to Tools -> Import
Then See [ WordPress-Install Now ]
Once Install You can see [ WordPress – Run Importer ] and Click on Run Importer and Select xml file.

Go to Supplementary Folder and see ALLPages.xml file.

Divi Layouts Pack

Divi Layouts Pack
Divi Layouts Pack
Divi Layouts Pack

Step 6 #

Import Theme Builder Pages JSON file  – DiviThemeBuilderTemplates_DiviWarehouse.json

Go to Main Product Folder and see file

1. DiviThemeBuilderTemplates_DiviWarehouse.json

 

Divi Layouts Pack

Go to Divi -> Theme Builder -> Click on “Import & Export” Icon -> Select Import Tab -> Select Json file (e.g DiviThemeBuilderTemplates_DiviWarehouse.json) -> Click on “Import Divi Theme Builder Templates” Button

 

Divi Layouts Pack
After Imported You can see all templates

Divi Layouts Pack

 

Step 7 #

Import Widget File – divi-warehouse-layout-widgets.wie

Go to Supplementary Product Folder and see file

1. divi-warehouse-layout-widgets.wie

 

Divi Layouts Pack

Please install “Widget Importer & Exporter” Plugin and activate
https://wordpress.org/plugins/widget-importer-exporter/

Now go to Appearance -> Wigdets and create “Widget Name”

Add “Widget Name” – “blog-sidebar “- Click on Create button

Divi Layouts Pack

Once you create page refresh and see.
Divi Layouts Pack

Now import “divi-warehouse-layout-widgets.wie” file
Go to Tools -> Widget Importer & Exporter

if you face file support issue then you can follow below steop in image.
just open “divi-warehouse-layout-widgets.wie” file and copy code and paste.

Widget import process is done.

Divi Layouts Pack

Divi Layouts Pack

 

Step 8 #

Go To Pages and Create Page -> Use Divi Builder

Divi Layouts Pack

Divi Layouts Pack
Divi Layouts Pack
Divi Layouts Pack
Divi Layouts Pack

Step 9 #
For Popup

Note : if website have popup then you can see Canvas.json file. if file is not there that means website have no popup #

See Top Bar And Click on Canvas and import Canvas.json file

Go to Main Product Folder and see file

1. Canvas.json

 

Divi Layouts Pack

Divi Layouts Pack

Divi Layouts Pack

Support #

If you have any query send email diviproductsprofessional@gmail.com.

OR

Contact Us

FAQ #

How to import Divi 5 Layouts Pack? #
How to Find CSS and JS Code in Divi Layouts Pack? #
Go to Divi -> Theme Builder and Edit Footer and see in below Images

Divi Layouts Pack

Divi Layouts Pack

Powered by BetterDocs

Submit a Comment

Your email address will not be published. Required fields are marked *

Divi 5 Products
blank
BlogHub- Divi Blog & Post Layouts For Divi 5
$15.00
View More
blank
Divi WireKit and ProSection Kit Essentials
$29.00
View More
blank
Divi Preloader
$21.00
View More
Subscribe