Most of the confusion and asnwesr about using Divi and Elementor together can be better understood when we break it down. The following points are the key to understanding how Divi and Elementor can and cannot be used together.
Divi Is Both A Theme And A Page Builder
- A theme with Theme Builder and Page Builder
- A plugin with the Divi Builder
Elementor Is Only A Page Builder
- A plugin with the page builder
Can you use Divi and Elementor on the same website?
Yes, you can use Divi and Elementor together since both of these products are available as WordPress page builders. You can have two or more page builders active on your website at the same time. This is not ideal or recommended, but it is certainly possible.
The key is to remember that you can only use one page builder for each page of your website. In other words, you can’t enable and build a single page with two different page builders. You will need to choose which page builder, either the Divi Builder or Elementor, to use when you edit each page.
Can you use Elementor with the Divi Theme?
Yes, you can use the Elementor page builder with the Divi WordPress Theme. For example, Elementor can be used as the page builder and Divi as the theme. Keep in mind that the performance of your website may be slower since both page builders are active.
How to use Elementor with the Divi Theme?
Since Elementor is a page builder and Divi is either a page builder or a Theme, Divi needs to be set as the theme. From your WordPress dashboard, go to Appearance>Themes and upload the Divi Theme. Next, go to Plugins>Add New and search for “Elementor.” Once you locate it, install and activate the plugin. After this, you may go to the page you want to edit and select the Elementor page editor.
39 Comments
Comments By Members
Comments By Others
That sounds like quite a mess using two different builders – not recommended, I would pick one and stick with it.
Hey Precious,
I guess with both Divi and Elementor, there is no direct way to achieve this, you need to use custom CSS for this purpose.
Hey Shalics,
Could you please elaborate the conflict that is happening?
I don’t think you could use Elementor to Builder in the Divi Builder…not gonna work 🙂
Hey Iris,
I guess the best way would be to create all the pages that are in Elementor to Divi and after all the pages are done you can simple replace those pages with the ones using Elementor.
SEO is based on hundreds of factors, but in this case the main factor is content. If the content and structure of the page will be the same, I don’t see why it would impact SEO but we are not experts in that.
Although they would be technically “compatible” it is not recommended to mix builders.
Hey Jacob,
If you feel more comfortable in terms of making a dashboard with Elementor then you can do that for sure. You can only be using either Elementor or Divi when it comes to building a page but when you have activated the Divi theme and you using Elementor to create a specific page then to load that page Divi theme will call certain functions on the page and Elementor will do the same so I guess it might hamper the performance of that specific page but to what extent is something you need to create and check.
Let me know how it goes.
Could you please explain that what is happening with the Divi page in little more detail? If possible, please try to add the URL of the page on which this issue is happening.
Hi David,
Well, that escalated quickly! An internal 500 error is related to your hosting server, not Divi or Elementor. Nothing in our article is wrong, but you can certainly do whatever you want!
The only problem would be performance, as loading Divi and Elementor, two large builders, does not make sense. If you want to use Elementor, then then using Divi as the theme does not make much sense when you could use a simple bare bones theme instead. What reason do you have for still wanting to use the Divi theme? Maybe that would help me understand.
Hi Nora,
I have never used that, but I would recommend doing one page at a time, switching the builder, and then when done remove the Visual Composer.
Hi Geoff,
Yes, Divi is a theme and page builder. So you can use their plugin page builder on other themes, or use the built in builder that is part of the Divi Theme. It’s the same exact Divi Builder either way.
Hi Ahmed,
That simply sounds like server resources, since it is loading two page builders it will need good hosting! See our other post for recommendations: https://wordpress-292293-1617718.cloudwaysapps.com/how-to-fix-divi/
I’m pretty sure Elegant Themes has some tutorials on their blog for that.
If you use the shortcode of the Elementor widget or any layout, you can just inject it within the Divi code module and it’ll show up normally.
Hi Steve,
No, you can’t mix and match on the same page. You would need to either use the Divi Builder on that page, or Elementor.
Hi Virág,
They are two separate products and companies, and their layouts are not interchangeable. You will either have to use the Divi Builder or Theme to use a Divi Layout.
I like Divi a lot (I have the lifetime license). I’ve read though on a few sites that Elementor leaves ‘cleaner’ code if it is deactivated. My thought is that while Divi is great now, if I ever need (or want) to move my sites to a different page builder it might make it easier. I haven’t personally checked the code from Elementor after deactivating it….. just going by what I read.
In the past the majority of the WordPress sites I developed used Visual Composer (the version now called WP Bakery, not their even ‘newer’ version that has been renamed to Visual Composer) + several WP Bakery addons. It is an example I think of what I”m talking about: other page builders are much superior to WP Bakery plus it leaves a ton of shortcodes and junk if deactivated.
Maybe I’m overthinking it and should just stick with Divi and not worry about Elementor…. I love your various videos on customizing Divi by the way…. awesome content 🙂
Hi Matthew,
That should be fine, but I would ask the question first: why not just use Divi?