How to Fix 520 Error While Trying to Edit in Elementor

Are you facing 520 error while trying to edit with Elementor? If yes, here is the right guide for you to Fix 520 Error While Trying to Edit in Elementor.

When you are designing your website or create your website with Elementor, then sometime the server cause the issues or errors.

While editing with elementor, your server shows the message on your screen, Web server is returning an unknown error. It is 520 error that affects your elementor working and functioning.

It is a common server error that you can fix in some simple steps. In this guide, we will tell you about causes and solutions to resolved 520 error. Read it completely.

What Is the 520 Error?

The 520 error is a server error. It is because of a connection issue or something that the server face while processing your request.

This error occurs because of various things. It might be connectivity issues, a limit of resources available on the server, or plugins or theme conflicts.

There are various ways to easily troubleshoot and resolve these errors. The troubleshooting ideas help you to get back on editing on Elementor.

Move on to the next sections to explore the solutions and quickly fix this problem.

Common Messages for 520 Error in Elementor

When you are trying to edit on Elementor, you face the common 520 error. This error comes across several messages on different browsers as follows as:

• 520 Error
• HTTP Error 520 – Server Error
• Your browser sent a request that this server could not process.
• The request hostname is invalid.
• The server encountered an unexpected issue while processing the request.
• Server Error – Unexpected Response, etc.

These errors indicate that the server cannot process your request because of connectivity issues, server-side issues, or other unexpected conditions. So, you have to identify and resolve these errors to restore the Elementor functionality.

The Impact of the 520 Error and Why You Should Fix It

A 520 error occurs because of several issues, such as excessive cached data, plugin conflicts, or server-side problems. It is important to identify the error, because it disrupts your Elementor editor working and limits the users to access to your website.

It also lowers the loading speed and performance of your site and negatively affects user experience.

So, it is suggested to take instant action to fix this error and ensure smooth website functioning for both you and the users of your site.

Elementor System Requirements

You should check the Elementor settings and ensure that it meets system requirements.

Here are the system requirements to meet to run your website smoothly:

• WordPress: Version 5.8 or higher
• PHP: Version 7.4 or higher
• MySQL: Version 5.6 or higher
• WP Memory Limit: 256 MB or higher

Your Elementor may install, even without meeting the above requirements, but it does not work properly. So, meeting these requirements is crucial.

To check your website compatibility with Elementor, simply go to Elementor → System Info and check if there are any errors occur. You can also check official Elementor guide to know the complete system requirements.

How to Resolve the 520 Error When Editing with Elementor

If you are facing 520 error when doing editing with Elementor, then here are the quick solutions to help you fix this error:

1. Create Rules in Cloudflare

If you experience the 520 error on Elementor while using Cloudflare, then this error is related to Cloudflare’s Rocket Loader feature. Even Cloudflare and Elementor work together, but Rocket Loader caused this issues in past by loading scripts asynchronously. This action affects the Elementor’s functionality and leads to 520 errors.

To fix this error while editing the Elementor templates or pages, you can create rules in Cloudflare and bypass the Rocket Loader for Elementor URLs.

Here are the steps you should follow to fix this error:

1. For Elementor Pages:
   • Go to your Cloudflare dashboard.
   • Navigate to the Firewall section.
   • Create a Page Rule specifically for URLs that contain /elementor.
     Example URL: yourwebsite.com/elementor*.
   • Creating this rule targets all URLs consisting /elementor path related to Elementor pages.
2. For Elementor Templates:
   • Next, you should create another rule in Cloudflare for URLs that consist “?elementor_library=” parameter and linked to Elementor templates.
   • Example URL: yourwebsite.com/?elementor_library=*
   • This rule targets URLs with “?elementor_library=” parameter often appears while editing Elementor templates.

Once you create these rules on Cloudflare, it will not encounter the 520 error and ensure your smooth editing experience on Elementor.

2. Clear Browser Cache and Cookies

If there are too much cached data, then it affects the elementor server communication, and cause 520 error.

So, it is suggested to clear browser cookies and cache to fix this error.

Steps to clear your browser cache and cookies:

1. Google Chrome:
   • Go to Chrome and tap on three dots in the top-right corner.
   • Select Settings → Privacy and Security → Clear browsing data.
   • In the pop-up, check the boxes for Cookies and other site data and Cached images and files.
   • Click Clear data.
2. Mozilla Firefox:
   • Open Firefox and click on the three horizontal lines in the top-right corner.
   • Select Settings → Privacy & Security.
   • Scroll down to Cookies and Site Data and click Clear Data.
   • Check both Cookies and Cached Web Content, then click Clear.
3. Safari:
   • Open Safari and go to Preferences → Privacy → Manage Website Data.
   • Click Remove All to clear cookies and cache.
4. Microsoft Edge:
   • Open Edge and click the three dots in the top-right corner.
   • Go to Settings → Privacy, search, and services.
   • Under Clear browsing data, select Choose what to clear.
   • Check Cookies and other site data and Cached images and files, then click Clear now.

Once you’ve cleared cookies and cache, try to restart your browser again and editing your Elementor page.

In this way, the 520 errors are resolved, and return your Elementor site functionality.

3. Try a Different Browser and Use Private Mode

If you still see the 520 error after clearing caches and cookies on the browser, then you should try using a different browser or private (incognito) mode.

4. Use Elementor Safe Mode

The another solution to fix 520 error is by enabling the Elementor safe mode. By enabling this mode, you can create a clean environment and resolve this error.

Follow the given steps to enable the Elementor safe mode and get rid of this error.

