Thank you for choosing one of our custom Divi layouts! This guide will walk you through the process of importing and using your layout on any WordPress website using the Divi Theme.

Whether you’re using a homepage, landing page, about section, or any other layout — the process is the same.

Requirements

Before importing the layout, make sure:

• You have Divi Theme installed on your website. How to Install Divi Theme
• You have access to the Divi Builder and a working WordPress site.

Step 1: Unzip the Download Package (if zipped)

If you received a .zip file containing the layout:

1. Extract the file to your computer.
2. Inside, look for a file ending with .json (e.g., layoutname.json). This is the layout file.

Step 2: Create or Edit a Page

1. In your WordPress Dashboard, go to Pages > Add New (or edit an existing page).
2. Click “Use Divi Builder”.
3. Choose “Build From Scratch” or “Start Building”.

Step 3: Import the Layout

1. Inside the Divi Builder, click the “Portability” icon at the bottom (the up/down arrows).
2. Go to the Import tab.
3. Click “Choose File” and select the .json layout file from your computer.
4. Make sure “Replace Existing Content” is checked if you want to start fresh.
5. Click “Import Divi Builder Layout”.

Step 4: Customize the Layout

Once imported, the full layout will load on the page. You can now:

• Replace text, images, and icons with your own content.
• Modify sections using the Divi Builder’s drag-and-drop interface.
• Add or remove sections as needed.

Step 5: Save and Publish

1. Click the “Save” button (bottom right).
2. Exit the visual builder.
3. Click “Publish” or “Update” your page to go live.

Important Note

You can import sections individually using the Divi Library if they are provided separately. Some of our layout packs are designed as individual sections and should be imported into the Divi Library as sections, not full-page layouts.

Need Help?

If you face any issues, feel free to contact our support or refer to the Divi documentation.

Thank you for using one of our custom Divi section layouts. This guide explains how to properly import section-based layouts into your website using the Divi Theme.

Unlike full-page layouts, section layouts are designed to be used as modular blocks within existing pages. You’ll need to import these using the Divi Library, not directly into a page.

Requirements

Make sure the following is ready before starting:

• You have the Divi Theme installed and activated on your website.
  How to Install Divi Theme
• You’re logged into your WordPress dashboard.
• You have access to the Divi Builder and Divi Library.

Step 1: Unzip the Download Package (if applicable)

If you received the layout as a .zip file:

1. Extract it on your computer.
2. Locate the .json file inside (e.g., cta-section.json, hero-section.json).

Step 2: Import the Section via Divi Library

1. Go to your WordPress Dashboard.
2. Navigate to Divi → Divi Library.
3. Click the “Import & Export” button at the top.
4. Go to the Import tab.
5. Click “Choose File” and select the .json section file.
6. (Optional) Enable Override Existing if you’re replacing an older version.
7. Click “Import Divi Builder Layouts”.

The section will now appear in your Divi Library.

Step 3: Add the Section to a Page

1. Open any page with the Divi Builder.
2. Click the “+” button to add a new section.
3. Choose “Add From Library”.
4. Select the section you imported (e.g., Hero Section, Roadmap Block, etc.).
5. The section will be inserted into your page.

Important Notes

Do not import section .json files directly into a row or module. This may cause errors or broken layouts. Always import into the Divi Library first, then insert as a full section.

If your layout pack includes individual sections, use this guide for sections only. For full layouts, refer to the Layout Import Guide.

You can reuse imported sections on multiple pages.

Need Help?

If you experience any issues or have questions, please contact our support team.