Divi Builder Review: A Smart Choice for Agencies and Freelancers

Divi Builder is a smart, rational choice of WordPress page builder for agencies and freelancers. It has a key selling point: simple pricing. I have been using the page builder since 2019.

In this Divi Builder review, I will share everything I know about the product. Honest and no bias.

I use Divi Builder on some of my WordPress projects, including this one (the website you are currently accessing). The ultimate reason why I use Divi on every new project I create is that I can save my yearly expenses.

Shortcuts:

• What is Divi Builder?
• Why Divi Builder?
• Key Features
• Pricing
• Divi Builder vs the Competitors
• Support
• Pros and Cons
• The Verdict

What is Divi Builder?

Divi Builder is a page builder for WordPress which is available in two versions: as an integral part of the Divi theme and as a stand alone page builder plugin.

Whichever the version you choose, you can use Divi Builder to make it easy for you to create a website with WordPress. Divi Builder, just like other page builders, allows you to create a website with a no-code approach.

Divi Builder comes with 40 native design elements (called modules) which you can add to your pages.

What is the Difference Between Divi and Divi Builder?

Before digging deeper, let’s make it clear the difference between Divi and Divi Builder.

Both Divi and Divi Builder are the WordPress products from Elegant Themes, inc. Divi is a WordPress theme, while Divi Builder is a page builder.

Initially, Divi Builder was exclusively available for the Divi theme (and Extra theme).

But in 2015, Elegant Themes decided to release it as a separate plugin to allow broader WordPress users to use it, regardless of the theme they use.

With Divi Builder now available as a separate plugin, you have two options to use it on your WordPress website. First, you can install the Divi Builder standalone plugin on your WordPress website to be able to use it to edit pages.

Second, if you have the Divi theme or Extra theme installed and activated on your WordPress website, you can directly edit a page with Divi Builder without installing an extra plugin.

The second option is more recommended as you can unleash the full Divi potentials on your WordPress website. More importantly, you don’t need to manage two different products (theme and plugin).

Why Divi Builder?

To be honest, Divi Builder is not the best option of page builder in terms of features. There are better alternatives out there, including newcomers like Breakdance and Bricks.

But again, it is the most rational option to create multiple WordPress websites thanks to its simple pricing option. You don’t even need to pay a yearly subscription fee if you want it.

Another reason, it has a well-established ecosystem. If you need to extend its functionality, you can simply install a plugin you need.

Elegant Themes (the company behind the page builder), provides an official marketplace whereby you can find related products. From plugins, child themes, to layouts.

What Features Offered by Divi Builder?

Contents:

• Advanced Responsive Editing
• Theme Builder
• Custom CSS
• Design Elements
• Form Builder
• Client Mode
• Animation Effects
• Advanced Gradient
• GenAI

Divi Builder is definitely not the best page builder in terms of features. Its competitors like Elementor and even Breakdance have more features. It has no companion features like popup builder or loop builder.

As I mentioned in the opening section, the main selling point of Divi Builder is its simple pricing plan whereby you can install it on unlimited websites with a single membership account.

Even so, Divi Builder doesn’t lose its essence as a page builder. It comes with a visual editor with a drag-and-drop editing experience. Also, you have a bunch of styling options to choose from to decorate every element in your design.

Here are some notable features that Divi Builder has:

# Advanced Responsive Editing Features

One of the notable features that Divi Builder has is responsive editing. With the feature, you can optimize your design on every device type. From desktop, tablet, to smartphone.

Don’t all page builders have this feature? Yes, they do.

But the responsive editing feature of Divi Builder is a bit ahead of other competitors. Even Elementor.

First, you can set a custom viewport which is pretty useful in case you are designing a page for a device that has a specific screen size (e.g., iPad Mini). You can simply type the value you want to the viewport fields to add a custom viewport.

Second, it has a native Display Conditions feature. You can use this feature to show/hide certain elements based on certain parameters. One of which is operating system.

Two most popular mobile operating systems — Android and iOS — are supported by this feature.

This feature is super useful if you are designing a landing page for a digital product (e.g., a mobile app). You can use the feature to, for instance, display two different CTA buttons on iOS and Android devices.

One button will only show up when the page is accessed via an iOS device (iPhone), while the other one will only be visible on Android devices.

Of course, basic responsive editing features like the ability to apply different settings to different device types and the ability to show/hide an element on different device types are available.

Here are the features of responsive editing in Divi Builder:

