The Divi 5 Freebie is a collection of premade layouts all built with the latest and greatest Divi 5 design system features. Every element harnesses the power of Global Variables for fonts, colors, and numeric values, as well as element presets and option group presets.
Divi 5 Black Friday 2025 Freebies Content
The Divi 5 Freebie collection contains seven individual JSON files:
Black-Friday-2025_Divi-5-Freebie_Presets.jsonContent: It will import 8 layouts. In total, it will import every single Module Preset and Option Group Presets, as well as all Global Variables. This file is the backbone of the Design System.
Where can it be imported: Import this to the Divi Library. Check this section to learn how to import this JSON file to your Divi 5 website.
Black-Friday-2025_Divi-5-Freebie_Theme-Customizer.jsonContent: It is entirely optional, but comes with default fonts and colors chosen by our design team
Where can it be imported: Import this file to the Theme Customizer. Check this section to learn how to import the filename.json to your Divi 5 website.
Black-Friday-2025_Divi-5-Freebie_Sections-All_Layouts.jsonContent: It will import 40 layouts, one layout for each section type, with multiple premade sections in each. For example, one of the layouts will be a Pricing Sections layout with many premade pricing sections. It will also bring in 430 individual premade sections that can be loaded into the VB as single sections.
Where can it be imported: Import this to the Divi Library. Check this section to learn how to import this JSON file to your Divi 5 website.
Black-Friday-2025_Divi-5-Freebie_SECTION-NAME-Sections.jsonContent: There is one of these for every single section type. We have 40 section types, so there are 40 JSON files in the Sections folder. Each section type file, when imported to the Divi Library, will import a layout with all the sections for that section "type" as well as individual sections. For example:
Pricing Sections All
Pricing Section 1
Pricing Section 2
etc.
Where can it be imported: Import this to the Divi Library. Check this section to learn how to import this JSON file to your Divi 5 website.
Black-Friday-2025_Divi-5-Freebie_Pages.jsonContent: This file imports premade pages, i.e., Home Page. We recommend importing this only if you have already imported the Presets file, but that's not a requirement.
Where can it be imported: Import this to the Divi Library. Check this section to learn how to import this JSON file to your Divi 5 website.
Black-Friday-2025_Divi-5-Freebie_Theme-Builder-Templates.jsonContent: It imports premade templates for dynamic areas of your site, such as Global Header/Footer, Post Templates, Product templates, 404 page, and more.
Where can it be imported: Import this to Theme Builder. Check this section to learn how to import this JSON file to your Divi 5 website.
Black-Friday-2025_Divi-5-Freebie_Premade-Layouts.jsonContent: It will import everything into Divi Library, including all Presets, Sections, and Pages, all at once.
Where can it be imported: Import this to the Divi Library. Check this section to learn how to import this JSON file to your Divi 5 website.
⚠︎ Warning: This file is huge because it contains everything that can be imported into Divi Library. Because of its size, it might not be imported correctly on certain hosting that imposes a max upload limit. If that's your case, consider importing the previous files separately.
Getting Started
⚠︎ Warning: It's recommended that you only import these files into a new, blank site, as it will import hundreds of layouts, presets, global variables, and images, which will flood an existing site with a lot of potentially unwanted items.
Prerequisite
Before proceeding with importing the Divi 5 Black Friday 2025 Freebies JSON file, we recommend that the website have the following:
Divi 5 is installed and active.
Published Posts
For each post, assign a featured image and a post category.
Published Projects
For each project, assign a featured image and a project category.
Published Products
You can publish a few WooCommerce products, or you can import the WooCommerce demo data.
Import Premade layouts to Divi Library
Log in to your WordPress dashboard.
Go to Divi → Divi Library.
Click the Import & Export button at the top.
Select the Import tab.
Click on Choose File and select the JSON file you want to import.
Check the Import Presets option.
Click the Import Divi Builder Layouts.
Import Theme Builder Templates
Log in to your WordPress dashboard.
Go to Divi → Theme Builder.
Click the Portability icon.
Select the Import tab.
Click on the No File Selected option and select the JSON file you want to import.
Check the Import Presets option.
Click the Import Divi Theme Builder Templates button.
Import Theme Customizer Settings
Log in to your WordPress dashboard.
Go to Divi → Theme Customizer.
Click on the Potability icon.
Select the Import tab.
Click on the Choose File and select the JSON file you want to import.
Click the Import Divi Customizer Settings button.
Black Friday 2025 Freebies Breakdown
Premade Page Templates
The Black Friday Divi 5 Freebie comes with 36 premade page templates for common website pages such as "About", "Contact", "Services", and many more.
These were imported into your Divi Library in the previous steps and can be loaded into any page at any time, either adding to your existing content or replacing it entirely.
For more information on how to import page layouts from Divi Library, please check the How to Import Elements from Divi Library to a Page in Divi 5 article.
Premade Sections
In addition to entire pages, the Divi 5 Design System will also import 430 premade sections that you can use to construct full pages or simply add a single section to an existing page on demand.
For example, you can load just a call to action section into your layout, some pricing tables, recent blog posts, etc.
There are two ways to get premade sections into the layout you are building:
Copy/Paste a section from the Divi Library to a Page. For example, a page called "Sections - Pricing" will be in your Divi Library with numerous pricing sections in it. You can simply copy any section from here and paste it into another page.
Open any of the Premade Sections in the Divi Library.
Click the Edit With The Divi Builder button.
Right-click on the section you want to copy and choose the Copy Section option.
Open the Page where you want to paste the copied section.
Right-click on any existing sections.
Select Paste Section and choose where the copied section (from Divi Library) should be pasted:
Above the current section
Below the current section
Premade Theme Builder Templates
The Design System comes with numerous global templates for things like your website header and footer, post templates, product templates, and more.
These templates are all powered by Divi Dynamic Content, so that pages that use these templates will feed their contents into the template.
For example, all blog posts will use the same template, but each one will populate the template with its unique post title, featured image, author, post content, publish date, categories, etc.
The Black-Friday-2025_Divi-5-Freebie_Theme-Builder-Templates.json contains various templates such as:
Default Website Template. This controls the global header and footer of your website. If you choose to edit the default header or footer, you can choose from dozens of premade headers and footers from the premade layouts kit.
Blog Post Templates
Product Templates
WooCommerce Cart Templates
WooCommerce Checkout Templates
Author Template
Search Results Page
Post Archive Page (i.e., Post category page)
404 Page
Check this section to learn how to import this JSON file to your Divi 5 website.
Premade Presets
Divi 5 has an amazing preset system for managing and applying global styles to modules or even individual elements within a module.
The Divi 5 Design System ships with hundreds of presets, and they are extremely easy to apply to your design.
Element Presets
Element presets are used to style entire modules.
For example, when you add an Accordion module to your layout, it will use Divi’s out of the box styles.
To apply a preset from the design system, simply open the preset picker and choose one of the imported presets.
All elements will have presets for things such as "Dark Text", "Light Text”, "Small Text", "Contained", etc, so that no matter where you are adding a new element, you can quickly make it look consistent with your entire site.
Container Presets
Containers such as rows, columns, and module groups all come with quick container presets to quickly add a light or dark background or border to any container.
Option Group Presets
Sometimes you may want to just affect one or a few styles within an element using global styles.
For example, you might want to change a module’s title to use your global "Heading 3" preset, make a button in a module use your global "Black Button" preset, or have your module’s padding use the "Padding - Large" preset.
The Design System ships with dozens of global styles to keep your designs flexible, yet consistent.
Example
On your page, add the Person Module.
Open the Design Tab and set the following option group presets
For the Title Text option group, choose the Heading 2 option group preset.
For the Body option group, choose the Small Text option group preset.
For the Spacing option group, choose the Medium option group preset.
For the Border option group, choose the Outlined - Dark option group preset.
You will now have a person module with a large title, small text, and contained in an outlined container with medium padding.
The beauty of using these global style presets is that they are universally synced with all other elements on your site that use these same presets.
To learn more about option group presets, please check the How to Use Option Group Presets in Divi 5 article.
Global Variables
So far, we’ve talked about large scope items such as entire premade pages, individual premade sections, and even premade global style presets.
Divi’s Global Variable system powers all of these things so that you can manage core styles all from one place, the Divi 5 Variable Manager.
These variables include things like global colors, global font families, global font sizes, and a lot more.
Global Numbers
Global numbers are used to standardize and keep consistency across the following:
Responsive font sizes for all headings and paragraph texts
Text line heights
Spacing values for padding and gap values
Content max widths
Border widths
Rounded corner sizes
Button paddings
Global Text Strings
Global strings are used to dynamically define commonly repeated text across your site, such as, but not limited to:
Phone Number
Company Name
Email Address
Physical Address
Global Images
The design system comes with two global images to control instances of your logo across your site, with support for both light and dark versions of your logo.
Logo Light
Logo Dark
Global Colors
There’s nothing more arduous than updating colors across your site that aren’t in sync with a global color system. Every single color used in the Divi 5 Design System is a global variable that can be easily updated at any time. Global colors are used in the system for things such as, but not limited to
Light and dark heading and body text colors
Common background colors
Border colors
Link colors
Shadow colors
Global Fonts
The entire system is structured around just two font families. All headings use the same font family and all body text uses the same font family. Simply change these two values to update all the fonts across your entire site.
Heading Font
Body Font
For more information about Global Variables, please check the Design Variables in Divi 5 article.















