How to fix Elementor stuck on loading screen

When friends are using Elementor to edit WordPress pages, they encounter that Elementor gets stuck and displays a gray page. How to solve this situation? Don't worry, let's read on; first you need to troubleshoot the cause and solve it with the appropriate method.

Possible causes and solutions

Editing pages creates conflicts

If a gray page appears when editing with Elementor, it may be due to a conflict with one of the following plugins:

• Other plug-ins
• Scripts inserted in themes

Please follow the steps below to resolve this issue:

1. Activate safe mode. Check for help.

• If it helps, deactivate each plugin except Elementor and Elementor Pro one by one to find out which plugin is causing the problem. 
• If that doesn't help, it's time to contact tech support.

2. Solve the problem of incompatibility with other plug-ins as far as possible.

3. If you find incompatible with a plug-in, generally look for plug-ins with similar functions instead; if there is no plug-in of the same type, you can contact the technical staff of the plug-in.

Browser has installed add-ons

The problem of Elementor getting stuck on the loading screen may also be due to plug-ins installed on the browser, such as using a browser with an extension application installed on top, etc. The page may get stuck and display a gray page. It's also relatively easy to fix this problem by switching to another browser.

Themes use preloaders

If your theme uses a preloader, you may need to disable the preloader in the theme options or customizer. Some themes come with a preloader that interferes with editing with Elementor, causing the screen to look blank, as shown below. To use Elementor with these themes, disable the preloader through the theme's customizer.

X frame limitations and cross-domain issues

Due to X framework limitations and cross-origin issues, the page may get stuck and display a gray page. To verify this, do the following to see:

1. On your browser, right-click and select"Check."The
2. click (using a mouse or other pointing device)consoles. Error messages are written in red. Remove the X-Frame-Options from theDENYchange toSAMEORIGINto solve this problem. 

Cloudflare users take some time to load the Rocket Loader

If you are using Cloudflare, you may need to disable the Rocket Loader or theAdding Rules to CloudflareAfter activating the Rocket Loader, it may take some time to load the Elementor editor. After activating the Rocket Loader, it may take some time to load the Elementor editor. This may cause you to get stuck on a gray loading page. 

To resolve this issue, follow the steps below: 

• Clear/deactivate the cache before updating the plugin.Cloudflare's cache prevents browsers from recognizing new versions of Elementor and Elementor pro.
• Create rules in Cloudflare.For Elementor pages::Site URL/*elementor*.;For Elementor templates::Site URL/?elementor_library=*

Incompatible versions of Elementor and Elementor Pro

If using Elementor Free Edition and Elementor Pro at the same time, make sure the versions are compatible. Using a new version with an older version may cause conflicts. This is because the new version may use code or features that are not recognized by the old version. Update both versions (Elementor and Elementor Pro) to the latest version.

reach a verdict

When editing WordPress pages with Elementor, it's not uncommon to encounter gray pages or a stuck editor. By troubleshooting plugin conflicts, browser extensions, theme preloaders, and cross-domain issues, you can easily resolve these common problems and ensure smooth building of desirable pages with Elementor. If the problem persists, don't forget to contact technical support or the community for help.