• The ability to apply different settings to device types (based on viewport)
• The ability to show/hide elements on certain device types
• Display condition.

# Theme Builder

In case you didn’t know, every WordPress theme has template files written in PHP to govern the layout of site parts like header, footer, archive pages, and so on.

In the FSE (Full-site Editing) era, you can create your own custom templates to replace the default templates of your theme (requires a block theme). The feature to create custom templates for site parts is often called theme builder.

Divi Builder also comes with a theme builder feature in case you need it. With the feature, you can create custom templates for your site parts from header, footer, achieve pages, single post, to search results page.

The best part, you can create these templates using a visual editor. No need to deal with code.

The custom templates you can create with the feature are:

• Header
• Footer
• Single post
• Single page
• Archive pages (category, tag, author)
• Search results page
• 404 page

Here is the screen of the theme builder feature of Divi.

## Display Condition

The theme builder feature of Divi Builder comes with a display condition feature. Meaning that you can assign a custom template to a certain area on your website. For instance, you can assign a custom header template to a specific page or post.

Sure, you can also apply the template globally on your website.

This feature is quite useful if you have a website consisting of multiple content types as you can leverage it to create different custom templates for each content type.

Need an example?

Say you have a blog about photography in which the content divides into three types:

• Gear review
• Photo showcase
• Story

You want each content type to be displayed in different layouts. For the gear review content, for instance, you want it to have elements like star rating and CTA button. While for the photo showcase, you want it to have the image gallery element.

For a case like this, you can create three custom single post templates with each custom template is assigned to a different category (or custom post type if you prefer).

The display condition feature is applicable for all custom templates, except for search result pages and 404. Also, it is editable. In other words, a custom template that has been assigned to a certain area can be reassigned to a different area.

To change the assignment of a custom template, you can simply click the gear icon on the custom template you want to change the assignment of.

On a custom template itself, you can add dynamic content such as featured image, post author, post title, post content and so on.

## Dynamic Content

What is dynamic content?

Every element you enter via the WordPress content editor (be it Gutenberg or classic editor) can be considered dynamic content. From post title, post content, featured image, and so on.

When creating a custom template using theme builder, you can add corresponding dynamic element. For custom single post template, for instance, you can add dynamic elements like post title, post meta, post content, featured content, author profile, and so on.

Divi Builder provides several dedicated modules for dynamic elements such as post title, post content, and post meta. Alternatively, you can add a dynamic element using the Text module and Image module by clicking the dynamic icon on the content editor/image picker.

Here is the list of dynamic content that Divi Builder supports:

Text	Image
Site title	Featured image
Site tagline	Site logo
Post title	Author profile picture (gravatar)
Archive title
Post excerpt
Post publish date
Post comment count
Post categories
Post tags
Post author name
Post author bio
Category description
Current date
Post content

In addition to the default WordPress content as you can see on the table above, Divi Builder also allows you to add a dynamic you created with plugins like ACF, Pods, and Toolset.

Here are the custom fields plugin it supports:

• ACF
• Pods
• Toolset
• Meta Box

# Custom CSS

You can definitely create an eye-catching page without touching a single line of code with Divi Builder. But if you have CSS knowledge, you can achieve more. A simple instance. You can use your CSS knowledge to create a gradient text.

Custom CSS allows you to apply a certain style when the option to apply the style is not available. I myself use custom CSS to further text elements a lot.

If you often create pages with a complex layout, you will likely use custom CSS a lot as Divi Builder is far behind the competitors in terms of layout options. A simplest instance, adding CSS is required only to place two buttons side by side.

As a comparison, you can achieve it with a few clicks in Elementor and Breakdance.

## How to Add Custom CSS in Divi Builder

In general, there are two options to add custom CSS in Divi Builder. First, you can add custom CSS to a specific module element. For instance, you can add custom CSS to the post title element of the Blog module.

You can access this feature from the Advanced tab on the settings panel, on the Custom CSS block. The fields available on the Custom CSS block varied, depending on the module you work with. On these fields, you can directly add your CSS properties without defining the selector.

If you prefer defining the selector yourself, you can also do it. Simply switch to the Free-Form CSS tab and you can define any selector.

The second option to add custom CSS in Divi is by adding either CSS ID or CSS Class to a module. You can use this option if you have global CSS snippets.

Divi itself has a dedicated feature to add global custom CSS. You can access it under the General tab on Theme Options (not available on standalone plugin).

