Elementor Editor Not Loading? Here's What's Actually Wrong.

Stuck on a spinner, blank grey canvas, or a JavaScript error the second you click Edit with Elementor — none of it means Elementor is broken. It means one specific thing in your stack is blocking it, and there's a short list of what that usually is.

Elementor editor window stuck on a loading spinner over a blank canvas, beside an empty widgets panel
Stuck on “Loading” usually means a script never finished, not that Elementor is down.

What is the problem?

“Elementor not loading” covers a handful of related failures that all show up the same way: you click Edit with Elementor and instead of the page builder opening normally, something stops partway through. The loading bar fills, then never finishes. The editor chrome appears — the top bar, maybe the left panel — but the canvas in the middle stays grey or white. Or nothing appears at all beyond a spinner that never resolves.

Quick answer: this is almost never Elementor itself failing. It's a JavaScript error, a blocked REST API request, or a server resource limit stopping one specific script from finishing — and each of those leaves a different trace you can find in under five minutes.

Elementor's editor is not a simple page load. It's a JavaScript application that boots inside your WordPress admin, pulls your page data over the REST API, and renders an iframe preview using your theme's front-end styles. That's four separate systems that all have to cooperate — WordPress core, your theme, your active plugins, and the server itself — and the editor is more sensitive to any one of them being slightly off than a normal page view is, because it does more work at once.

Common symptoms

  • The editor shows “Loading” with a spinner that never completes, sometimes for minutes
  • The top bar and left widgets panel load, but the central preview canvas stays blank grey or white
  • A dialog appears saying the preview couldn't be loaded, sometimes referencing an iframe or a script
  • The browser console (F12 → Console) shows a red error, often mentioning elementorFrontend, elementorCommon, or a jQuery function that is "not a function"
  • It works in one browser but not another, or works logged in as admin but not as an editor-level user
  • It loads eventually, but takes 20–60 seconds where it used to take two or three
  • The regular front-end page displays fine — it's specifically the editor view that fails

Why does this happen?

Elementor is not one plugin acting alone. On most sites it's Elementor core, often Elementor Pro layered on top, frequently one or two third-party widget or template libraries, sitting inside a theme that was built and last tested at a specific point in time. Every one of those pieces updates on its own schedule. WordPress core itself updates automatically for minor releases. None of them know about the others' release calendar.

The editor is the part of Elementor that touches the most of that stack at once — more JavaScript, more REST API calls, more PHP memory than a normal page render — so it's usually the first thing to show a crack when something drifts out of alignment. A conflict that's invisible on the front end can stop the editor outright, because the editor asks more of the server and the browser than a visitor ever does.

Common technical causes

  • Elementor core and Elementor Pro on mismatched versions — one updated automatically, the other didn't, and they no longer agree on the internal API between them
  • The REST API is blocked or restricted — a security plugin, firewall, or hosting-level rule is blocking or rate-limiting requests to /wp-json/, which the editor depends on heavily
  • A stale cached copy of the editor's JS or CSS is still being served after an update, from a caching plugin, a CDN, or the browser itself
  • Insufficient PHP memory for the heavier editor process, even though the same limit is fine for normal front-end pages
  • A plugin or theme function hooking into the same area Elementor controls, throwing a fatal or JavaScript error that halts the rest of the script queue
  • A widget or saved template referencing content that no longer exists — a deleted image, a removed dynamic field, a template from a since-deactivated add-on
  • Mixed content or an SSL mismatch breaking the preview iframe, common right after a domain move to HTTPS that missed a few hardcoded URLs
  • A browser extension, most often an ad blocker or privacy tool, blocking one of Elementor's own script or font requests

