Divi vs Elementor - Who Wins in 2020?

WordPress, as amazing a product as it is, for many years was never the most user friendly option when it came to designing websites.

For site design, it originally only belonged to the realm of geeks and coders the world over. That was until the introduction of WordPress drag and drop site builders…

There are several great builders on the market including Beaver Builder, Visual Composer, Themify and Site Origin’s Page Builder. However, arguably, the two market leaders in WordPress site builders has to be Divi and Elementor. 

This article is here to help you decide between them as they face off in a Divi vs Elementor battle.

WordPress however are starting to play catch up and now have their Gutenberg editor. Gutenberg is a step in the right direction in terms of visual builder but is still a long way from Divi or Elementor at the moment.

Divi vs Elementor
Divi History

Divi began its life back in 2013 and has grown into what it has become today. It is now up to version 4.4.3 (at time of writing) and has seen a marked change over the years

Elementor History

Elementor was late to the party, starting its life in 2016. It has now grown to be the powerhouse it has now become. As of writing it is up to version 2.9.2.

FTC Disclosure: This is a professional affiliate website which contains reviews to products that we extensively test and use. We receive compensation from some of the companies whose products we review. We are independently owned and all opinion expressed on here are our own.

What is Divi?

Divi is available from Elegant themes and is basically a WordPress theme with visual builder that is so much better than the current editor available on WordPress. 

According to the Divi website, It can create visually stunning websites even if you have no coding or design skills.

It comes with…

  • Divi Builder
  • Divi Theme
  • Extra magazine theme
  • Monarch (Social Media plugin)
  • Bloom (Optin form manager and popup builder)

How Much Does Divi Cost?

Divi has 2 packages available..

  • $89 for 1 year
  • $249 for lifetime and lifetime updates.

As you can see, both packages have the same features except the lifetime access is a one time fee and offers good value.

Divi Pricing

What is Elementor?

Elementor is a WordPress plugin that brings a superb visual user interface to designing web sites. 

It has a free version and a paid Pro version with support for many 3rd party extras.

  • Create Your own Themes
  • Create Your own Popups
  • Create visually stunning widgets
  • Create WooCommerce sites

How Much Does Elementor Pro Cost?

Elementor has 3 paid packages available..

  • $49 for 1 year
  • $99 for 3 sites for 1 year.
  • $199 for 1000 sites for 1 year.

As you can see, all packages have the same features and they are all just for 1 year of updates. The $199 package offers the best value.

The best value of all though is the free Elementor plugin available for download. It does lack the bells and whistles but is great when starting out.

Elementor Pricing
advanced divider

The Interface - Ease of Use

Divi Features

  • Uses a contextual window as a popup when editing
  • You make changes to the actual page itself visually
  • You can drag and drop to change sizes and positions of the widgets

Elementor Features

  • Uses a sidebar fixed to the left hand side of the page.
  • You make all the edits on the same left hand sidebar.
  • On each element on the page there is a handle that you can right click to give contextual edits.

Divi Pros

  • You are always working in a full screen environment and any edits are contextual to the widget you are working on.
  • Sleek beautiful and modern look and feel.
  • The ability to drag and drop on the page itself and manipulate the size and positioning of widgets on the page.

Divi Cons

  • It's a bit confusing on the eye to see contextual interface appearing at various positions on the page. However you can drag the menu to the left sidebar if you wish.
  • Because of the live editing aspect and manipulation of widgets on the page it has an impact on the speed. Lots of widgets slows the interface down.

Elementor Pros

  • All settings are in one place making it easy to see and work with.
  • Super quick operation when working with the widgets.
  • Very intuitive layout that is easy to learn and is pleasing to the eye.

Elementor Cons

  • Some of the terminology is initially a bit confusing. For example a section is equivalent to a row and you can have inner sections within a section.
  • No facility to do live editing and sizing on the page by drag and drop.

Divi Interface Score

4.3/5

Elementor Interface Score

4/5

Interface Conclusion

Theres not a lot between Divi and Elementor when it comes to the interface. It all boils down to the way you work and what suits you personally. I like the way Elementor has its editor section in one place and once you’ve learnt how it works it is very intuitive.

However, I love the ability to drag, drop slide edges into position all while working on the page live in Divi. So for me, Divi just wins this battle for the best interface.

advanced divider

Customisation Modules (widgets)

Divi Features

  • Comes with 48 modules that can all be customised.
  • Great selection of modules which cover everything you need.
  • Since version 3 it is now possible to add 3rd party developed modules to increase from the 40+ standard ones.
Divi Modules

Elementor Features

  • The free version has 48 modules out of the box and include all the basic essentials to get a decent looking site.
  • You also have access to another 28 elements with a free plugin called "Essential Elements for Elementor"
  • There are a huge amount of 3rd party widgets available in various packs that further extend the versatility and look of what you can do with Elementor.