Adding custom CSS here equals to adding custom CSS via the Additional CSS block on Theme Customizer in other WordPress themes.

# Design Elements

Divi Builder is the opposite to Elementor and Breakdance. The two offer tons of design elements.

While the approach of offering tons of design elements sounds good for most users, the reality is not that good because in most cases you only need several design elements to be added to your design.

In Divi Builder, modules fall into two categories: regular modules and WooCommerce modules.

WooCommerce modules will only be visible when you have WooCommerce installed and activated on your website.

## Regular Divi Modules:

## WooCommerce Divi Modules

You have an option to disable the modules you don’t need to make the editor uncluttered. To do so, from the Divi Role Manager screen.

To access Divi Role Manager itself, you can go to Divi -> Role Manager on your WordPress dashboard.

# Form Builder

Want to add a form to your page? Not a problem, of course. In Divi Builder, there are three modules dedicated to creating forms.

The first module is the Login module which you can use to create a custom login form on your website. The second module is the Contact Form module. As the name suggests, you can use this module to create a contact form.

But the use of the Contact Form module is broader than just creating a contact form. Instead, you can also use it to create several other form types, including a simple survey. The module itself supports the following form field types:

• Name
• Email
• Text area
• Checkboxes
• Radio button
• Dropdown

The Contact Form module also supports display condition feature where you can show a form only if certain conditions are met. For instance, you can show a field if the previous field is not empty.

The third module you can use to create a form is the Email Optin module.

## Email Optin Module

The Email Optin module is the module aimed at marketing purposes. You can use it to collect email addresses of your potential clients or newsletter subscribers by connecting it with an email marketing platform of your choice.

Here is the list of the email marketing platforms supported by the module:

• Active Campaign
• AWeber
• CampaignMonitor
• ConstantContact
• Kit (formerly ConvertKit)
• Emma
• FeedBlitz
• FluentCRM
• GetResponse
• HubSpot
• iContact
• Keap (formerly Infusionsoft)
• MailerLite
• MailPoet
• Mailster
• Ontraport
• Salesforce
• Brevo (formerly Sendinblue)

You can connect your form with the services on the list above via API key mechanism.

# Client Mode

Giving a client the ability to edit the site design is not wrong. It’s her/his website, after all. But you need to be very careful in this part because most clients have no web design knowledge. Let alone Divi.

If you give a client full editing access, it can ruin your design. Your work.

Divi Builder offers a better idea if you want to involve your client in the finalizing process. Instead of giving full access to edit the design, you can restrict the access to editing content only. Take a look at the following screenshot:

As you can see, there is only one tab on the settings panel, the Content tab. If you enable the setting options above, your client can only edit the content. He/she can’t edit the design such as changing font size, font family, text color, etc.

Normally, the settings panel has three setting tabs as follows:

You can set the editing capability you want to give to your client via Role Manager (Divi -> Role Manager).

For the role of your client, you can use one of the default roles (Editor, Author, Contributor). Or you can also create a dedicated role for your client.

# Animation Effects

Professional designers understand that adding too many animation effects is not good because it can hurt your site performance.

But it doesn’t mean you can’t add any animation effects at all.

Divi Builder comes with several animation types you can apply to your design. From a simple hover effect to scroll effects.

Animation can be applied to every element in your design. From section, row, column, to module.

## Entrance Animation

This is the animation effect that site visitors see when the page is loaded. Meaning that it doesn’t require a specific action from a user to take place.

There are four entrance animation styles available in Divi Builder:

• Fade
• Slide
• Bounce
• Zoom
• Flip
• Bold
• Roll

You can control the animation like setting the speed, setting the animation direction, setting animation delay, and so on.

## Scroll Effect

Scroll effect is the type of animation where it will only take place when a user/visitor make the mouse scroll.

A simple example of this effect is sticky header.

There are two scroll effects you can apply to an element: sticky effect and transform effect.

Transform effect is the type of scroll effect where an element moves to a certain direction when the page is scrolled down.

## Parallax Effect

Another animation effect you can add to your design is parallax. You can apply this animation effect to section, row and column.

Unfortunately, Divi Builder doesn’t offer options to further customize the parallax like the ability to set the pace, etc.

# Advanced Gradient Background

Unlike Elementor which limits you to add only two colors on a gradient, Divi Builder allows you to add unlimited colors to a gradient. This gives an opportunity to create an advanced gradient background without involving a gradient generator tool.

