elementor preview could not be loaded notice is an area that sometimes occurs in elementor the cool thing though is that usually it’s quite easy to fix the notice itself will try to point as close as possible to the issue such as a missing theme or an htaccess file or perhaps an HTTP error code however they might be cases where you will see more general notice I’ll show you how you can easily troubleshoot and fix this error step-by-step so you can get back to designing a website with elementor in no time before we get started it’s important to know that if you get this error message on a work on this page such as the check out our shop page it’s normal because these pages can only be edited with the week honours builder
which is an elementor pro feature this error also occurs when you’re trying to edit your blog page with elementor or when you said a regular page as your posts page you can click on preview debug to see which pages are actually trying to edit in this case you need to use elementor pro theme builder instead of trying to directly edit with elementor
ok let’s dive in and see how to solve this error and easiest thing to do
is just to try editing incognito mode in your browser this rules out issues with add-ons or browser cache so first copy the URL and interim click on the three dots in Upper right-hand corner and choose new incognito window and window appears you’ll see this incognito icon indicating that you’re in fact in incognito mode go ahead and paste the URL log in again to see if the error persists you should also make sure that no addons are working in incognito mode you can also try a different browser altogether now if the issue still present you should ask yourself have I recently installed any new plugins or update existing ones in most cases loading issues are caused by conflict between plugins or themes so in order to confirm this you should activate safe mode it creates a safe environment that isolates elementor and WordPress
the cool thing though is that usually it’s quite easy to fix the notice itself will try to point as close as possible to the issue such as a missing theme or an htaccess file or perhaps an HTTP error code however they might be cases where you will see more general notice I’ll show you how you can easily troubleshoot and fix this error step-by-step so you can get back to designing a website with elementor in no time before we get started it’s important to know that if you get this error message on a work on this page such as the check out our shop page it’s normal because these pages can only be edited with the week honours builder which is an elementor pro feature
this error also occurs when you’re trying to edit your blog page with elementor or when you said a regular page as your posts page you can click on preview debug to see which pages are actually trying to edit in this case you need to use elementor pro theme builder instead of trying to directly edit with elementor ok let’s dive in and see how to solve this error and easiest thing to do is just to try editing incognito mode in your browser this rules out issues with add-ons or browser cache
so first copy the URL and interim click on the three dots in Upper right-hand corner and choose new incognito window and window appears you’ll see this incognito icon indicating that you’re in fact in incognito mode go ahead and paste the URL
log in again to see if the error persists you should also make sure that no addons are working in incognito mode
you can also try a different browser altogether now if the issue still present you should ask yourself have I recently installed any new plugins or update existing ones in most cases loading issues are caused by conflict between plugins or themes so in order to confirm this you should activate safe mode it creates a safe environment that isolates elementor and WordPress
from The Themes and plugins that might be causing the error
there are two ways you can activate safe mode you can click the enable safe mode button that pops up at the bottom of the screen we can go to elementor tools and in general select enable from the safe mode drop down and click the save changes button using safe mode opens the elementor editor on a clean version of WordPress without loading a theme or any plugins for elementor and elementor pro plugins are deactivated and an empty theme file is loaded it’s also important to know that safe mode doesn’t impact your side front end it only impacts the editor if it’s always the issue we can safely say that it isn’t caused by elementor or elementor
rules out the possibility of a been caused by the hosting which leaves us with third-party plugins and themes as potential culprits so keep this as a rule of them if activating safe mode helps it means that the issue is either plugins or theme related so after successful debugging with safe mode you need to follow these steps to solve your issue activate the recently installed or updated plugins if it solves the issue you know that one of these plugins is the culprit
so reactivate each plug-in one at the time and test your site with each reactivation keep testing until you find the plug-in that is causing the error once identified you can get in touch with the plug-in developers to request assistance or using another plug-in with similar functionality if the issue still remains after having checked or plugins you need to have a look at the theme so first check that the theme file exists got it dashboard appearance and check to make sure that your theme is selected and active
if your theme is not a selected no active go ahead and install or reinstall it the next thing
you should do in case the error notice still shows is switched to a different theme go ahead and switch to a default WordPress theme such as 2016 or 2019 this helps rule at an issue with the Themes code if switching to a default theme
the issue then the theme conflict is causing the error in this case you should contact your theme support and ask them to make sure that the WordPress default loop is used in your layout now it’s safe mode doesn’t solve the issue it means that the issue most likely is related to the hosting so contact your hosting provider and go through the following steps first will try to save a permalinks again this will regenerate the HDX ES file which might just solve the problem
in the WordPress dashboard and the settings are permalinks and it’s saved structure updated notice now go back to your page and check if the error is resolved if not you can also try to change the permanent structure to plane if it wasn’t already some servers do not lie to write to the htaccess file and as a matter of fact you can always modify a permanent structure and editing elementor so hit save changes and check again the next thing you should do is very far with your hosting provider that your WordPress install includes the htaccess file
if for some reason you still stuck with the error message you most likely dealing with an HTTP error that is following steps are for advanced users and should be performed by a hosting provider or another professional if you’re dealing with an HTTP error than in the area of the line that points to the issue will be the HTTP
error code followed by message just like you see
hitting the preview debug link will try to open the preview in a new regular page so not in the editor you should see the area again in raw format which may provide more info for developers to solve the issue another thing you should do is verify that there isn’t a redirect on the page if you’re receiving 403 errors you should check the following first off you may have a corrupt htaccess file.
contact your hosting provider to see if this is the case if this didn’t help solve the issue then your file permissions may not be correct ask your hosting provided to check that your WordPress directories and files have the correct permissions for a 3 hours Michael’s occur due to a security plug-in to sort this out activate the learning mode of the plug-in or contact their support this is you can also be due to the firewall of your server which is something you should check with your hosting company
now if you’re receiving 401 errors you are attempting to access a page that requires authentication
if the page shouldn’t be asking for authentication contact your hosting provider for help in removing this requirement or check security plugins you may be using for options to turn this off if you receive 500 errors while using elementor you have to check the error logs of your server to see what the issue is these errors are so related so the dogs need to be sent to your hosting company before hand if you do not know how to produce PHP error logs please send this guy to your hosting company most of the time this error message is received because of a memory limitation the memory limit has to be set to at least 128mb according to your requirements you can go to elementor system info WordPress environment
to check it out there are other things that can lead to this issue for instance a fatal error when issued with a third party plug-in and without the error logs it’s not possible to know what the exact issue is the elementor system info page has logging capabilities as well so if the error 500 results from a bag in the code you should be able to see the PHP error message there it could look something like this so if memory isn’t the issue perhaps a plug-in is causing the error you can identify the culprit here after the plug-in directory now
there are some other less common reasons for this error such as conflicts with membership plugins so contact your hosting provider and check your permissions on Pages built with elementor and membership plugins and other less common possible causes for this error might be an issue with cloudflare rocket loader we have added a flag that disables rocket loader for the elementor scripts in the editor for version 2.5 an app you can check out this link to learn more about solving issues by creating specific rules in cloudflare if your hosting company is not able to solve the issue and you are a pro User you can send it ticket with the error logs to support via the support at elemental.com or check out our fatal error good hear well that’s it now you know how to troubleshoot and fix the cannot be loaded error step-by-step