Brizy and Divi Builder are two of the page builder plugins we frequently cover here on WP Pagebuilders, other than Elementor. We also use them for some of the projects we have. Both Brizy and Divi Builder are great tools to create a dynamic WordPress-based website more effortlessly thanks to their respective visual editor. You don’t need to rely on what’s offered by the WordPress theme you use. Be it Brizy and Divi Builder allows you to customize every single part of your WordPress site. From the header, footer, homepage, archive pages, single post, and so on. No less important. They also allow you to add custom fields, allowing you to create a complex website without needing to have programming skills.
One question that might float on your mind, should you use Brizy or Divi Builder? Read on. You will find the answer shortly.
Brizy vs Divi Builder: Overview
There is a fundamental difference between Brizy and Divi Builder. Brizy, which was released in 2018, is a freemium plugin. In other words, you can use it for free without needing to spend a dime. You can use the free version of Brizy to figure out how it works so that you can decide whether it’s suited to your needs or not before you upgrade to the pro version. The free version of Brizy comes with basic elements like Button, Image, Text, Counter, Icon Box, and so on. Including the pro elements, there are about forty-two elements offered by Brizy.
Meanwhile, Divi Builder — which is developed by Elegant Themes — is released as a paid plugin. It was initially only available for the Divi Theme and the Extra Theme, but you can now use Divi Builder on any WordPress theme since Elegant Themes decided to release Divi Builder as a standalone plugin back in 2015. Although Divi Builder is released as a paid plugin, you have a chance to try it for free to find out how it works. You can visit this page to try the demo of Divi Builder. In Divi Builder, there are 38 design elements (called modules) you can make use of.
Brizy vs Divi Builder: The Editor
Every page builder plugin comes with a visual, drag-and-drop editor. That’s the essence of a page builder where you can create a beautiful page on your WordPress site without dealing with CSS or HTML. You can make use of the design elements offered by the page builder you use. In most cases, you can also add animation effects to make your page looks more attractive and interactive.
The editor of Brizy and Divi Builder offers a live editing experience where you can edit the content (i.e. the text content) directly on the canvas area. You can also resize a certain element thanks to the drag and drop functionality.
Brizy Editor Interface
Let’s start with the interface of the Brizy editor. If you use the WordPress block editor (Gutenberg) instead of the classic editor, it will take you faster to learn how to use the Brizy editor. The interface of the Brizy editor is pretty similar to Gutenberg in some ways. The two use the term “block” to mention a large container to host the design elements. To add an element to a block itself, you can simply click the plus button which lies at the top-left corner on the left panel. Here is the screencast of the editor interface of Brizy.
As you can see, the editor of Brizy has a large canvas area to design your page. The left panel (which plays a role to add elements and to arrange the blocks) takes only a little portion in the editor area. This offers a better editing experience for those working with a smaller screen (14 inches or smaller). Instead of a panel, Brizy offers a bar to make the settings. The settings panel exists, though. But you only need to open it to make advanced settings.
As said earlier, Brizy offers a live editing experience to make the editing process much easier. To edit a text, for instance, you can do it directly from the canvas area. No need to open a bar or panel. While to resize a column, you can simply drag the column you want to resize.
Once you are done editing your page, you can preview the final result without exiting the editor. You can click the arrow icon on the button-right corner to preview the page. But first, need save the changes by clicking the Save Draft button.
Divi Builder editor interface
Divi Builder offers a bit different editing experience than Brizy. In Divi Builder, the customization and styling process is made via a floating settings panel. The settings panel of Divi Builder will appear every time you click the gear icon on the element handle. There is an option to place the settings panel on the left side, but it takes a large portion of the editor area, making it less ideal in terms of editing experience. Especially if you use a laptop with a small screen. In Divi Builder, you can click the plus button on the canvas area to add a new element. There are three plus buttons you will find on the canvas area of Divi Builder. The grey plus button to add a module, the green plus button to add a new row, and a blue plus button add a new section.
If you are working on a large page that consists of plenty of sections and modules, Divi Builder allows you to switch to wireframe mode to make it easier for you to find a certain module to edit. To ease your job, you can add an admin label to the modules (and other elements) you add.
Another handy feature you can make use of when working on a long page is Layers View. Layers View is an additional navigation feature that allows you to jump to a certain module (or other elements) in a single click. If you have ever used Elementor, this feature is pretty similar to Elementor’s Navigator.
One of the drawbacks of Divi Builder is that it offers no simple way to resize a column. You need to add custom CSS to do so. Another drawback, you need to exit the editor only to preview the page.
Brizy vs Divi Builder: Design Elements
Design elements are a crucial thing to notice when you are looking for a page builder plugin as they determine the type of page you can create. In the context of page builder plugin, section is the term you have to familiarize yourself with. It is a large container where you can add columns and the actual design elements such as button, image, text, and so on.
Instead of “section”, Brizy uses the term “block” to mention a large container to host columns and the actual design elements. These two terms refer to the same thing. In addition to block, other design elements offered by Brizy include column and element (called module in Divi Builder and widget in Elementor).
To add a new block in Divi Builder, you can click the plus button on the canvas area. You can choose whether to add a block from scratch or from a premade template. A template library window will appear right after you click the plus button on the canvas area. You can make your choice here. To add a block from a premade template, you can simply select the template you like, and it will be imported to the canvas area. If you prefer to add a blank block, you can simply click Create your own.
To customize the block, you can click the mixer icon (or whatever you see it looks like) on the top-right corner of the block. This will open the settings bar where you can make the customization process.
There are two exclusive blocks in Brizy: Header and Footer. You can read our previous article to learn more about Brizy block.
Unlike other page builder plugins, Brizy doesn’t treat a column as a required element. You can add an actual design element to the canvas area with or without adding a column first. To add a column, you can simply drag the Column element from the left panel to the canvas area.
To customize a column, you can click the arrow icon on the top-right corner of the associated column to open the settings bar.
You can read our previous article to learn more about how to work a column in Brizy.
Actual design elements
In Brizy, an actual design element is simply called an “element”. Brizy itself offers about forty-two elements in total. To add an element, you can simply drag the element you want to add to the canvas area as demonstrated in the column above. Here are the elements offered by Brizy:
There are four element types offered by Divi Builder to build your page: section, row, column, and module.
In Divi Builder, section falls into three types: regular section (represented by blue color), specialty section (represented by orange color), and fullwidth section (represented by purple color). To add a new section, you can click the blue plus icon on the canvas area (or orange or purple depending on the last section type you added).
To customize a section, you can click the gear icon on the section handle to open the section settings panel.
Row is a smaller container where you can add modules. When adding a new section in Divi Builder (a regular section more precisely) you are asked to add at least a row with a certain column structure. To add a new row, you can click the green plus button inside a section.
To customize a row, you can click the gear icon on the row handle (the green handle) to open the row settings panel.
When adding a new row on a regular section, you are asked to select a column structure. You can add a column on an existing row. To do so, you can open the row settings panel by clicking the gear icon on the row handle. Under the Content tab on the row settings panel, you can simply click the Add New Column button to add a new column. To customize an existing column, you can click the gear icon.
In Divi Builder, an actual design element is called module. There are thirty-eight modules offered by Divi Builder in total. To add one, you can click the grey plus icon on the canvas area.
To customize a module, you can click the gear icon on the module handle to open the module settings panel.
Here are the modules offered by Divi Builder:
|Accordion||Email Optin||Pricing Tables|
|Button||Map||Social Media Follow|
|Call to Action||Menu||Tabs|
|Circle Counter||Number Counter||Testimonial|
|Contact Form||Post Navigation||Video|
|Countdown Timer||Post Slider||Video Slider|
If you need more modules for certain needs, Divi Builder allows you to install extensions. You can discover Divi Builder extensions on the Divi Marketplace.
Brizy vs Divi Builder: Additional Features
Features like the ability to create a custom header and footer, the ability to add custom fields, and so on can be an added value for a page builder. Today, most page builder plugins offer similar features. For instance, be it Brizy or Divi Builder offers a feature to allow you to add custom fields. They also come with a feature to allow you to create a custom header or footer for your WordPress site.
However, there are some details that distinguish Brizy and Divi Builder. For instance, Divi Builder offers CSS transform to allow you to add an advanced hover effect more effortlessly (without needing to add CSS code). In Brizy, you need to CSS code to add CSS transform to an element. Another example, the header/footer builder of Brizy doesn’t support display condition yet, which takes longer to create a custom header for your website as you need to edit every single page (and template) where you want to add the custom header/footer to.
We have created a table that compares the features offered by Brizy and Divi Builder.
|Header/Footer Builder||Yes (doesn’t support display conditions)||Yes|
|Dynamic Content/Custom Fields||Yes||Yes|
|Mega Menu Builder||Yes||No|
|Maintenance/Coming Soon Mode||Yes||No|
|Maintenance/Coming Soon Mode||Yes||No|
Brizy vs Divi Builder: Pricing Options
You can’t install Divi Builder on your WordPress site for free since it is released as a paid plugin. While for Brizy, you can get the free version of it on the WordPress plugin directory. If you want to use the pro version of Brizy, there are three pricing plans you can opt to, with the cheapest plan costs $49 per year.
At a glance, Divi Builder looks pretty expensive as you need to spend $89 to get it but you will have access to five products at that price: Divi Theme, Extra Theme, Monarch, Bloom, and Divi Builder itself. Plus, you can install those products on as many sites as you want. Take a look at the table below to see the price comparison between Brizy and Divi Builder.
|Lowest plan||$49 /year for 3 sites||$89 /year for unlimited sites (or $249 for a one-time purchase option). Full access to all Elegant Themes’ products|
|Middle plan||$99 /year for unlimited sites||–|
|Highest plan||$299 one-time purchase for unlimited site, includes white-label feature||–|
|Download Brizy Pro||Download Divi Builder|
Brizy vs Divi Builder: The Verdict
Both Brizy and Divi Builder are a great tool to create a website with WordPress. Not only you can use them to create beautiful pages on your website. You can also use them to create a custom header, custom footer, custom single post, custom archive pages, custom homepage, and so on. By using Brizy or Divi Builder, you don’t need to rely on what’s offered by your theme, which often limited. Overall, the features offered by Brizy and Divi Builder are not much different. The two offer a live editing experience, the ability to add custom fields, and so on. As you can see above, we have created a comparison table to make it easier for you to compare the features offered by Brizy and Divi Builder.
Be it Brizy or Divi Builder has pros and cons. Divi Builder, for instance, has no popup builder feature so that you can’t create a popup with it. While Brizy has one. On the other hand, the theme builder feature of Brizy has a significant enough drawback in which it doesn’t support display conditions. In the end, everything falls to your needs.