Elementor Errors can popup at any time when using and creating sites with Elementor page builder. It is an actively supported plugin, and it is very uncommon when a user faces a bug or an error. Despite all that, there is a possibility that you might find yourself stuck with an issue that needs to be resolved immediately.
This guide will help you in resolving the most common Elementor errors, recurring issues, and bugs that might be troubling you. Let’s jump in!
Common Errors in Elementor Page Builder
1. Elementor Widgets Panel Not Loading Errors
The most common list of Elementor errors includes the Elementor widgets panel not loading.
Elementor widgets stop loading when you use a lot of plugins, multiple addons for elementor or if there’s limited PHP memory on the server.
This is the most annoying problem users face as this makes the page builder unusable. We have put together a complete guide to resolve Elementor not loading error, you can check it out.
2. Content Area Missing in Elementor Error
“Sorry, the content area was not found on your page. You must callthe_contentfunction in the current template in order for Elementor to work on this page.”
What is “the_content”and why does it matter?
The the_content function is a function of WordPress which fetches the content from the back end and displays it on the screen. Elementor replaces the content of the page and shows its contents instead. If Elementor is not able to call the function, then the Elementor cannot work.
How to fix it?
- Method 1: The simplest way to do itis by switching to a different theme. GeneratePress theme is proven to be one of the most Elementor compatible themes out there.
- Method 2: If you do not want to switch to a different theme, then you can try this alternative. Add the
the_contentfunction into the page template’s code by just adding this line:<?php the_content(); ?>
3. Elementor Blank Page Errors
If you are getting a blank page when trying to edit with Elementor, then it might be because of a lack of WP memory. You can check if your website meets the Elementor’s system requirement or not.
How to fix it?
- Method 1: You can contact your hosting company and request them to increase your website’s WP memory.
- Method 2: If that does not do it, then you can try this troubleshooting procedure. Go to WP Dashboard > Elementor > Settings. Click on the Advanced tab and enable the switch editor loader method and check if the issue is resolved or not.
- Method 3: In some cases, it can happen because the URL in the back-end is different from the one in the front-end. Make sure that this is not the scenario and know more about it here
- Method 4:Try to deactivate any Elementor addonor other plugins and see if that helps.
4. If you are getting a gray page while Editing with Elementor
If you are getting a gray page, then it might be due to a plugin conflict.
How to fix it?
- Method 1: You can resolve this problem by deactivatingthe plugins one by one (except Elementor and Elementor Pro) and identify which plugin is causing the trouble. You can also try deactivating Elementor addons.
- Method 2: There is a chance that the root of this issue is one of the extensions on your web browser, to double-check try to open the Elementor editor using another browser.
5. Can’t Edit Page with Elementor Error
If you are trying to edit a page but keep getting redirected to the live page, this can be because of 2 reasons. Either it is the plugin conflictor the memory issue.
How to fix it?
- Method 1:If it is the memory issue, you can contact your hosting company and request them to increase your website’s PHP memory limit.
- Method 2:You can resolve this problem by deactivatingthe plugins one by one (except Elementor and Elementor Pro) and identify which plugin is causing the trouble.
6. Changes not visible in Elementor Error
There may be a scenario where you make the changes, but the styling does not show when you publish it. This can happen because of the caching issue.
How to fix it?
- Method 1:This can easily be fixed by going to WP admin > Elementor > Tools > Regenerate CSS & Data. Then, you can clear the cache (WP cache and browser cache) and refresh the page.
- Method 2: Check if you have any caching plugins on your site or any server level caching enabled. Clear those caches.
- Method 3:Clear Browser cache or check the site in a private/incognito window.
- Method 4: This issue can be because of the theme. You can try changing to the default theme of WordPress such as Twenty Sixteen and if it solves the problem, contact the developers of your theme.
- Method 5: If you are using another page builder alongside Elementor, it can override the content you have made with the builder and hence it stops from displaying the changes. To solve this issue, save the template and then add it on to a new page and it will resolve the problem.
7. The Publish/Update button not Working on Elementor
The publish button can pose a problem where it does not work it should be, and like most of the issues, the cause of this problem is a limited amount of memory.
How to fix it?
- Method 1: This can be resolved by the WP memory limit to meet the minimum requirements for running Elementor. You can do it yourself, but it is preferred that you contact your hosting provider and get it resolved.
- Method 2: Sometimes it can happen when the admin-ajax script timeouts. To confirm this, check if any error messages are appearing on your console by pressing F12. If you find a message which says “Failed to load resource: the server responded with a status of 413”, then add the following directives to your .htaccess file to increase the dynamic timeout.
<IfModule mod_dtimeout.c> <Files ~ ".php"> SetEnvIf Request_URI "admin-ajax.php" DynamicTimeout=150 </Files> </IfModule>
- Method 3:This can also happen due to parameters set on your server. You can solve it by adding an SSL certification on your website. After that you will have to change the URL of the site from your WP Dashboard in Elementor > Tools > Replace URL.
- Method 4:If it is a 403 error when you try to update the page, it is due to a security plugin. To sort this out, activate the learning module of the plugin or contact their support.
8. Getting 500 Error While Using Elementor
The 500 errors are server issues, and you might be able to resolve these on your own. If you get the 500 error while using Elementor, you have to check your server’s error logs to see what the issue is.
How to fix it?
- Method 1: Mostly, the memory limit issue is the reason behind this problem. To meet the Elementor requirements, the memory should be set to at least 128 MB. You can contact your website’s hosting provider and request them to increase the PHP Memory Limit.
- Method 2: You can deactivate your plugins (except Elementor and Elementor Pro), any Elementor Addons and change your WordPress theme to a default theme such as Twenty Seventeen to rule out a conflict with a third-party product.
9. Font Awesome Icons Not Loading
Many WordPress sites faced the error “font awesome icons are not loading” after the major update of Elementor 2.6.5.
How to fix it?
If icons are still not loading on your sites. you can resolve it by:
Method 1: If you’re using any third-party addons for elementor, make sure all those addons and plugins are compatible with the latest version of Font Awesome.
Method 2: You can solve the issue manually by going to going to WP admin > Elementor > Settings > Advanced Tab.
In the Advanced Tab, you need to select “Yes” for the Load Font Awesome 4 Support option.
Concluding
This sums up a proper list of all the commonly occurring errors with Elementor. If you do not find your issue listed here, then you can contact Elementor Supportand get your query resolved! You can also check the following Elementor Documentation links:
If you find this list helpful, share it and drop a comment down below if you have more queries!
Also, if you’re looking for fast-loading and creative Addons for Elementor, do check out PowerPack Elements for Elementor. PowerPack comes with 80+ powerful and creatively designed widgets that help you build beautiful WordPress sites using the Elementor page builder.
Click here to get PowerPack Now!
FAQs
How do I fix problems loading Elementor Please enable Safe Mode to troubleshoot? ›
Go to Elementor > Tools and select Enable from the Safe Mode dropdown and then click the Save Changes button or. Click the Enable Safe Mode button that pops up when the Editor is unable to load.
Why is my Elementor plugin not working? ›If your Elementor Widget Panel does not load and has the continuously spinning “Loading” icon, as shown in the image below, this is generally due to a resource issue, a conflict with another plugin, or a setting on your server that needs to be adjusted.
How do I clear Elementor cache? ›- Open your browser and navigate to the Elementor website.
- Click on the gear icon in the top right corner and select “Settings.”
- Under “Advanced,” click on the “Cache” tab.
- Uncheck the boxes next to the Elementor files you want to clear the cache for.
- Click on the “Save Changes” button.
- Check the site's error logs.
- Use the WordPress debug mode.
- Solve potential theme or plugin conflicts.
- Restore the site using backup files.
- Upgrade the site's PHP version.
If you get a blank page (white screen of death) when you try to edit with Elementor, it might be due to a lack of memory or to another fatal error. In this case, check if you meet the system requirements for Elementor. If the problem is a memory issue, you can deactivate a few plugins and see if it solves the issue.
How do I turn off troubleshooting mode in WordPress? ›- Log in to your WordPress dashboard.
- Click Settings > WP Maintenance Mode.
- By default, the General tab should be open. If not, click on it.
- Switch the status to Deactivated.
- Click the Save Settings button.
If the error appears on all website pages
Make sure you're using the most updated versions of Elementor and Elementor Pro. Deactivate all of your active plugins other then Elementor and Elementor Pro and see if it solves the issue. Reactivate the plugins one by one to find the culprit.
| Browser | Elementor Editor – Desktop Only | Frontend – Tablet/Mobile |
|---|---|---|
| Google Chrome | 100.x and above | 100.x and above |
| Microsoft Edge | 100.x and above | 100.x and above |
| Brave | 100.x and above | 100.x and above |
| Firefox | 100.x and above | 100.x and above |
- Elementor Email Support. support@elementor.com.
- Elementor Live Chat Support. N/A.
- Elementor Call Center Support. N/A.
- Elementor Knowledge Base. https://elementor.com/help/
- Elementor Forum. https://elementor.com/community/
Elementor data updater basically is a database update process for a major release.
Why can't I drag widgets in Elementor? ›
If you cannot drag and drop, this is generally due to the use of Internet Explorer or older versions of Microsoft Edge to edit with Elementor. It is not possible to edit with older versions of Microsoft browsers. Please edit Elementor pages with Safari, Chrome, Firefox, or Microsoft Edge, version 79 or greater.
Does Elementor work on localhost? ›Yes. When you use Elementor with a localhost, it is not considered as an activation, so the license can be used on the production site.
How do I fix WordPress plugin conflict? ›To fix plugin conflicts while you have access to your admin panel: Clear your browser cache. Make sure your plugins are updated. Determine if it's truly a plugin conflict by ruling out a WordPress version or theme conflict (a staging site is recommended for this).
Can I use other plugins with Elementor? ›Sure you can! Plugin widgets that appear in the WordPress widgets menu will also appear inside Elementor automatically. Just drag and drop them onto the page.
Which is faster Gutenberg or Elementor? ›As you can see, the Gutenberg one is a bit faster: 0.949 seconds vs. 1.2 seconds. It might not seem like a huge difference, but when it comes to web page speed, every millisecond counts. The Gutenberg theme also has a smaller page size (1.78MB vs.
What is purge cache? ›That's where cache purging comes in. Purging refers to the active removal of a resource from the cache without waiting for the predetermined cache expiry time. As soon as a user requests the purged resource, the CDN will cache a copy of the updated content from the origin server.
How do I clear my WordPress cache without plugins? ›Go into the “wp-content” folder and open the “cache” folder. Now delete everything from this folder. Make sure you only delete the contents, not the folder itself. You can manually delete the contents of the “cache” folder via FTP to clear the WP cache.
How do I reset my WordPress cache? ›However, if you experience problems and need to clear your cache, it's easy to do so. Just head to your WordPress dashboard and navigate to WP Engine in the sidebar. Then click on Purge All Caches under the General settings. It's that simple!
What causes critical error on WordPress? ›What Causes the Critical Error in WordPress? The critical error in WordPress is generally caused by a malfunctioning plugin, script, or code that prevents WordPress from functioning properly. WordPress is unable to load the rest of the files it needs unless you resolve this issue.
How do I view WordPress error logs? ›To review your error logs, navigate to your /wp-content/ folder in your File Manager. Locate the debug. log file. This file will contain all WordPress errors, warnings, and notices that were logged.
Why am I getting a WordPress error? ›
It's usually due to a glitch in the server's connection with your WordPress files, incorrect file permissions (which we discussed earlier), or an unreliable internet connection. If WordPress fails to auto-update, you may be hit with the WSoD, or notice warning errors when you try to access your site.
Why can't I edit my posts page with Elementor? ›When you assign a page as the “latest posts” page you turn that page into an archive and so you can't use elementor to edit it. If you want to edit that page using elementor you need to leave the “latest posts” setting unset in your settings > reading.
How do I manually update my Elementor pro? ›The most common way is to go to Plugins > All Plugins and look for the plugins that have updates available.
How do I save Elementor changes? ›Click the up arrow located to the right of the Publish / Update Button located at the bottom of the panel. Choose Save as Template. Give a name to your template and save.
How do I troubleshoot WordPress? ›- Research Your Error Message. ...
- Create a Complete Backup of Your WordPress Site. ...
- Clear Browser Cache. ...
- Clear Your WordPress Cache. ...
- Deactivate All Plugins Installed on Your Website. ...
- Switch to a Default WordPress Theme. ...
- Refresh Permalinks.
The WordPress maintenance mode page is something that is automatically shown to visitors temporarily when you make updates on your site, such as updating plugins, themes, or core. This is to keep from anything appearing broken or out of sync while files are being patched.
Where is the .maintenance file in WordPress? ›If you can see the wp-admin folder (but you're not inside the wp-admin folder), you're in the root folder of WordPress. Look for the . maintenance file, select it, and delete it using the FTP app. Clear the browser's cache and reload your website.
What causes internal server error? ›The 500 Internal Server error could be caused by an error during the execution of any policy within Edge or by an error on the target/backend server. The HTTP status code 500 is a generic error response. It means that the server encountered an unexpected condition that prevented it from fulfilling the request.
What is status 500 internal server error? ›The HyperText Transfer Protocol (HTTP) 500 Internal Server Error server error response code indicates that the server encountered an unexpected condition that prevented it from fulfilling the request. This error response is a generic "catch-all" response.
How much RAM does an Elementor need? ›WP Memory limit of 128 MB or greater (256 MB or higher is preferred).
Why is my Elementor site slow? ›
Common Causes of a Slow Site / Elementor
Servers – Factors like memory, bandwidth, the location of the server in relation to the user and so on have a major impact on site speed. Free or shared hosting services are often the cause of a slow site.
Does Elementor slow down your site? The short answer is, no it doesn't. What slows down WordPress websites is poor hosting, inefficient images, slow themes, and using too many plugins. In this article, we share some tips on how to make your Elementor website fast and efficient.
How long does Elementor support take? ›Whether you're just getting started or need assistance with advanced features, our Premium Support team is here to answer you within 1 day on average.
Does WordPress have a phone number? ›Does WordPress.com offer phone support? WordPress.com does not offer phone support. Instead, the best way to get help is right here on our website.
How do you fix there has been a critical error on this website? ›- Check the site's error logs.
- Use the WordPress debug mode.
- Solve potential theme or plugin conflicts.
- Restore the site using backup files.
- Upgrade the site's PHP version.
- Elementor Email Support. support@elementor.com.
- Elementor Live Chat Support. N/A.
- Elementor Call Center Support. N/A.
- Elementor Knowledge Base. https://elementor.com/help/
- Elementor Forum. https://elementor.com/community/
If the error appears on all website pages
Make sure you're using the most updated versions of Elementor and Elementor Pro. Deactivate all of your active plugins other then Elementor and Elementor Pro and see if it solves the issue. Reactivate the plugins one by one to find the culprit.
Go to Elementor > Tools > Regenerate CSS and click the Regenerate Files button. Update your page. You may need to make a small change to enable the Update button. Clear all cache including server cache if it exists, any WordPress caching plugins you are using, and your own browser cache.
What causes critical error on WordPress? ›What Causes the Critical Error in WordPress? The critical error in WordPress is generally caused by a malfunctioning plugin, script, or code that prevents WordPress from functioning properly. WordPress is unable to load the rest of the files it needs unless you resolve this issue.
How do I fix fatal errors in WordPress? ›- Pinpoint the Error. ...
- Log in to your site via FTP. ...
- Rename the conflicting plugin folder. ...
- Resolve the root of the issue.
How do I view WordPress error logs? ›
To review your error logs, navigate to your /wp-content/ folder in your File Manager. Locate the debug. log file. This file will contain all WordPress errors, warnings, and notices that were logged.
How long does Elementor support take? ›Whether you're just getting started or need assistance with advanced features, our Premium Support team is here to answer you within 1 day on average.
Does WordPress have a phone number? ›Does WordPress.com offer phone support? WordPress.com does not offer phone support. Instead, the best way to get help is right here on our website.
Why am I getting a server Error in Elementor? ›If you get this error: “Internal Server Error. The server encountered an internal error or misconfiguration and was unable to complete your request. “, when you try to edit with Elementor, most of the time it is due to a memory issue.
What causes internal server error? ›The 500 Internal Server error could be caused by an error during the execution of any policy within Edge or by an error on the target/backend server. The HTTP status code 500 is a generic error response. It means that the server encountered an unexpected condition that prevented it from fulfilling the request.
What is status 500 internal server error? ›The HyperText Transfer Protocol (HTTP) 500 Internal Server Error server error response code indicates that the server encountered an unexpected condition that prevented it from fulfilling the request. This error response is a generic "catch-all" response.
What does regenerate CSS do on Elementor? ›Regenerate CSS: This will clear your CSS files and will generate new files when you make changes to your pages.
Why is my Elementor page not full width? ›How To Fix Your Layout. To override the theme layout and extend your content to full width, click the gear icon in the lower corner, and enter the Page Settings. From the Page Layout options, use the dropdown selector and select Elementor Full Width.
Where is tools on Elementor? ›To access all the tools below simply click on Elementor > Tools and you will be taken to the “Tools” admin page where you can click on any of the tabs to make your selections.