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.
Hey there! I have a site in which all pages are built completely with Elementor. Now I have a requirement to switch to Divi and convert all the pages without affecting the live site. What’s the best practice to follow? Do I need to build all pages with Divi from scratch, and once published deactivate the Elementor? Thanks in advance.
Hi Shyam!
I’m afraid yes, you need to build the page from scratch if needed to switch to Divi builder. However, you don’t need to create posts again. It will be adapt in Divi builder.
Thank you so much for sharing this information. It is very useful information for Businesses.
You’re welcome, I am glad this was helpful!
I hate elementor, so wordpress look a like
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 John,
That of course is up to you, an I would say use the tool that you know best. For me that is Divi.
Hello, i use elementor with dokan pro and wanted to use divi as theme cause my actual theme with elementor is garbage and i work with divi like for four years. I would make divi pages for all non dokan and woo related pages and elementor for all doka and woo pages, since elenentor has a deep integration in woo and dokan.
Hi there!
You can use Elementor and Divi together, the only issue will be the slowness of the website and the builder.
Hi Nelson!
I like your content and find it very helpful.
I am trying to achieve the effect of the interactive node background that moves with the cursor. I have seen this in Elementor, but I have been vested in Divi for a few years now. I have searched extensively, but can’t find a reference to using this type of background with Divi. This post made me think I might try Elementor for the home page, but I would rather not do two page builders in one site.
Thoughts?
Thanks!
Hi Chip!
Yes, using two builders won’t be good for the site’s performance. You can contact the Elegant Themes support first and ask about the customization.
I have never built a website before. I was going to hire someone on Fiver who recommended Elementor Pro. Someone else recommended Divi. I bought Divi and Wix and thought I might buy Elementor, too. I don’t know which one is easier for me. On its face, Wix looks the easiest, but I am told there are many more benefits with WordPress, and Divi or Elementor are the way to go. Help!! Which is best for a beginner who wants to build a fully functional e-commerce site. Why is Divi better than Elementor?
Hi Faraday,
It’s great to see you asking the big questions and wanting to make the right decision. In general, there is no right or wrong. The wonderful thing about WordPress is the abundance of choices. Almost everything about WordPress has more than one way to do something, and more than one solution or feature in multiple products. In our case, we happen to love Divi’s interface and the community is unlike any other, so we chose that years ago and stuck with it. Over the years I have learned from personal experience and countless others that it is helpful to test multiple things and find what you like and stick to it. Many users switch over and over from one page builder to another each time a new shiny bell or whistle is released. This is not efficient though, and I have heard from many who have chosen one and gotten really good at one rather than only getting a little good at all of them. So it really is up to you. You can read 100 opinions on the matter, all sayng the other one is worse, etc, but they can’t all be right – it comes down to experience and what you like better for your needs or preferences.
Hi, Quick question. I primarily use Divi to build my pages but recently I had to pay someone to help me build a couple of pages and they used Elementor. My website hasn’t been the same since, it’s been glitchy and keeps reverting back to the old paragraphs I’ve used or old images when trying to edit something. I’m thinking, but hoping it’s not the conflicting elements. I really can’t afford to lose time rebuilding those pages I paid for in Divi, any suggestions?
That sounds like quite a mess using two different builders – not recommended, I would pick one and stick with it.
So I am trying to create a Menu with multiple sub-menus. (Let’s use levels to differentiate them). So the goal is to make a menu where Level 1 is a dropdown that extends right beneath the Menu Name. Level 2 should extend within level 1. (I’d differentiate level 2 from level 1 by using a smaller font size and weight). Level 3 should extend to the right. Is it possible to achieve this with Divi although I’m using the Elementor plugin on a theme??
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.
Hi,
I am using Dive theme with Elementor. The issue is, if I use elementor header and builder, it will create a conflict. What is the workaround for this issue?
Hey Shalics,
Could you please elaborate the conflict that is happening?
when i try to build the divi header using elementor it is nto load. it say enable safe mode !
I don’t think you could use Elementor to Builder in the Divi Builder…not gonna work 🙂
Hello Nelson,
Thanks for your article and advice! After reading through all the answers, I still have the following question: I have a project that involves improving and updating a site that was originally built with both Elementor and Divi. My preference is to use Divi only.
Is there a safe and hopefully, easy way to changeover the pages built with Elementor, over to Divi, so that the site doesn’t crash? I assume the pages need to be transitioned one-by-one, but I’m not sure how to do this without any damage. Also, would it be okay to do this while the site is live?
Thank you,
Iris
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.
Hi, Sir my question is very clear if my current website was built using free elementor and now I have Divi premium so can I rebuild my website using Divi builder and remove elementor without loosing my website traffic or does it affect the SEO part?
Could you please help me in answering my question?
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.
Thanks for the quick answer on that. I’ll let you know how it goes as we try Elementor on our Divi site.
Hello,
I’m using the free version of Elementor on my website and I’m thinking to buy Divi for certain purposes. Are they compatible when I’m using them on different pages? Or would be better to create the website just with one of the page builders?
Thanks so much!
Although they would be technically “compatible” it is not recommended to mix builders.
I am thinking of designing free Custom Dashboard and I found that with elementor we can do easily with the plugin- elementor welcome dashboard but for DIVI I have to use Divi Ghoster with some prices.
Now, I am thinking of using elementor just to design custom dashboard and DIVI for all other purpose.
Doing this is okey? will this going to hamper my website performance or speed?
Thanks!
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.
Hi, my question is I have both builders I’m using on my pages. the first page I build with Divi and the second page doing with Elementor but the first page that I build with Divi become messed what can I do?
Thank you.
Tirsit
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.
I trusted this article and bought Elementor and tried to use it with my Divi theme and it just crashed my site. An “internal server error 500” showed up. So I’ve just uninstalled Elementor and now I’m reclaiming my money back guarantee.
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!
In Divi theme I would like to use elementor pro instead of divi builder. Will there be any problems with my website in the future?
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.
Have you ever used Divi with Visual Composer on the same site? I inherited a site built in a custom theme (not Divi). They are using Visual Composer which I find clunky. Plus, I am used to working with Divi. Can I install the Divi Builder plugin and create new pages moving forward with that instead, without terrible ramifications. I am reluctant to do so, because of site speed, but I could certainly get my job done a lot quicker with a tool I am used to.
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.
One main issue I experience when i use Divi as a theme and Elementor as a page builder, is that Divi theme builder not working properly. Specifically, when i need to edit a layout added as a template to the Divi theme builder, it keep loading forever. I have to deactivate Elementor and edit the layout then reactivate Elementor.
Does anyone experienced something similar?
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://www.peeayecreative.com/how-to-fix-divi/
I would love to created a slide in menu using the Elementor Pro’s popup builder (like this https://www.youtube.com/watch?v=dQ0UXsjlLeI)
But prefer to use Divi builder as my main page builder. Is it possible to do both… create the menu with elementor popup and build the pages using divi?
I’m pretty sure Elegant Themes has some tutorials on their blog for that.
Hi
I have a basic website using the free Elementor. I need a new theme and therefore are considering Divi. I dont want to re-do all my Elementor pages. I find the Elementor good but basic now and am not sure whether the Pro will suffer the same limitations. Perhaps not but Divi looks terrific so would like to keep the free Elementor and pay for Divi as a Pagebuilder and a theme.
I’m a bit confused by your comment above. If you install Divi as a theme, do you get the Pagebuilder too? If not how to add the pagebuilder?
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.
Is it possible to use an Elementor widget with Divi?
I’m paying for both (at least while I try them out to see which will work best for me) and happy to keep paying for both if necessary.
For now, I’m inclined to use the Divi theme and builder. But there may be some widgets in Elementor that I’d like to use. For instance, Elementor’s Toggle widget has some additional settings that are very useful for me.
If I have both installed, can I use an Elementor widget in pages I build with Divi?
Thanks!
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! My question is that is it possible to use a Divi template kit with Elementor?
A uploaded the json files but its invalid.
I hace an Elementor Pro license, do I have to buy Divi too?
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 have a specific question: You said to use only one builder on a specific page. I already own Divi (Lifetime) and dont’ want to spend 199.00 a year for elementor. But Can I use the theme builder part of Divi to create sitewide footers and headers, but use the free version of Elementor for the page content? (I have in mind mainly a blog site).
Thanks,
Matthew
Hi Matthew,
That should be fine, but I would ask the question first: why not just use Divi?
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 🙂