Apart from the ability to add multiple colors, you also have four gradient type options to choose from:

• Linear
• Circular
• Elliptical
• Conical

Furthermore, the options to set gradient direction and to set gradient position are also available.

# Generative AI

If you are a generative AI fan, then you will love this. In Divi Builder, you can generate both text and image content to a module. You can use this feature for free for the first 100 content you generate. Afterward, Elegant Themes will charge you $14 per month.

Recently, Elegant Themes introduced another AI feature which allows you to edit images right inside the editor.

To be honest, I am not a fan of generative AI. But here are things you can do with the generative AI feature in Divi Builder:

• Generate text content
• Generate image content
• Generate CSS snippets
• Edit image

If you don’t need this feature, you have an option to disable it. Go to Divi -> Role Manager on your WordPress dashboard and disable the Divi AI option.

How Much Does Divi Builder Cost?

What makes Divi Builder an ideal choice for agencies and freelancer is that you can install it on unlimited websites with only one subscription account.

And don’t forget that you can get Divi Builder with a one-time purchase option in case you the type person who hates subscription-based payment.

Apart from Divi Builder, you can also download other themes and plugins developed by Elegant Themes with your subscription account. Here is the list of the products you can download:

• Divi (theme)
• Extra (theme)
• Divi Builder (plugin)
• Bloom (plugin)
• Monarch (plugin)

Also, you can use Divi Dash for free. Divi Dash is a tool from Elegant Themes to manage multiple websites from a single place — pretty similar to ManageWP, WP Umbrella and MainWP.

Elegant Themes itself offers two plan types you can choose from: Divi and Divi Pro.

	Divi	Divi Pro
Price	$89/year or $249 for one-time payment	$277/year
Divi theme	✅	✅
Extra theme	✅	✅
Divi Builder plugin	✅	✅
Monarch plugin	✅	✅
Bloom plugin	✅	✅
Divi Dash	✅	✅
Divi AI	❌	✅
Divi Cloud	❌	✅
Divi Teams	❌	✅
Divi VIP	❌	✅

Divi Builder vs Elementor vs Avada vs Breakdance

Divi Builder is not the best page builder in terms of feature. That’s the truth. Its competitors like Elementor and Breakdance have more and better features than Divi Builder.

But Divi Builder, as I said in the opening section, is the best option if you are an agency or a freelancer who often creates new websites for clients.

No matter how many websites you plan to build, you only need to spend $89 per year. One-time payment option is also available if you hate subscription-based payment.

I have created the table below that compares how much money you need to spend each year if you use Divi Builder, Elementor, Avada and Breakdance.

	Divi Builder	Elementor	Avada	Breakdance
Yearly expense based for 10 websites	$89	$199	$690	$199.99
	Learn more ↗️	Learn more ↗️	Learn more ↗️	Learn more ↗️

How About the Support?

Elegant Themes, the developer of Divi builder, is absolutely the best in this area. When you compare its support with Elementor (I use both Elementor and Divi), you will find a clear reason why Elegant Themes has received countless positive reviews on Trustpilot.

You have several options of how to get help from the support team, which is available any time you need.

The first option via live chat. A little delay will happen with this option, but once you are connected with one of the support team members, the conversation takes place smoothly.

If your problem takes long to solve, you can continue the conversation via email if you have busy enough with other tasks.

The best part of getting help from the Divi support team is that they will provide the code snippets when needed!

Remote Access

If you can’t solve your issue yourself, you can hand over it to the Divi support team via remote access.

You can enable remove access from Divi -> Remote Access on your WordPress dasboard.

The duration of the remote access is 4 days. After the duration ends, the remote access will be automatically disabled.

Apart from these two methods (live chat and remote access), Elegant Themes also offers an extra option to get help: Divi VIP. This is the best option if you want your issue to be solved super quickly, but extra fee is involved.

Pros and Cons of Divi Builder

Overall, Divi Builder is a great product and I am very confident recommending it, especially if you are a freelancer or agency. But it is definitely not a perfect product. There are many areas that require improvement.

Here are some pros and cons of Divi Builder after years of experience.

👍🏻 Pros:

Simple Pricing

Pricing is the main reason why I strongly recommend Divi Builder if you are a WordPress agency or freelancer. Unlike other developers who typically adopt tiered pricing plans, Elegant Themes adopts a different approach.

