---
title: How to Use Divi WireKit and ProSection Kit Essentials?
description: "### Getting started #### Note : This Layout Kit 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](https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=47611) if you don't have then first…"
url: "https://divi-professional.com/docs/how-to-use-divi-wirekit-and-prosection-kit-essentials/"
updated: "2026-05-27"
category: Divi WireKit and ProSection Kit Essentials
---

# How to Use Divi WireKit and ProSection Kit Essentials?

### Getting started

#### Note : This Layout Kit 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](https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=47611) if you don't have then first purchase a membership to [Elegant Themes](https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=47611) and download the [Divi Theme](https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=47611) and activate. The [Divi Theme](https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=47611) is NOT included with this layouts pack.

#### Steps for import layouts pack

##### Step 1

**Download Main Product Zip File and then Unzip**

There are 3 part in this kit

1.ProSection Kit 1 - 310 Section Styles - [DEMO](https://divipowerpackaddons.com/view-all-sections/)

2.ProSection Kit 2(Modern Section) - 180 Section Styles - [DEMO](https://divipowerpackaddons.com/mordern-section-designs/)

3.WireKit- 350 Section Styles - [DEMO](https://divipowerpackaddons.com/diviwireframekit/view-all-sections/)

**Divi WireKit and ProSection Kit Essentials Folder Structure**

You can see here Individual styles in folder and All styles json file for each sections.

![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/08/Divi-WireKit-and-ProSection-Kit-Essentials-Folder-Structure.png)

**1.ProSection Kit 1 - 310 Section Styles Folder Structure - [DEMO](https://divipowerpackaddons.com/view-all-sections/)**

You can see here individual styles
![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/08/ProSection-Kit-1-Individual-Folder-Structure.png)
![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/08/ProSection-Kit-1-Individual-Styles-.png)

**2.ProSection Kit 2(Modern Section) - 180 Section Styles - [DEMO](https://divipowerpackaddons.com/mordern-section-designs/)**

You can see here individual styles

![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/08/ProSection-Kit-2-Individual-Folder-Structure.png)
![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/08/ProSection-Kit-2-Individual-Styles-.png)

**3.WireKit- 350 Section Styles - [DEMO](https://divipowerpackaddons.com/mordern-section-designs/)**

You can see here individual styles
![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/08/WireKit-Individual-Folder-Structure.png)
![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/08/WireKit-Individual-Styles-.png)

##### Step 2

How to Download Divi 5?

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

![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/08/Divi-5-Elegant-Themes-Members-Area.png)

 

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

![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/08/Divi5-Kit-Step1.png)

![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/08/Divi5-Kit-Step2.png)
 ![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/08/Divi5-Kit-Step3.png)

##### Step 3

Go to Divi -> Divi Library -> Click on "Import & Export" Button -> Select Import Tab -> Select Json file (e.g Modern About Us ALL STYLES.json) -> Click on "Import Divi Builder Layouts" Button

Here we have import all "Modern About Us ALL STYLES" JSON file

![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/08/Divi5-Kit-Step4.png)

Import Data Processing
 ![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/08/Divi5-Kit-Step5.png)

##### Step 4

Now Modern About Us ALL STYLES Data imported successfully

![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/08/Divi5-Kit-Step6.png)

##### Step 5

Go To Pages and Create Page -> Use Divi Builder

![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/08/Divi5-Kit-Step7.png)

Go to Add New Section and Click on '+' Icon

![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/08/Divi5-Kit-Step8.png)

Go to Add From Library Tab
 Now you can see all about us 30 styles and have select about style 30

![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/08/Divi5-Kit-Step9.png)
 ![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/08/Divi5-Kit-Step10.png)

About Style 30 Imported Successfully
 ![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/08/Divi5-Kit-Step11.png)

You can check wireframe view
 ![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/08/Divi5-Kit-Step12.png)

Check on front end
 ![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/08/Divi5-Kit-Step13.png)

#### **Support**

If you have any query send email [diviproductsprofessional@gmail.com](mailto:diviproductsprofessional@gmail.com).

OR

[Contact Us](https://divi-professional.com/contact/)