How to diagnose it

  1. Open the browser console. Press F12 (or right-click → Inspect) on the Edit with Elementor screen, click the Console tab, and reload. A red error naming a specific script tells you exactly where to start — write down the file name it mentions.
  2. Check the Network tab for failed requests. Still in developer tools, click Network, reload, and filter for wp-json. Any request showing 403, 404 or 500 next to it points to a blocked or broken REST API, not a JavaScript problem.
  3. Test in a private/incognito window with extensions off. This rules out a browser extension in under a minute, and it's the fastest test on this list.
  4. Visit yoursite.com/wp-json/ directly in a new tab. You should see a block of JSON text. An error page here confirms the REST API itself is being blocked at the server or plugin level.
  5. Check Elementor → System Info (inside wp-admin) for your Elementor and Elementor Pro version numbers, PHP version, and memory limit, all in one place.
  6. Check the PHP error log (via your host's control panel, or wp-content/debug.log if WP_DEBUG_LOG is enabled) for a fatal error timestamped to when you tried to open the editor.

How to fix it, step by step

  1. Regenerate Elementor's CSS files. In wp-admin, go to Elementor → Tools → General, and click Regenerate Files. This clears Elementor's internal cache and rebuilds it from scratch, which alone resolves a large share of stuck-loading cases caused by a corrupted cache file.
  2. Clear every caching layer, not just one. Purge your caching plugin, any CDN cache (Cloudflare included), and hard-refresh your browser (Ctrl/Cmd + Shift + R). A stale JS file served from any one of these layers can look identical to a real bug.
  3. Update Elementor core and Elementor Pro together, on the same day. Never let one sit a version behind the other for long. Update any third-party Elementor add-ons immediately after, one at a time.
  4. Raise the PHP memory limit. Add define('WP_MEMORY_LIMIT', '256M'); to wp-config.php above the line that says "That's all, stop editing!". If the editor still struggles, your hosting-level PHP memory ceiling may need raising too — ask your host directly, since a wp-config value can't exceed what the server allows.
  5. Confirm the REST API is reachable. If /wp-json/ returned an error in diagnosis, check your security plugin's firewall rules and whitelist REST API requests, or temporarily disable the firewall to confirm that's the cause before re-enabling it correctly.
  6. Isolate a plugin conflict. Deactivate all plugins except Elementor and Elementor Pro, then try the editor again. If it works, reactivate the others one at a time, checking the editor after each, starting with security, caching and SEO plugins, which are the most frequent culprits.
  7. Switch to a default theme temporarily. Activate Twenty Twenty-Four (or any unmodified default theme) and try the editor again. If it now works, the conflict lives in your theme's functions.php or a custom template file.
  8. Check for mixed content if the preview specifically is blank. Look for a padlock warning or "not fully secure" message in the address bar while the editor is open, and force all asset URLs to HTTPS if you find one.
  9. Test in a clean browser state once you believe it's fixed — a private window with no extensions confirms the fix isn't being masked or caused by something local to your browser.

When this needs professional help

Most single-cause versions of this — a stale cache, a version mismatch, a memory limit — are realistic to fix yourself with the steps above. It's worth bringing in a developer when:

  • You've gone through plugin isolation and the conflict still isn't clear after testing several combinations
  • The site is live and in active use, so deactivating plugins one at a time to test carries real risk without a staging copy first
  • The cause turns out to be server-level — PHP-FPM configuration, a hosting firewall rule, a memory ceiling — and needs changes you don't have access to make
  • The problem comes back after every Elementor or plugin update, which usually means the actual conflict was patched over rather than resolved
  • You're not comfortable editing wp-config.php or working with FTP, and a step above requires it

How I can help

This specific failure — editor stuck, blank canvas, a JS error on click — is one of the most common reasons people reach out to me, and Elementor sites are a significant part of what I've built and maintained over eleven years of freelance WordPress work. I don't guess at the cause: I read the actual browser console and server error log first, isolate the real conflict on a staging copy so your live site is never the test environment, and apply the smallest fix that resolves it — not a rebuild of pages you already paid for and don't need touched.

RELEVANT WORK

Elementor builds I've fixed and maintained

Two of the case studies where Elementor is the actual build platform, not just a plugin listed in passing.

Canvascroft

Branding, web design and marketing studio running a subscription creative service on Elementor, with a work showcase and a direct booking flow.

  • WordPress
  • Elementor
  • WooCommerce

Kinder City

Nursery and pre-school group with multiple settings, built on Elementor — admissions, visit booking and recruitment across responsive templates.

  • WordPress
  • Elementor
  • Responsive templates

FAQ

Questions about a stuck Elementor editor

What people ask before sending over the site.

Why does the Elementor editor keep loading forever?

Almost always one of three things: a JavaScript error stopped the editor's script bundle from finishing initialisation, the editor's REST API requests are being blocked by a security plugin or firewall, or the server ran out of PHP memory partway through loading the heavier editor process. The browser console (F12) will usually tell you which within seconds.

Can I fix a blank Elementor editor myself?

Often, yes. Regenerating Elementor's CSS files, clearing every caching layer, and updating Elementor core and Pro together resolve a large share of cases without touching code. If it's a plugin or theme conflict, isolating it takes more patience but is still doable without a developer.

Will deactivating plugins to test this delete my content or settings?

No. Deactivating a plugin turns off its functionality but keeps its data and settings intact, ready to reactivate. The one exception is if a plugin explicitly warns it will remove data on deactivation, which is rare and usually stated on the plugin's own settings page.

Is this an Elementor bug or a problem with my specific site?

Nearly always your specific site's combination of theme, plugins, hosting and PHP version, not a bug in Elementor itself. Elementor runs on millions of sites; if the editor failed outright for everyone, it would be front-page tech news, not a niche complaint.

Will regenerating Elementor's CSS files break my existing design?

No. Regenerating files just rebuilds the CSS from your existing page data; it doesn't change any content, layout or styling choices you've already made. Worst case, it looks identical to before once it finishes.

How long does a fix like this usually take?

A caching or file-regeneration fix takes minutes. A plugin conflict that needs isolating one by one usually takes 30 to 90 minutes. A server-level memory or REST API block depends on your host's response time once you or your developer contacts them.

Does this affect Elementor free and Elementor Pro differently?

The underlying causes are the same for both, but Elementor Pro adds more scripts, more REST endpoints and often more third-party add-ons, which gives it more surface area for a version mismatch or conflict. If you use Pro, check that core and Pro are on matching, tested versions first.

Available for new projects

NEXT STEP

Need help fixing this WordPress issue?

Send me your website and I'll help identify the problem — no charge just to take a look. Based in Bangladesh, working with clients worldwide, with a reply within one working day.

  • Reply within one working day
  • Fixed quote before work starts
  • UK, EU and US hours covered