Divi or Elementor? I hesitated for a long time to get into this type of article for two reasons:
- I didn't really want to take a position between two competing tools.
- This article represents a crazy job (+5200 words)...
But considering what I found on the web, I wanted to offer you my vision of this complete guide because for the moment, I only found "too much advertising" articles that were not objective enough or not detailed enough.
Here, I offer you a battle Divi vs. Elementor very objective. I'll only comment on the conclusion...
I will try to propose a real comparison of Divi versus Elementor, step by step and feature by feature. I'm going to address both strengths and weaknesses...
However, you have to compare what is comparable! So this article will present the Pro version of Elementor because the free edition can't be compared to Divi, it would be a lost cause...
Anyway, let's not waste any more time and get to the heart of the matter...
- 1 - Divi or Elementor in a few figures
- 2 - Divi vs. Elementor: a price story?
- 3 - Theme, Theme Builder, Page Builder : help !
- 4 - Modules vs. Widgets: which page builder is the "richest"?
- 5 - Layouts to download: Divi or Elementor?
- 6 - Features: Divi or Elementor?
- 7 - Elementor, Divi & UX : what we love, what we hate...
- 8 - Resources, community, freebies...
- 9 - Divi or Elementor? I'm asking you the question!
Advertisement: This article contains affiliate links that you will easily recognize. The classic links are in purple and sponsored links are in pink.
1 - Divi or Elementor in a few figures
Let's start with a broad view of these two tools. It is good to explain the context to better understand the rest of this Divi vs. Elementor comparison.
1.1 - Some figures about Divi
Divi is the flagship theme of Elegant Themes' theme shop. It will be launched at the end of 2013. The Divi Builder as an independent plugin will be released in 2015.
As you may know, the Divi Theme should not be confused with the Divi Builder. They're two different products.
The Divi Builder being a Page Builder, it is indeed him who will be the subject of this comparison with Elementor (and not the Divi theme).
1.2 - Some figures about Elementor
Elementor is Divi's best challenger.
What has strongly contributed to its success: its free version - already quite effective - is directly available on the official WordPress plugin directory. This was not the case for most of the page builders of the time, often only available in premium version.
So in 2016, Elementor comes to change the landscape of free builder pages by offering a very promising builder accessible to all.
As soon as it is released, it offers a page construction directly in the front-end, whereas its competitors offer either a back-end construction or a back-end construction + in front-end (at your choice, which is the case of Divi).
1.3 - Comparative and summary table
Figures updated on 3 July 2020
|Figures as at 3 July 2020||Divi||Elementor|
|Year of release||Theme: Dec. 2013|
Builder: Oct. 2015
|Free of charge: May 2016|
Pro: Dec. 2016
|Active facilities (free of charge)||–||Free version : |
|Pro licenses sold||702.000||???|
|No. of employees||100||131|
|5-star review||7078 reviews 5 stars out of 7317 (TrustPilot) or 97% satisfaction||4930 reviews 5 stars out of 5308 (on WordPress) or 93% satisfaction|
When you see that Elementor already has more than 5 million active installations, that could make Elegant Themes blush, with "only" 702,000 licenses sold. And yet, these figures are not comparable!!!
Indeed, Divi's licenses are sold for an unlimited number of sites which does not allow us to know exactly how many sites use Divi.
Let's imagine that each Divi license is used on an average of 10 sites, this would mean that Divi is used on 7.2 million sites.
For example, I myself use it on about twenty sites and I am far from having the productivity of an agency! So, this figure, we can only imagine...
2 - Divi vs. Elementor: a price story?
Now that we know a bit more about the history of the two extensions, let's talk about money...
Indeed, it is often a criterion of choice for some users.
The pro licenses of these two builder pages do not work the same way. Again, it will be difficult to compare them. Their business model is different and that's also what can change the deal, depending on the needs you will have...
To better understand the difference in price, I propose this table:
|Divi Annual||Divi Lifetime||Elementor Pro|
|1 site||89 (each year)||249 (one time only)||49 (each year)|
|1 site after 5 years costs...||445$||249$||245$|
|1 site after 10 years costs...||890$||249$||490$|
|3 locations||89$(each year)||249 (one time only)||99$(each year)|
|3 sites after 5 years cost...||445$||249$||495$|
|3 sites after 10 years cost...||890$||249$||990$|
|Up to 1000 sites||89$(each year)||249 (one time only)||199$(each year)|
|+ more than 5 sites after 5 years cost...||445$||249$||995$|
|+more than 5 sites after 10 years cost...||890$||249$||1990$|
|Pro Theme included||Yes||Yes||No|
|Bonus included||Bloom + Monarch||Bloom + Monarch||No|
I think this table explains the price differences between Divi and Elementor.
It is clear that the annual licences constitute a substantial budget after a certain number of years, whether for Divi or Elementor.
For example, a site created with Elementor costs more than a site created with Divi Lifetime from the 5th year of the site.
The number of sites that can be created with a single license also comes into account and increases the budget over the years.
This suggests that if your job is to create sites for your customers, Divi is more advantageous. On the other hand, if you need a page builder for your personal site, Elementor will be more advantageous during the first 4 years (if you use a free theme).
To learn more about rates, I offer these two articles:
3 - Theme, Theme Builder, Page Builder : help !
If you get started with WordPressYou must have read up on it and come across some rather odd terms.
When you start to discover the universe of themes and page builders, certain words come up often: Theme, Page Builder, Theme Builder, Visual Builder, modules, widgets, etc.
I understand that you can get lost in it!
3.1 - Lexicon for a clearer view
To see more clearly in this WordPress jungle, here are some explanations.
WordPress requires a theme to work. It is the themes that determine the look (design) of your site.
There are lots of themes! Some are free (or freemium) and some are premium.
Free themes are often restricted and for this reason users prefer to use paid themes that are richer in possibilities and functionalities.
They are "page builders".
To illustrate this point, page builders allow you to build, brick by brick, the layout of your pages or articles.
The page builder acts only on the "content" part of your page (or article). In other words, on the part where you are allowed to write = the same part used by the WordPress editor.
To better understand, I advise you to read this article dedicated to the basics of the theme, the page builder and WordPress.
The Page Builder Themes allow you to act on the parts of the site that are not accessible using a Page Builder.
For example, a builder theme will act on the header of your siteYou can also find the information on the footer and on special pages such as category archives, product archives, etc.
This is a very useful feature to get a completely customized site.
Divi and Elementor Pro both have a builder theme (free Elementor does not have this feature).
Read this article which explains how the Divi Theme Builder works.
WooCommerce Builder is the term used for page builders acting on WooCommerce product sheets. Some Pages Builder don't allow to be used on products in the store.
Divi Builder or Elementor Pro allows you to build WooCommerce product sheets but that's not the case with Free Elementor.
The term "module" is used to describe the "small bricks" available to create the layout from the Divi Builder.
For more information on modules available in the Divi Builder, go here.
The term "widget" is used by WordPress to name small features that can be added to a sidebar (sidebar) or footer (footer) from the Appearance > Widgets tab.
But the term "widget" is also used by Elementor to name the "small bricks" available in the builder.
In other words, Elementor Widgets are the equivalent of Divi Modules.
These are additional features, often provided by third-party extensions.
These add-ons are available as plug-ons but we prefer the term add-ons because they are not functional if the "plugin-parent" is not active.
There are add-ons for Gutenberg (the WordPress editor), for Divi and for Elementor.
A popup builder is a feature that allows you to create PopUps with the Modules or Widgets of a Page Builder.
Divi or Free Elementor do not allow this feature but Elementor Pro does.
Learn more about the Elementor PopUp Builder.
3.2 - Comparison in table form
This table will allow you to quickly compare what is possible to do with Divi or Elementor.
|Divi Builder||Elementor (free)||Elementor Pro|
|Need a theme?||Yes||Yes||Yes|
|Preferred theme*||Divi Theme||Astra, Nève, OceanWP||Hello Theme (free)|
|All compatible themes?||Yes||Most of them.||Most of them.|
|WooCommerce Builder ?||Yes||No||Yes|
|Functionality of Theme Builder?||Yes||No||Yes|
|Popup Builder? functionality||No. Use PopUp for Divi (free of charge).||No||Yes|
|Back-Office construction ?||Yes||No||No|
*I'm talking about "favorite theme" but you can, of course, use these page builders on any theme, except incompatible ones. The Hello theme is the theme proposed by the Elementor developers. Wondering why I didn't mention it in the free Elementor column? Because it is a theme that needs a Theme Builder to be fully effective and the free version of Elementor does not offer this feature. Read my review on this subject.
4 - Modules vs. Widgets: which page builder is the "richest"?
Now let's move on to the most interesting part of Pages Builder: the functionalities provided by their modules or widgets.
If you want my opinion, it's not really the number that counts but rather their usefulness and the options that are offered with each module (or widget). Because a module without a lot of customization options is usually uninteresting.
Each Page Builder therefore includes modules that also contribute to their success.
4.1 - The modules or widgets of the page builder
|Module - Widget||Divi Builder||Free Elementor||Elementor Pro|
|Call to Action - Appel à l'action||x||0||x|
|Audio - SoundCloud||x||x||x|
|Side Bar - Side Column||x||x||x|
|Tilt - Toggle||x||x||x|
|Blog - Post||x||0||x|
|Map - Google Map||x||x||x|
|Screen fold card||x||0||0|
|Search - Search Form||x||0||x|
|Code - HTML||x||x||x|
|Full width code||x||0||0|
|Comments - Post Comments||x||0||x|
|Bar counter - Progress bar||x||x||x|
|Number counter - Counter||x||x||x|
|Countdown timer - Countdown||x||0||x|
|Full screen header||x||0||0|
|Full width article slider||x||0||0|
|Slider Video - Media Carousel||x||0||x|
|Slider Diapo - Carousel of pictures||x||x||x|
|Slider full screen||x||0||0|
|Full width image||x||0||0|
|Menu - Nav Menu||x||0||x|
|Full screen menu||x||0||0|
|Post navigation - Post navigation||x||0||x|
|Full Screen Portfolio||x||0||0|
|Summary - Icon||x||x||x|
|Login - Login||x||0||x|
|Social Follow - Social network icons||x||x||x|
|Separator - Spacer||x||x||x|
|Table if contents||0||0||x|
|Text - Text Editor||x||x||x|
|Titre du poste - Post Title / Page Title||x||0||x|
|Full screen job title||x||0||0|
|Title (h2, h3, etc.)||0||x||x|
This table shows that the free version of Elementor does not offer certain indispensable widgets (such as the display of the latest articles). This means that you will be quickly tempted to switch to the pro version.
We can also see in this table that Elementor Pro has a large advantage over the modules embedded in the Divi Builder: nearly twenty more!
However, note that some features are common in the options of some modules. Just because a module or widget is missing does not mean that the same purpose cannot be achieved.
All this complicates this Divi vs Elementor comparison because some features are intertwined. If you use the two builder pages, you know what I'm talking about...
4.2 - WooCommerce Builder modules or widgets
The Divi's WooCommerce Builder modules are active only if WooCommerce is installed on your site. As for Elementor's WooCommerce widgets, they are only available in the pro version.
|Module - Widget||Divi Builder||Elementor Pro|
|Woo Add to cart - Add-to-cart||x||x|
|Custom Add to Cart||0||x|
|Woo Cart Notice Notice||x||0|
|Woo Description - Short Description||x||x|
|Woo Image - Product Image||x||x|
|Woo Informations complémentaires - Additional information||x||x|
|Woo Meta - Product Meta||x||x|
|Woo Price - Product Price||x||x|
|Woo Related Products - Product Related||x||x|
|Woo Rating - Product Rating||x||x|
|Woo Stock - Product Stock||x||x|
|Woo Tab - Product Data Tab||x||x|
|Woo Title - Product Title||x||x|
|Woo Upsell - Upsells||x||x|
Elementor Pro offers 4 more WooCommerce widgets than Divi. Note that Divi also offers the same features as these missing widgets but as embedded options in other modules.
5 - Layouts to download: Divi or Elementor?
For a long time, themes and page builders have offered their users the possibility to download pre-built layouts. These are called "layouts".
These layouts are especially helpful for WordPress users who are not "artistic" or who don't have time to waste.
How does it work? Layouts are created by designers/graphic artists and made available to users who only have to click on a button to import the layout template. Then, users only have to modify the texts, images and colors.
It's more than magical because anyone can create and design their own website in a flash.
On this side, Divi and Elementor Pro offer a nice range of layouts to download. The free version of Elementor is, of course, less rich than the pro version.
5.1 - Divi's Layouts
When you activate the Divi Builder (or Visual Builder) on a page or article, a screen appears to suggest the type of layout you want:
By choosing the "Choose layout" option, you will access the complete library of Divi layouts.
You can then choose from 1260 layouts in 170 packs. This number is constantly evolving as Elegant Themes adds 1 new pack of layouts every week, which means more than 30 layouts per month (each pack is composed of 7 to 9 layouts).
Each layout pack makes it possible to build most of the pages of a site with the same harmony: home, contact, blog, portfolio, shop, etc.
Images imported with these layouts are royalty free and can be used in your commercial projects.
5.2 - Elementor Layouts
Like Divi, Elementor allows you to import ready-made layouts.
When you activate Elementor on one of your pages or articles, you will see a small grey icon. Clicking on it will take you to the template library.
The models are divided into 2 categories: Blocks or Pages.
Here, no notion of "pack". You will then have to look for pages that are in harmony according to their visual or according to their name. For example: hotel, restaurant, agency.
You will also see a red badge that says "pro". This means that these layouts are only available in the pro version of Elementor.
As for the "blocks", they are part of a layout. It could also be called a section of a page. This way, you can import only parts of a page instead of the whole layout.
These "blocks" are partly taken from the layouts proposed in the "page" section.
Elementor then offers 210 pages + 340 blocks. Please note that these figures correspond to the pro version. In the free version, only a few layouts are available.
5.3 - Quick comparison in a table
This small table allows you to quickly compare the layouts offered by Divi or Elementor :
|Blocks (section or part of a page)||0||340|
|Pages (full layout)||1260||210|
|Layout packs (7 to 9 layouts)||170||0|
If Divi is poorer in modules (widgets), he makes up for it with his layout richness.
6 - Features: Divi or Elementor?
In addition to modules, widgets and layouts, Elementor and Divi offer other features.
These are directly integrated into the builder page and are not necessarily visible at first glance.
|1 - Management of the library||x||x|
|2 - Import/Export||x||x|
|3 - Browser||x||x|
|4 - Responsive Mode||x||x|
|5 - History||x||x|
|6 - Element Global||x||x|
|7 - Dynamic Content||x||x|
|8 - Integration in Gutenberg||x||0|
So, this table shows that the two Page Builders are equivalent in all (or almost all) points, at least in the most important functionalities one can expect from a Page Builder!
Read also : 8 Divi features you should use!
6.1 - Management of the library
Divi and Elementor manage the "library" functionality perfectly, each in their own way, but the result is the same.
The Elementor or Divi library allows sections, modules or even entire layouts to be stored in one place for later use.
The library can be used as a backup as well as a time-saving storage device.
To save a template in the Divi Library, simply click the "arrow in a circle" icon. Your entire layout will be stored in the library.
Of course, you can save modules, sections or lines in the same way. You do not have to save the entire layout.
Then you will find these saved items in the Divi Library.
Go to the Divi tab > Divi Library. There you will find all your saved templates.
The Elementor template library is managed in the same way. If you want to save a layout in your "templates", simply click on the triangle at the bottom left. Then select the option "save as template".
You will give your layout a name, which you will then find in Templates > Saved Templates.
Look out! Elementor is sending this template library for indexing! I guess that's not very good for SEO. So make sure you put the Elementor Template Library into NoIndex via your SEO extension (like Yoast).
Learn more about the Elementor Library Template.
6.2 - Import/export functionality
Divi and Elementor offer import/export functionality. This allows you to export a layout or section of your site to import it into another site.
Or conversely, you can retrieve an external layout and import it into your site!
This feature is just great and saves you a lot of time.
To know more about import/export with Divi.
6.3 - Navigation within a layout
This feature may seem trivial, but it is not. The "layers" for Divi is the equivalent of the "browser" for Elementor.
In the blink of an eye, you will visualize the composition of your layout. It's ideal for moving certain sections around on long pages.
Of course, if you name the sections that make up your layout correctly, it will be easier for you to recognize them in the browser.
However, I don't know if this is possible with Elementor (I haven't found out how to name a section yet...).
6.4 - Responsiveness management
Fortunately, both Elementor and Divi allow you to act on the responsiveness of your site.
Simply activate the view you want to control: desktop, tablet or mobile.
We all have a right to make mistakes, and Divi and Elementor have understood that!
You will be able to revisit subsequent actions if you have changed your mind or if there is an error.
Be careful, if you exit the page builder, the history will be reset.
6.6 - Global element functionality
If you need to place recurring elements within your articles or pages, you can save a lot of time thanks to the global element functionality.
Thus, you will save time at the time of insertion but also at the time of the update of this element (which will be done on all the pages that use it).
6.7 - Dynamic content
Dynamic Content is a feature that allows you to transform any module (or widget) into a dynamic element that extracts its content from the database.
You can turn any static element into a dynamic element that automatically updates itself when its connected content is modified.
Divi or Elementor manage this feature which could be very useful to you. Imagine if your customer decides to change the tagline or even the title of the site! Your content connected to this dynamic element will be updated in an instant!
6.8 - Integration into Gutenberg
This feature is offered only by Divi, it is the Divi Layout Blocks. It is possible to use certain Divi modules within pages or articles that use the native WordPress editor.
This is very interesting because you don't have to activate the Divi Builder on an item to simply insert only one or two modules.
Read the full article dedicated to Divi modules in Gutenberg.
7 - Elementor, Divi & UX : what we love, what we hate...
The two builders pages presented here are, in my opinion, the best available at the moment. However, they have good and bad sides. Let's say that the 100% perfect does not exist yet...
Often, it's about user experience (UX).
So when I'm asked the question, "Do you recommend Divi or Elementor? "I always answer the same thing: "You have to try it to see which one suits you and your needs".
Because, yes, there is no such thing as the ready-made answer.
It's like asking a photographer if it's better to go with Canon or Nikon? They both end up doing the same thing, don't they? They both take pictures. Afterwards, it's the user experience that will decide and the affinity you have with the brand.
Are you more comfortable with one or the other? If you don't try both, how can you make up your own mind?
7.1 - Four reasons to adopt Elementor
- If you disable it, it does not leave any traces on your page, unlike Divi.
- Some of the design options offered by some of Elementor's widgets are very cool. I'm thinking for example of the logo carousel, image galleries and section separators which have more choices than the Divi dividers.
- I love the animated title widget. Learn more about Animated Headlines.
- An ecosystem has grown rapidly around Elementor (more on this later). As a result, you'll find a lot of additional widgets (free or freemiums) on the official WordPress directory.
7.2 - Four Reasons to Screw with Elementor
- The control panel remains fixed on the left side of the screen. If you are working on a small computer, the remaining space is just to get a better understanding of the construction. To remedy this, an add-on (additional plugin) will be needed.
- Elementor cannot be activated on the fly when visiting a page from the frontend. So we have to go through the administration of the page to activate the builder. This is not the case with Divi which offers both possibilities.
- There are not several display options. You can only view the layout as you see it, unlike Divi which offers several display modes (grid, wired, hover).
- To leave the builder, you will have to click two or three times to return to the administration of the page (back-office). You simply can't leave the builder in 1 click (hamburger icon in the top left corner, then "return to WordPress editor"). It's quite annoying.
7.3 - Four reasons to adopt Divi
- The multitude of layouts to download. Most of them are very creative and are perfect for low-budget projects.
- The intuitiveness and the UX of the builder. Of course, when you first use it, you're going to be a bit lost (like Elementor, by the way) but once you understand how it works, it's very easy to customize sections or modules. The user experience (UX) is also there. For example, the options panel can be moved at will and does not encroach on the width of the screen (this is just one example among many).
- There are lots of tutorials and resources on the web that deal with Divi. A big community was born around this tool. By choosing this builder, you will never be lost! You will surely find a solution to your problem.
- Constantly evolving or improving. Divi updates approximately 3 times a month and implements an improvement or new feature each time. It's reassuring to choose a theme or a page builder that evolves according to the needs and is seriously maintained by its developers.
7.4 - Four Reasons to Crush with Divi
- French translations are like nothing else! You'll have to add a plugin to get Divi in French "bon. Better yet, keeping Divi in English is a solution to consider.
- The editor loads twice. This is not always the case, but it's annoying when it happens.
- If you disable Divi, many traces will remain on your pages. You will need to clean Divi shortcodes with a plugin.
- Sometimes, you click on a text to change it and the cursor is "barred". It's infuriating! So, it is better to edit the text from the settings of the module itself.
8 - Resources, community, freebies...
Already, the WordPress community is "rich", basically. So it's not surprising that the "good tools" are also valued and supported by their users and third-party developers.
Besides, Elementor and Divi have a beautiful community.
8.1 - Elementor Community
Although Elementor is newer, the community is very supportive! There's no case to look at the number add-ons and plugins that are available on the official WordPress directory. He speaks for himself.
But beware, most of these extensions are freemiums. However, there is already enough to do with the many freemium versions.
Don't fall into the trap, either, of installing dozens of extra extensions just because they are "free"! This could have an impact on your site (slowdown, bugs, conflicts, increased risk of security flaws).
8.2 - Divi Community
On the Divi side, the community has been well established for years. There are lots of sites and marketplaces that offer free and paid resources (Divi Den, Aspen Grove, Divi Cake, etc.). Find the list of these resource sites here.
Beyond these sites, the community also finds itself in Official Divi Nation MeetUps. The movement has more than 6500 members in 57 groups in 20 countries. Go here to find the MeetUp Divi closest to you.
More recently, Divi has formalized the upcoming launch of its MarketPlace to bring together all of Divi's resources, both free and paid for, in one place.
The idea is to create an official directory of Divi resources. Nothing is explicit yet and we don't know if these resources will be available directly from the WordPress back-office (like the WordPress themes and extensions directory) or if they will be embedded in the Divi Builder (like the layouts)... Read this article to learn more about Divi Marketplace or to apply as a "creator".
9 - Divi or Elementor? I'm asking you the question!
Well, you know, I have a little thing for Divi, otherwise I wouldn't be blogging...
But that wasn't always the case! In the beginning, I had a hard time finding my feet and understanding how to tame it to be able to make nice websites with it...
It's like everything else, really!
When you first learned to drive, you weren't comfortable at first... Well with WordPress, it's the same thing. Whether you choose Divi or Elementor, you're bound to need some time to adjust.
Once you have mastered one of these two tools, you will not be able to change them. It is the human being who is made that way...
That's why we see everything on social networks: Arf Divi is shit! or Eww Elementor sucks!
Simply because these people have a habit and don't want to change it. Besides, the choice they make is obviously the best one!
So to conclude, I'll let you in on a little secret: I use Divi on a daily basis for my own sites and those of my clients. However, I'm not stubborn and it's Elementor that's part of my WordPress training program (at the FCC and in training organizations).
Why? Because it's a good product that has the advantage of offering a free version on the official WordPress directory.
I think it is fairer not to push students, jobseekers or people undergoing retraining to buy a premium product.
On the other hand, if Elegant Themes offered a free version of Divi on the official WordPress directory, it's this tool that I would propose in my trainings, without any doubt.
Now it's your turn to comment!