How to Troubleshoot Error 502 and Error 520 when Editing Pages with Elementor

When we build our WordPress pages using the Elementor editor, we sometimes encounter 502 errors and 520 errors. So, what do they mean respectively?520 error is a web server returning an unknown error. You may receive this error when a website performs an unexpected action that results in an unknown error.A 502 bad gateway message is an indication that a server is receiving an invalid response from another server. Essentially, you have connected some sort of intermediate device (such as aEdge servers), the device should get all the bits needed to load the page. Something went wrong with the process and this message points out the problem.

Elementor 502 error issue when editing a page

Received a 502 error when editing a page with Elementor. 

According to the IETF (Internet Engineering Task Force), the 502 status code indicates the following:

• Agent:If you receive an incorrect gateway comment, it indicates that a gateway or proxy server is being used.
• Connections:The proxy tries to work with the source server.
• Error:The proxy gets some sort of invalid response from the server.

Possible causes

When a server receives an invalid response from another server, the system gives a 502 bad gateway message.

502 Error Solution

To resolve the 502 error, follow the steps below:

1. Log in to the WordPress administrator.
2. switch to  Elementor > Settings > AdvancedThe
3. start usingSwitching Editor Loader MethodsThis will change the Elementor editor loader method. This will change the Elementor editor loader method.

If the Elementor plugin is used, specific Apache service restrictions may need to be added. In the site's in the .htaccess fileAdd the following line:

SubstituteMaxLineLength 10M
</IfModule

The file can be edited using any of the following methods:

• SSH
• File Transfer Protocol
• File Manager Tools in cPanel

Possible Reasons for Elementor 520 Error While Editing Page

• Browser issues
• Rocket Loader issue [for Cloudflare users] - Rocket Loader automatically changes scripts to load asynchronously, which breaks the site editor and prevents you from making changes.

prescription

• Try using a different browser to troubleshoot.
• Cloudflare users may experience issues with its Rocket Loader functionality. To resolve this issue, you can read thisElementor and Cloudflare Rocket LoaderArticle that should help you with your problem. 

The above are the possible causes of error 502 and 520 when using Elementor editor, and how to troubleshoot and solve the problem, I hope it will be helpful to you. If you have any other questions about Elementor editor, you can leave your comments or participate in the discussion in our "Q&A Community"!