How to fix “The preview could not be loaded” error in Elementor

We’ve all been there. You’re logging into WordPress, going to edit some pages with Elementor, and then it refuses to load. There is an error message that says, “The preview could not be loaded.” The debug log might not show much, but nonetheless, you can’t edit your page! You’ve even tried Safe Mode with no luck either! Well, we have the fix for it! There’s official Elementor documentation for it, listed here: Elementor Help, but that’s still a little bit unclear.

Simple Fix:

Go into Settings > Permalinks and then resave it. It’s that simple! What this does is it resaves the .htaccess file. This regenerates the .htaccess rules, making them fresh and clearing out any issues with the files. Official Elementor documentation says to switch to a Plain permalink structure; however, we don’t think that is necessary.

Now, if that doesn’t work, we have a few more things you can check:

  • Clear ALL caches on your server and site. This includes any caching plugins, your browser cache, and any server cache like Memcache, Varnish, or Object Cache Pro.
  • Check for redirects with a redirect plugin. They can be causing issues with Elementor loading.

Hopefully, this article was a helpful addition to Elementor’s official documentation. This is based on our experience with over 200 sites, and we’re confident this can help you in a pinch!

Share on Linkedin
Share on Facebook
Share on X

In this article

Get notified of latest blog posts, web design tips and tricks!

Related Posts

ClikIT acquires Infinite Uploads & Big File Uploads

Today, ClikIT is announcing the acquisition of Infinite Uploads and the popular Big File Uploads

When do I need a custom website or when can I use a ready made template?

As a business owner you’ve probably asked yourself this: Should I invest in a custom

How to Create HIPAA Compliant Online Forms for Free

For WordPress users in the healthcare or wellness sectors, creating HIPAA compliant forms is crucial