How to Enable Safe Mode:

1. Go to Elementor Settings: In your WordPress dashboard, navigate to Elementor → Tools.
2. Activate Safe Mode:
   • In the General tab, find the Safe Mode option.
   • A dropdown menu opens on your screen. Select Enable option and then tap on Save Changes to save the setting.
     
   • If your Elementor editor is not loading, then a pop-up window will open with an option to Enable Safe Mode. Tap on this option to activate this mode.

Why Use Safe Mode?

It is important to activate the Elementor safe mode to use the clean version of WordPress. It means none of the installed themes or plugins will load, which helps you to determine whether the issue is caused by the plugin’s conflict or not.

You can easily identify whether the error is caused by the plugins or theme by activating the safe mode. If the error disappears in safe mode, then it is caused by the theme or plugins, and you have to find the culprit plugins by deactivating it one by one.

5. Update Elementor Latest Version

If you are operating the outdated version of Elementor, then it causes 520 errors. So, you should update it timely to ensure its compatibility with the WordPress version, enhance the performance, and fix all bugs.

How to Update Elementor:

1. Move to WordPress Dashboard → Plugins → Installed Plugins.
2. Find Elementor and click Update Now if an update is available.
3. Regularly check for updates to ensure compatibility and fix bugs.

It is suggested to update your Elementor frequently to reduce the risks of 520 errors and edit on Elementor without any hassles.

6. Check Server Connectivity

Another common cause of the 520 error is server connectivity issues. To resolve this error, you must check that there is no disruption between the server Elementor connection.

How to Check Server Connectivity:

Here are the steps you should follow to easily check server connectivity:

1. Test Internet Connection: Check that you have a strong internet connection by visiting other sites. If other sites are load well on your browser, then the connectivity issues are not because of internet speed.
2. Check Server Performance: Check the overall speed and server response time. Slow server response times can cause 520 errors and timeouts.
3. Contact Hosting Provider: If you encounter server instability or get a slow response from the server, then you should get assistance from your hosting provider. They can also check issues such as server overloads or configuration problems at their end.

Once you ensure that your server is connected and functioning well, you can resolve server-side issues and 520 errors. If the server is working properly and still this error occurs, then it is because of plugins or server settings.

7. Find the Culprit Plugin or Theme

After trying all the above solutions, if you still face 520 errors, then it is because of the plugin or theme conflict.

To check this cause, here are the steps you should follow:

Step 1: Deactivate All Plugins

• Go to Plugins → Installed Plugins.
• Select all plugins and choose Deactivate from the Bulk Actions dropdown.
• Click Apply to deactivate all plugins.

Step 2: Activate Plugins One by One

• Start activating each plugin individually.
• After activating each plugin, check a post or page to see if Elementor loads properly.
• This will help you identify which plugin is causing the issue.

After deactivating all plugins, if you do not face this error, then you should reactivate them one by one and easily identify which culprit plugins.

Step 3: Check for Theme Conflicts

• If the issue persists even after checking plugins, your theme might be the cause.
• Go to Appearance → Themes and activate a default WordPress theme like Twenty Twenty-One (or Other Default Theme).
• If Elementor starts working after changing the theme, you’ve found the issue.

If you find the culprit theme, then you should replace or update the active theme, and resolve this issue.

8. Implement a CDN

CDN stands for Content Delivery Network also helps you to resolve the 520 error and get back your website functioning across multiple servers in world. It reduces loads on your server and enhances its speeds. It gives you access back to smoother Elementor editing experience.

Benefits of using a CDN:

Here are the several benefits of using CDN and resolve this 520 error:

• Reduces Server Load: CDN cache content on multiple servers and reduce loads on your main server by reducing requests.
• Faster Page Load Times: CDN helps to deliver content from the server closet to the user and reduce load times.
• Improved User Experience: A fast website leads to less frustration and better user engagement.

So, it is beneficial to use CDN to smoother the Elementor editing experience and increase performance of your website. You can consider famous CDN services, such as Cloudflare, MaxCDN, and StackPath.

9. Get Elementor Help

After trying the above solutions, if you still face 520 errors, then you should get professional assistance by go to the Elementor help section.

• Elementor Support: Go to the Elementor Community Forum to connect with Elementor experts and other users who help you to fix this issue.
  
• Hosting Provider Support: You should contact with a hosting provider if the issue is related to the server. They give you proper guidance, assist you to recognize the server issues and ensure everything is running smoothly.

By getting hosting provider support and community support, you can fix this issue and start creating stunning websites with Elementor.

Receiving a 400 Bad Request server error while building your website with Elementor? Refer to this guide to fix the 400 Bad Request error in Elementor.

Bonus Tip: Use Well-Coded Elementor Addons

If you want to extend the functionality of your Elementor website, then you can check out well coded and compatible addons.

Spexo Addons help you to get more features on your site. With thousands of global users, it provides you easy-to-use 80+ Exclusive widgets, 50+ premade elementor templates, and 200+ ready-made blocks — all easy to implement.

You can easily toggle widgets on and off to make more streamlined workflow.

It is suggested to opt for lightweight and clean coded addons to create error-free sites like pro.

FAQs about to Fix 520 Error While Trying to Edit in Elementor

Finally

We know it is frustrating to face 520 error while trying editing with Elementor. But don’t panic. This guide includes the various solutions to follow to resolve this error and smoothly edit your website on Elementor.

Following the above troubleshooting ideas helps you to ensure that your server, themes, and plugins are up to date and bring you back to designing your websites smoothly.