Hero Flow Divi Hero Section Layout Documentation

Create your awesome website with Hero Flow - Divi Hero Section Layout Pack. This pack includes 10 professionally designed hero section layouts for Divi, crafted to help you create visually stunning and highly engaging headers without any coding.

Saasflow Divi Layout

Each layout is fully customizable and ready to use, making it easy to match your brand’s style and messaging. Explore all the demos and see the layouts in action here: Hero Flow Hero Sections Demos .

Key Features

10 Ready-to-Use Layouts – Multiple hero section designs to fit any website style.
Fully Customizable – Easily adjust text, images, colors, and buttons to match your brand.
Divi Builder Compatible – Built specifically for Divi, no extra plugins required.
Responsive Design – Looks perfect on desktop, tablet, and mobile devices.
High-Quality Visuals – Professionally designed sections for maximum impact.
Fast and Lightweight – Optimized for speed and smooth performance.
Call-to-Action Ready – Built to increase engagement and conversions.
Easy Import – Quick setup with Divi’s portability system.
SEO Friendly – Designed to maintain good structure and on-page SEO.

Hero Flow File Structure

The Hero Flow Divi Hero Section Layout Pack comes with a total of 11 JSON files for easy import into your Divi Library:

Individual Layout Files (10 JSONs) – Each layout (Layout 1, Layout 2, … Layout 10) is provided as a separate JSON file, allowing you to import only the layouts you need.
All Layouts.json – A single JSON file containing all 10 layouts, so you can import the entire hero section pack into your Divi Library at once.

This structure gives you flexibility and convenience, making it easy to set up your website exactly how you want.

Follow these steps to import a JSON layout file into your Divi 5 library: How to Import Hero Flow Layouts

Open WordPress Dashboard
Go to your WordPress admin panel.
Navigate to Divi Library
Click Divi → Divi Library in the left-hand menu.
Open Import & Export
At the top of the Library page, click the Import & Export button.
Select the Import Tab
In the popup window, switch to the Import tab.
Choose the JSON File
- Click Choose File and select the JSON file you want to import (e.g., Layout 1.json or All Layouts.json).
- Optionally, check Import Presets if you want to include presets.
Import the Layout
Click Import Divi Builder Layouts and wait for the upload to complete. A confirmation message will appear once finished.
Use the Imported Layout
When editing a page with the Divi Builder, click Load From Library and select your imported layout to add it to the page.