[Fix] Elementor Not Loading Error

Are you facing the “Elementor Widgets Not Loading” error on your site? If yes, you are one of the several users who has been troubled by this issue. We have been continuously receiving similar reports from our customers as well.

After fixing the issue on several sites, we decided to write to share the possible solutions.

How to Fix Elementor Not Loading Error

“Elementor not Loading,” or “Elementor Widgets Panel not Loading” can be caused due to several factors. It could be due to limited server resources, plugin conflicts, third-party addons, etc. Most of the time, we noticed that using several Elementor addons lead to high resource usage. With Elementor’s increasing popularity, there are a lot of add-ons coming out every day. But, a lot of these are not following the right coding practices or borrowing code from each other.

Also Read: Common Elementor Errors & Solutions

What is Elementor not Loading Error?

Elementor not Loading error leads to the following situations:

  1. An inactive Widgets panel when Elementor is active on any page.
  2. Blank Screen when trying to load Elementor

Since the widgets don’t get loaded and activated, the page builder becomes unusable. However, we have noticed that sometimes you can edit existing content on the page without any issues. But, adding new sections or content to the page is not possible. Here’s a screenshot of the issue:

elementor-not-loading

5 Ways to fix Elementor not Loading error.

1. Check Plugin Conflicts

The first step to debug any such issues is to look for possible plugin conflicts. Deactivate all the plugins on your site except Elementor and Elementor Pro. Now, check if Elementor is loading or not. If Elementor loads correctly then probably we have a plugin conflict or the server is running out of resources.

Start activating plugins one by one and at the same time keep checking Elementor’s functionality. If Elementor stops loading after activating a particular plugin then this could be a plugin conflict.

Now, check if you see any JS errors or Messages in the Console when you try to load Elementor on a page.

2. Check PHP Version & PHP Memory Limit

If the web hosting server is running an outdated version of PHP or has a limited PHP Memory then it can also lead to “Elementor not Loading” error. Elementor recommends using PHP 7.0 or higher for best performance with a preferred 128M or higher memory limit. In case your site uses some third party Elementor addons and plugins then it’s recommended to have a higher memory limit.

3. Check .htaccess File

If your site is running on an Apache server (most of the shared hosting providers use this setup) then you can the contents of the .htaccess file. Incorrect settings in .htaccess file can also break the functionality. You can create a backup of the existing .htaccess file and create a new one with the default content as mentioned here.

4. Increase Apache Service Limit

Sometimes the server reaches it’s resource limits, in this case, you can increase the limit by adding the following code to the .htaccess file 

5. Change Editor Loading Method

Elementor provides an option to change the front-end editor’s loading method. But we don’t have much information about what and how it works. Use the option switch front-end editor loader method. You can find it in the settings of Elementor in your WordPress Dashboard (see the screenshot below). Enable this option and check if it solved the issue.

Bonus: Use well-coded Elementor addons

Using a lot of “free” elementor addons will consume more server resources, conflicts and several other compatibility issues. So, it’s always recommended to pick one or two of the best elementor addons for best performance. Before making a decision, check the Elementor addon has good reviews, is regularly updated and is backed by a strong team of WordPress experts.

If you are looking for a reliable Elementor addon, checkout PowerPack for Elementor. It’s light-weight, optimized for performance and offers 50+ elementor widgets.

Did these solutions work for you? Let us know if you come across any other way to fix the Elementor not Loading error in the comment section below.

Liked this Article? Join 5000+ Subscribers

Get latest Elementor updates, tutorials, and freebies in your inbox. No Spam Guaranteed.
Puneet

Puneet

Hello World! I am Puneet, CEO of IdeaBox Creations. I am passionate about building WordPress products and when not working, I spend my time watching movies, TED talks, TV series and traveling.

38 Comments

  • THANK YOU SO MUCH!!!! This article fixed this problem after an entire day of searching and trying fixes! I am so grateful! Step number 4 fixed it for me.

    Reply
    • Hi Matthew,

      So glad to hear that the post was helpful! 🙂

      Reply
  • Hi Puneet,
    You could help me with what Elementor and Godaddy guys couldn’t. After two days of nightmare I eventually could solve my problem with #4. Thank you for you precious help.

    Reply
  • Hi there, when using the price table widget, I cant edit the features section. It gives me a blank page with only the words Need Help?

    Reply
  • HAHHAHAHAHA I LOVE THE LAST STEP. “Use well-coded Elementor addons” YES. There are so many Elementor plugins out there that are not good at all.

    Reply
    • Absolutely, Dario! All those shiny add-ons with tons of options can lead to several issues. Optimized code is important for good performance. 🙂

      Reply
    • Hi Nick,

      Thanks for sharing. I hope other readers will find it helpful.

      Reply
  • Hi team,
    You all are awesome!
    I am using many Add-on for elementor pro. Updating the PHP Version and memory limit fixed the issue for me. Thanks for the help.

    Reply
  • Tried all but nothing, No 4 brings back error “Invalid command ‘SubstituteMaxLineLength’, perhaps misspelled or defined by a module not included in the server configuration”
    don’t know next step, using Centos

    Reply
    • My friend helped me out, inspected element n found out X frames was loading simultaneously, so we put a code in our htaccess file to reset xframes setting and it resolved everthing.
      “Header always unset X-Frame-Options”

      Reply
    • Hi Anseloh,
      Thanks for sharing it with us and happy to hear that you got everything working.

      Reply
    • Hi Ruben,

      Thanks for sharing the details. I hope it will help other readers.

      Reply
  • Ah, something totally basic that many first-timers forget: Install an Elementor theme! The builder kept load-wheeling for me till I put in the Hello theme to start with!

    Reply
  • I use a lot of Elementor 3rd party plugins and one that regularly cause this issue to arise on sites is “Essential Addons for Elementor”. Fortunately, this plugin gives you the option of choosing which elements are activated. As many of the elements are quite common (although not exactly the same) I only turn on the elements that I really need.

    Reply
    • HT Mega Addons is also has excellent/unique elements and like Essential Addons you need to be selective which elements you activate when I causes the elementor load problem.

      Reply
  • Hi I want to redesign my home page with this addon
    but im not sure is this good for me or not to make a modern layout with elementor

    Reply
  • Thanks for the article! My issue was a Forum plugin. It’s the only Forum plugin I like but Elementor only works when I deactivate that plugin. Guess I will have to try find another one.

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

Download PowerPack Lite
30+ Free Elementor Widgets.

Your Download Is Just
One Click Away

…or just download the plugin.