Elementor vs Divi – 2 excellent page builders 2020
Update: April 13, 2020
Since I originally posted this article in early January 2020 a lot has changed. I have to say the below article is no longer valid in terms of the mentioned reasons I prefer Elementor over Divi.
Divi has added in the last 3 months the features I was missing. Now it is possible to use any other themes with the Divi Builder. See the Youtube video from MAK explaining how to use Divi Builder with the Astra theme.
Elegant Themes also added layers view. It’s very similar to the navigation menu in Elementor. It shows which element is currently selected. Finding the right object is much easier in the editor. Before I often got lost in the Divi editor.
I still prefer Elementor over Divi though.
I’m happy that I can offer you a 10% discount for Divi from Elegant Themes. Please click on the image below.
Original article published in January 2020
Elementor vs Divi are both excellent page builders, so which one to choose? I’m sure many of you have faced this dilemma. It’s not an easy decision. Elementor or Divi are the most popular page builders on the market for WordPress. I do not recommend using Elementor and Divi with the same WordPress installation, even though I have heard that it is possible. Here’s where you will need to decide which one to go for.
Elementor vs Divi are available as separate plugins for WordPress. WordPress has the Gutenberg text editor included. It replaced the classic text editor last year.
The Gutenberg editor is used to add content to your pages or posts. It has blocks for header, paragraph, layout, and design. The design capability offers only essential elements.
In other words, you will find the Gutenberg Editor too limited for your design needs. This is where Elementor or Divi comes into play. Both help you make your creativity come through. Their design capability is enormous.
Both Elementor or Divi have a separate editor integrated into WordPress. Essentially, they are drag-and-drop, what-you-see-is-what-you-get (WYSIWYG) builders, The best part is, both builders allow you to build your pages without ever needing to code anything. Add to this, both have a wealth of content elements and styling options built-in, making it a snap to construct professional-looking pages. What more could you ask for?
Above all, WordPress uses a theme to build your website. You can think of it as your site’s ‘skin,’ which determines how the content displays on the front end. Part of the theme is visual design, header, footer, and so on.
Let me now tell you a bit about both page builders and why I chose Elementor over Divi.
Elementor is a page builder only. You can choose any WordPress theme in theory. I say in theory because not all themes might be compatible with Elementor, though most are. Elementor has its own theme called “Hello.” This theme is an empty framework. It is excellent if you want to build the website from scratch, especially the header and footer.
I haven’t used Elementor with”Hello” yet. I generally use the theme Astra 2.0 or OceanWP. Both themes have lots of customization and work great with Elementor. You can find more information about both themes here (Astra, OceanWP)
Also, Elementor offers template libraries accessible from the editor. The library contains ready-made full websites, pages, or blocks. It’s a great starting point with lots of design ideas. It’s even possible to import a template and delete the section(s) which are not useful for your needs.
Elementor is free. There is a paid version called Elementor Pro. The added benefit with the Pro version is more sophisticated widgets. More design kits are available, and of course, you will get support.
There are also third-party add-ons for Elementor. The add-ons enrich Elementor with more features and widgets. For example, HappyAddon (paid) adds more cool widgets and features such as cross-domain copy/paste and live copy. You can copy/paste an Elementor element from one website to another, something not available in Elementor. The live copy function is elegant too. You can browse the HappyAddon library for useful looking elements and copy it into your website.
Divi as a page builder differs from Elementor. You used to be forced to use their theme, whereas Elementor was compatible with almost any WordPress theme. But clearly, Divi has woken up and in its most recent release, one has the option to use other themes. With Divi’s page builder (editor) you get a lot of bang for your buck. Namely, the all-in-one Divi theme, layout libraries, additional plugins called Extra, Bloom, and Monarch. If you opt for Divi, you’re opting to be part of their ecosystem. There are lots of widgets available too. Divi offers everything necessary for a good-looking website. The layout library is already vast and still growing.
A one-year subscription to Divi entitles you to use the product for one year with all the design kits, updates and support. You also have the option of a lifetime subscription (costing about three times as much as the annual subscription), and it is clear from the name what that is.
As recently as January 2020, Divi released a block layout for Gutenberg editor. Elements created in Divi can be imported into Gutenberg text editor or even a whole page created in Divi. Also new this year is floating elements. Text or pictures can be moved around on the page using the mouse. I am yet to try out the new features.
So why do I prefer Elementor over Divi?
Elementor vs Divi – Reason 1, Flexibility
Elementor is more flexible when it comes to selecting a theme. Thousands of designed themes are available, both free and paid. Elementor developed the “Hello” theme. It’s a blank theme and very useful if you prefer building everything on your own from scratch.
If you need more widgets, buy a third-party addon for Elementor.
Elementor vs Divi – Reason 2, Cost
Elementor offers a free version. You will be most likely be fine with the feature set it has and not need the Pro version. In other words, you can test/use Elementor for as long as you want.
Divi has no trial version. What they do offer is a 30-day risk-free guarantee. I’m not the kind of person who buys first, then tests, and requests a refund. Asking for a refund always involves some work. In today’s world, most vendors cater to people like me who would like to test the product for free with option to buy. I do a lot of research on the internet and I also watch YouTube videos and read reviews before selecting a product. But there is a different comfort level in knowing that I can test it for free before committing to a purchase. I find this a big drawback in Divi.
Elementor vs Divi – Reason 3, Interface
In terms of interface, Divi has an attractive one, but I feel that the learning curve is steep. The Elementor interface is more intuitive and easier to figure out.
In Elementor, you get a fixed sidebar on the left to edit your page’s contents, and you drag the elements from the sidebar to your page. Divi’s elements appear and can be edited exactly where they appear on the front end. I find this difficult to manage sometimes. I struggle a bit to figure out which menu belongs to which element.
Elementor has a navigation menu that shows all elements. If you get lost, you can select the component in the navigation menu, and it highlights the part on the page.
As mentioned, third-party plugins can integrate directly into the sidebar. Separate Addon widgets, for example, a plugin like Rank Math for SEO (see my separate blog). Elementor seems to be more open when it comes to integration for third parties.
Both Elementor vs Divi are fantastic page builders. Whichever you go for in the end, is a personal decision. I am favoring Elementor for the reasons already mentioned, but that does not mean I have closed the door on Divi – I might decide to use it in future for a project.
I still prefer the Gutenberg editor for writing my blogs and use Elementor blocks to insert visual elements.
Please see my other technical blogs.
Any purchases made from clicks on links to products on this page may result in an affiliate commission for me.