Elementor Widgets

Divi Pros

  • Each module has a good range of cutomisations you can make.
  • Ability to add 3rd party modules.

Divi Cons

  • The range of modules available is good but not as vast as it could be.
  • The more modules that are added the more bloated the code and interface becomes. Making for a frustrating experience.

Elementor Pros

  • The free version is very generous in the amount of great widgets you have access to.
  • No noticeable bloat on the interface when modules are added.
  • Vast array of modules are available that are both free and paid.

Elementor Cons

  • On a few occasions, some modules are a little buggy.

Divi Modules Score

3.5/5

Elementor Modules Score

5/5

Modules Conclusion

For me the winner of the best modules section has to be Elementor. Simply because the free version includes all the modules a web designer needs to build an awesome site. The pro version and paid 3rd party modules have some incredible additions to your arsenal.

Divi is good though but the bloated buggy nature is frustrating to work with at times.

advanced divider

Ready Made Templates (Layouts)

Divi Features

  • Divi has over 140 premade templates or layouts as they call them.
  • Each layout follows a basic theme across all pages within it. For example, the contact page, home page, blog post all have the same look and feel within a layout.

Elementor Features

  • Elementor free version has around 40 templates that can be imported and ready to use and the pro version comes with over 300 which include Elementor blocks as well. Elementor blocks are sections within a template like the headers, FAQ sections etc..
  • Elementor has kits as well which encompasses the whole site with a common theme look and feel across all pages and posts wherher they be archive, blog posts, pages, home page, contact page etc..
  • Elementor includes an awesome theme builder and also has a great popup builder as well.
Templates Divi vs Elementor

Divi Pros

  • The layout system brings great uniformity across all pages and makes it very easy to get a site up in no time at all.
  • All Layouts are easily editable
  • It has a great theme builder as well allowing you to create headers, footers and all other sections to be used across the entire site or just certain parts.

Divi Cons

  • Lacks a popup builder within the package although an overlay plugin is available.

Elementor Pros

  • The theme builder makes constructing new themes a breeze with its very intuitive interface.
  • The integrated popup buider is also very easy to work with and gives some impressive results.
  • Plenty of templates and kits available in the free version.

Elementor Cons

  • The ready made templates are all a bit dull straight out of the box and need a lot of editing to make them stand out.

Divi Layouts Score

4.5/5

Elementor Templates Score

4.5/5

Templates (Layouts) Conclusion

No overall winner here for me. Both Divi and Elementor offer plenty of options when it comes to ready made templates or layouts. Elementor is great in that the free version has plenty of templates and kits available. Divi possibly has slightly more exciting looking layouts but both of them are on a par here.

advanced divider

Price

Divi Features

  • Divi costs $89 per year or a one time fee of $249 for unlimited sites and updates.
  • With both packages you get access to Extra (magazine style theme), Bloom (Popup and form Builder) and Monarch (Social Media integration options)
Divi Pricing

Elementor Features

  • Elementor is a free plugin but there are 3 paid packages also which adds more bells and whistles.
  • The three packages are Personal - $49 per year for 1 site. Plus - $99 per year for 3 sites. Expert - $199 per year for 1000 sites.
  • For all these versions you get access to over 50 Pro widgets, over 300 pro templates, theme builder, woocommerce builder and a popup builder.
Elementor Pricing

Divi Pros

  • For a reasonable cost of $249 you get unlimited updates on unlimited sites forever. If you create many sites this is good value for money.

Divi Cons

  • There is no free version although there is a practice site where you can test out the functionality.

Elementor Pros

  • The free version is incredible in itself and for many site owners will be more than good enough for what they need.

Elementor Cons

  • There is no lifetime package and no unlimited sites option either although the 1000 site limit is effectively unlimited. Could become expensive after several years.

Divi Price Score

4/5

Elementor Price Score

4.5/5

Price Conclusion

There is only one winner here and that is Elementor. The reason is simple, there is a free version available which meets most web designer’s needs. If you want bells and whistles then of course you can pay for it. 

Divi’s paid plan is better value because it includes a lifetime updates and sites option.

Divi vs Elementor - Who Wins?

I think it all boils down to exactly what your personal preferences are and what is important to you.

If you have a tight budget, like a nice uniform interface and plenty of functionality to create a great site then the winner is Elementor. You can always start with the free version and when you want to pay for more bells and whistles with Elementor Pro and all the addons.

If you have a budget to start with and need all the bells and whistles from the start, its Divi. Also, if you like to work on a live site with drag and drop, The winner is Divi.

Overall, I am calling it a draw. Both companies bring out new regular updates and improvements and so whichever way you decide, you will be happy with the results.