Instead of adopting tiered pricing plans, Elegant Themes offers a single pricing plan — which you can pay either with a yearly subscription option or one-time payment. With only a single membership account, you can install Divi Builder (or Divi theme) on as many projects as you want.

In addition, you can also download other products from Elegant Themes such as Bloom and Monarch.

Well, there are actually two pricing plans that Elegant Themes offers, but the first option is enough for most cases. You can choose the second option only if you need extra services like Divi Cloud, Divi AI, and Divi VIP.

The pricing plans that Elegant Themes offers are totally worth it for freelancers and agencies. To save yearly expenses, subscribing to lifetime membership is a great idea.

Achieve More with a Single Product

Another nice thing of being a Divi Builder user is that you can achieve many things with only a single product. For instance, you can add a contact form without needing to install an extra plugin.

You can also add an email opt-in form and connect it with your favorite email marketing plugin or services like MailPoet, MailerLite, and so on.

Extensible

Divi has an open ecosystem whereby it allows third-party developers to get involved. If you are a developer, you can build a WordPress plugin designed specifically for Divi Builder.

Since the native features are limited, the extensible attribute is quite crucial.

If you need a certain feature and it is not available by default, you can install a plugin. You can find the plugins you need on the official marketplace of Divi.

Excellent Support

I rarely contact the Elegant Themes support team, to be honest. But every time I do, they always serve at their best.

The support service of Elegant Themes is way better than Elementor. In Elementor, support service is handled by a third-party agent. While in Elegant Themes, support service is handled directly by a dedicated team.

I haven’t tried it yet, but faster response is available in Divi VIP.

👎🏻 Cons:

Lacks of Layout Options

Divi Builder uses row and column for design layout. Unfortunately, the built-in setting options are limited enough when it comes to layout. For instance, Divi Builder has no built-in setting option to center content on a column. Often times, a CSS snippet is involved for basic layout.

As I mentioned above, you need to add custom CSS only to place two buttons side by side. Divi Builder is far behind Elementor and Breakdance in this area. Hopefully they will make it easy to create complex page layout after Divi 5 release.

Lacks of Modules

Unlike Elementor that has over 70 native design elements, Divi Builder has only 39 design elements (outside WooCommerce). In Divi Builder itself, design elements are called modules.

Actually, fewer modules is not a big issue for me. Sometimes, fewer options is better for a streamlined workflow. The problem is that Divi Builder has no native star rating module, which I frequently use on my designs.

The Editor is a Bit Heavier

Compared to Elementor, the editor of Divi Builder is a bit heavier. Elegant Themes realizes this. That’s why they will remove some animation effects on the builder to make it lighter. Thankfully, I have a high-spec laptop (MacBook Pro) so this issue is not too serious for me.

If you work with a low-spec laptop, designing with Divi Builder will be a bit painful.

The Verdict – Divi Builder Review

Divi Builder is a great product, but it is far from perfect. There are downsides in some areas. As I mentioned above, three main areas that require improvement are layout options, number of native modules, and editor.

Elegant Themes itself is working on Divi 5 — which is focused on editor improvement (promised to be lighter).

I really hope essential features — layout options in particular — will be added after Divi 5 release.

While some downsides exist, Divi Builder doesn’t lose its essence as a page builder. It has an easy-to-use editor — with advanced responsive editing features. Custom CSS allows you to achieve more, and its theme builder is quite useful to create a dynamic website.

Who Divi Builder is for?

Elegant Themes specifically targets freelancers and agencies. The simple pricing plan it offers is too tempting if you are a freelancer or agencies who build and manage multiple WordPress websites. You can save your yearly expense with its lifetime membership.

Divi Builder is also great if you are a blogger maintaining multiple blogs as you can install it on all your blogs — with only a single membership account. Furthermore, Divi Builder can also be a great solution for online shop owners who build their online store with WooCommerce.

Divi Builder is great if you are:

• An agency or freelancer looking who hates subscription payment model
• A WordPress user looking for a theme that has a built-in page builder
• A WordPress user looking for a theme that has a built-in form builder
• A blogger managing multiple blogs
• A small business owner looking to build a website with WordPress
• An online marketer looking for a landing page builder for WordPress

Divi Builder is not for you if you are:

• A blogger with limited hosting resources
• A casual blogger looking for a cheap or free theme

If you are interesting in using Divi Builder, you can try it first before making a purchase. You can visit this page to try the demo of the page builder.