{"id":387,"date":"2020-03-16T13:49:32","date_gmt":"2020-03-16T11:49:32","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=387"},"modified":"2026-08-20T15:54:43","modified_gmt":"2026-08-20T12:54:43","slug":"how-to-fix-the-preview-could-not-be-loaded-error","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/how-to-fix-the-preview-could-not-be-loaded-error\/","title":{"rendered":"Preview could not be loaded error"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The &#8220;Preview Could Not Be Loaded&#8221; error occurs when the Elementor editor is blocked from rendering its live preview window. You can usually fix it in a few quick steps: enable <strong>Safe Mode<\/strong> under <strong>WP Admin &gt; Elementor &gt; Tools &gt; General<\/strong>, raise your PHP memory limit to <strong>512M<\/strong> in <code>wp-config.php<\/code>, re-save your settings in <strong>Settings &gt; Permalinks<\/strong>, or disable Cloudflare Rocket Loader.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why is the Elementor preview window not loading?<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"434\" height=\"213\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Preview-Could-Not-Be-Loaded-Error-1.png\" alt=\"Preview Could Not Be Loaded Error 1\" class=\"wp-image-45602\" style=\"object-fit:cover;width:524px;height:auto\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Preview-Could-Not-Be-Loaded-Error-1.png 434w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Preview-Could-Not-Be-Loaded-Error-1-300x147.png 300w\" sizes=\"(max-width: 434px) 100vw, 434px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">When this error appears, the Elementor editor cannot render the front-end preview canvas. The underlying causes include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Low PHP Memory Limit:<\/strong> The web server runs out of RAM when loading the Elementor editor alongside active WordPress plugins.<\/li>\n\n\n\n<li><strong>Plugin or Theme Conflicts:<\/strong> Third-party plugins or active themes generate JavaScript errors that stop the Elementor editor canvas from loading.<\/li>\n\n\n\n<li><strong>Corrupted Permalinks:<\/strong> Out-of-sync WordPress rewrite rules or a damaged <code>.htaccess<\/code> file prevent the Elementor editor from reaching the page path.<\/li>\n\n\n\n<li><strong>Server Firewalls:<\/strong> Hosting security rules (<code>mod_security<\/code>), invalid file permissions, or password-protected directories block WordPress admin requests.<\/li>\n\n\n\n<li><strong>Cloudflare Rocket Loader:<\/strong> Cloudflare JavaScript optimizations change the script execution order required by Elementor.<\/li>\n\n\n\n<li><strong>Leftover index.html File:<\/strong> A static <code>index.html<\/code> file in the <code>public_html<\/code> root directory overrides the main WordPress <code>index.php<\/code> file.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How do I use Safe Mode to isolate plugin conflicts?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Safe Mode isolates troubleshooting by loading the Elementor editor without active theme styles or third-party plugin scripts during your editing session. Live site visitors see no visual changes.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Enable Safe Mode\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/0mMcjYf5dBQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Navigate to <strong>WP Admin &gt; Elementor &gt; Tools &gt; General<\/strong>.<\/li>\n\n\n\n<li>Locate the <strong>Safe Mode<\/strong> setting and change the selection to <strong>Enable<\/strong>.<br><img decoding=\"async\" width=\"680\" height=\"308\" class=\"wp-image-170678\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/Elementor-Safe-Mode-Setting-WordPress-admin-dashboard-display-showing-Elementor-Tools-General-tab-with-Safe-Mode-dropdown-toggle-set-to-Enable.png\" alt=\"Elementor Safe Mode Setting - WordPress admin dashboard display showing Elementor Tools General tab with Safe Mode dropdown toggle set to Enable\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/Elementor-Safe-Mode-Setting-WordPress-admin-dashboard-display-showing-Elementor-Tools-General-tab-with-Safe-Mode-dropdown-toggle-set-to-Enable.png 1399w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/Elementor-Safe-Mode-Setting-WordPress-admin-dashboard-display-showing-Elementor-Tools-General-tab-with-Safe-Mode-dropdown-toggle-set-to-Enable-300x136.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/Elementor-Safe-Mode-Setting-WordPress-admin-dashboard-display-showing-Elementor-Tools-General-tab-with-Safe-Mode-dropdown-toggle-set-to-Enable-1024x464.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/Elementor-Safe-Mode-Setting-WordPress-admin-dashboard-display-showing-Elementor-Tools-General-tab-with-Safe-Mode-dropdown-toggle-set-to-Enable-768x348.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Click the <strong>Save Changes<\/strong> button.<\/li>\n\n\n\n<li>Re-open the page in Elementor to check if it loads.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">[callout]If the editor <strong>loads <\/strong>in Safe Mode: An active plugin or theme is causing the conflict.<br>If the editor <strong>fails <\/strong>in Safe Mode: The conflict stems from server configurations, memory limits, or permalink structures.[\/callout]<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How do I identify conflicting plugins or themes?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When Safe Mode resolves the editing conflict, follow these steps to locate the specific plugin causing the issue:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">[callout type=&#8221;warning&#8221;]Always create a <strong>full backup<\/strong> of your website before deactivating plugins or switching themes.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Elementor Host Users:<\/strong> Create an instant manual backup from your <a href=\"https:\/\/my.elementor.com\/websites\">My Elementor dashboard<\/a> before troubleshooting. Learn more in <a href=\"https:\/\/elementor.com\/help\/manage-backups\/\">Manage your backups in Elementor Hosting<\/a>.<\/li>\n\n\n\n<li><strong>Other Hosting Providers:<\/strong> Use your host&#8217;s control panel (cPanel\/cPanel Backup tool) or a backup plugin to save a full copy of your database and files.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>What to do if a &#8220;Critical Error&#8221; occurs during troubleshooting:<\/strong><br>If deactivating a plugin or theme triggers a critical error and locks you out of WP Admin:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Connect to your server using <strong>FTP<\/strong> or your host&#8217;s <strong>File Manager<\/strong>.<\/li>\n\n\n\n<li>Navigate to the <code>public_html\/wp-content\/plugins\/<\/code> directory.<\/li>\n\n\n\n<li>Rename the folder of the plugin causing the conflict (or rename the entire <code>plugins<\/code> folder to <code>plugins_old<\/code>) to automatically force-deactivate it and regain access to WP Admin.<\/li>\n\n\n\n<li>Alternatively, use your host&#8217;s panel to restore the backup you created before troubleshooting.[\/callout]<\/li>\n<\/ol>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Navigate to <strong>WP Admin &gt; Plugins &gt; Installed Plugins<\/strong>.<\/li>\n\n\n\n<li>Select the checkbox for every active plugin except <strong>Elementor<\/strong> and <strong>Elementor Pro<\/strong>.<\/li>\n\n\n\n<li>Select <strong>Deactivate<\/strong> from the Bulk Actions dropdown menu and click the <strong>Apply<\/strong> button.<br><img decoding=\"async\" width=\"680\" height=\"817\" class=\"wp-image-170679\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/buldk-deactivate-plugins.png\" alt=\"WordPress Installed Plugins Bulk Deactivation - WP Admin installed plugins page with bulk actions menu set to deactivate non-Elementor plugins\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/buldk-deactivate-plugins.png 699w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/buldk-deactivate-plugins-250x300.png 250w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Re-open the page in the Elementor editor to confirm functionality.<\/li>\n\n\n\n<li>Reactivate plugins one by one &#8211; starting with performance tools like <strong>WP Rocket<\/strong>, <strong>LiteSpeed Cache<\/strong>, or <strong>Autoptimize<\/strong> &#8211; and reload the Elementor editor after each activation.<\/li>\n\n\n\n<li>Navigate to <strong>WP Admin &gt; Appearance &gt; Themes<\/strong> if plugins are not the cause, and temporarily activate a default theme such as <strong>Hello Elementor<\/strong>.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Switch to the Hello theme\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/sYZNpjQ7urI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">[callout]If the error reappears after activating a specific plugin or theme, you have identified the source of the conflict. Leave the plugin\/theme deactivated and report the issue to its developer.[\/callout]<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How do I increase the WordPress PHP memory limit?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Elementor requires a minimum of 256 MB of PHP memory, though 512 MB is recommended for complex WordPress websites.<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Connect to the web host server using an FTP client or hosting <strong>File Manager<\/strong>.<\/li>\n\n\n\n<li>Open the <code>wp-config.php<\/code> file located in the root <code>public_html<\/code> directory.<\/li>\n\n\n\n<li>Insert the following code line directly above the line reading<br>\/* That&#8217;s all, stop editing! Happy publishing. *\/:<br><code>define( 'WP_MEMORY_LIMIT', '512M' );<\/code><br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"279\" class=\"wp-image-170682\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/memory-limit-1.png\" alt=\"Editing wp-config.php PHP Memory Limit - Server File Manager showing wp-config.php code block edited with WP_MEMORY_LIMIT set to 512M\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/memory-limit-1.png 526w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/memory-limit-1-300x123.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Save the modifications to the <code>wp-config.php<\/code> file.<\/li>\n\n\n\n<li>Re-open the page in the Elementor editor.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">How do I flush permalinks and rebuild the .htaccess file?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Corrupted permalink structures break communication between the Elementor editor and the web server.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1: Flush WordPress Permalinks<\/strong><\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Navigate to <strong>WP Admin &gt; Settings &gt; Permalinks<\/strong>.<\/li>\n\n\n\n<li>Select the <strong>Plain<\/strong> radio button and click the <strong>Save Changes<\/strong> button.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"575\" class=\"wp-image-170666\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/permalinks-plain.png\" alt=\"WordPress Permalinks Settings Panel - WP Admin Settings Permalinks page displaying Post name permalink structure selection\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/permalinks-plain.png 1259w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/permalinks-plain-300x254.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/permalinks-plain-1024x865.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/permalinks-plain-768x649.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2: Rebuild a Corrupted .htaccess File<\/strong><\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Open your web server <strong>File Manager<\/strong> (or FTP client) and go to the <code>public_html<\/code> folder.<\/li>\n\n\n\n<li>Delete the <code>.htaccess<\/code> file.<\/li>\n\n\n\n<li>Return to <strong>WP Admin &gt; Settings &gt; Permalinks<\/strong> and click <strong>Save Changes<\/strong> to automatically generate a clean <code>.htaccess<\/code> file.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">[callout]If you&#8217;re an Elementor Host user, see <a href=\"https:\/\/elementor.com\/help\/access-the-files-of-your-elementor-hosting-site\/\">Access the files of your Elementor Host site<\/a> to learn about adding and deleting files from your site. If you&#8217;re not an Elementor Host user, consult you&#8217;re hosting company&#8217;s documentation.[\/callout]<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How do I resolve Cloudflare Rocket Loader and index.html conflicts?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">CDN optimizations and static root files can block Elementor editor scripts.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Steps to Disable Cloudflare Rocket Loader:<\/strong><\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Log into the <strong>Cloudflare Dashboard<\/strong>.<\/li>\n\n\n\n<li>Navigate to <strong>Speed &gt; Optimization<\/strong>.<\/li>\n\n\n\n<li>Toggle <strong>Rocket Loader<\/strong> to <strong>Off<\/strong>.<\/li>\n\n\n\n<li>Clear your cache under <strong>Caching &gt; Configuration &gt; Purge Everything<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Elementor and Cloudflare generally integrate smoothly. However, if you encounter integration issues, especially with Cloudflare&#8217;s Rocket Loader feature, refer to our dedicated guide: <a href=\"https:\/\/elementor.com\/help\/elementor-and-cloudflare-rocket-loader\/\" target=\"_blank\" rel=\"noreferrer noopener\">Elementor And Cloudflare Rocket Loader<\/a>.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Steps to Remove Root index.html Overrides:<\/strong><\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Access the server <code>public_html<\/code> folder using an FTP client.<\/li>\n\n\n\n<li>Search for an <code>index.html<\/code> file in the root folder.<\/li>\n\n\n\n<li>Delete the <code>index.html<\/code> file so the server defaults to the WordPress <code>index.php<\/code> file.<br><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Preview-Could-Not-Be-Loaded-Error-3.png\" alt=\"Preview Could Not Be Loaded Error 3\"><\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">How do I fix HTTP 401, 403, and 500 server errors?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Server-level response errors prevent the Elementor preview window from rendering properly. <br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"145\" class=\"wp-image-170680\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/403-error.png\" alt=\"Browser Console HTTP Status Codes - Chrome Developer Tools console tab highlighting HTTP 403 Forbidden and 500 Internal Server Error logs\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/403-error.png 1344w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/403-error-300x64.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/403-error-1024x219.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/403-error-768x164.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><br><br>Press <strong>F12<\/strong> on your keyboard to open browser developer tools, select the <strong>Console<\/strong> tab, and match red status codes to this lookup table:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><td><br><strong>HTTP Status Code<\/strong><\/td><td><strong>Root Cause<\/strong><\/td><td><strong>Actionable Resolution Path<\/strong><\/td><\/tr><\/thead><tbody><tr><td><strong>401 Unauthorized<\/strong><\/td><td>Password protection is blocking access to admin folders.<\/td><td>Disable <code>.htpasswd<\/code> directory authentication in your hosting control panel or security plugin.<\/td><\/tr><tr><td><strong>403 Forbidden<\/strong><\/td><td>Server firewalls (<code>mod_security<\/code>) or bad file permissions block access.<\/td><td>Request your web host to whitelist Elementor requests in <code>mod_security<\/code>. Set directory permissions to <code>755<\/code> and file permissions to <code>644<\/code>.<\/td><\/tr><tr><td><strong>500 Internal Server Error<\/strong><\/td><td>The server ran out of PHP memory or triggered a critical script error.<\/td><td>Inspect server PHP error logs or add <code>define('WP_DEBUG', true);<\/code> to <code>wp-config.php<\/code> to locate the failing script.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">For debugging a 500 Internal Server Error, please refer to our dedicated guide: <a href=\"https:\/\/elementor.com\/help\/500-error\/\" target=\"_blank\" rel=\"noreferrer noopener\">I Get 500 Error While Using Elementor<\/a>.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why can&#8217;t I edit WooCommerce or blog archive pages directly?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Clicking <strong>Edit with Elementor<\/strong> directly on dynamic archive pages &#8211; such as the main blog index or WooCommerce shop page &#8211; triggers a preview loading error.<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Navigate to <strong>WP Admin &gt; Elementor &gt; Theme Builder<\/strong>.<\/li>\n\n\n\n<li>Choose the template type you want to edit (such as <strong>Single Post<\/strong>, <strong>Products Archive<\/strong>, or <strong>Single Product<\/strong>).<\/li>\n\n\n\n<li>Edit the assigned template inside the Theme Builder.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"599\" class=\"wp-image-170681\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/single-product-template-edit.png\" alt=\"Elementor Theme Builder Template Editor - WP Admin Templates Theme Builder selection grid showing WooCommerce shop archive template\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/single-product-template-edit.png 1121w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/single-product-template-edit-300x264.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/single-product-template-edit-1024x902.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/single-product-template-edit-768x676.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">How do I test for browser extension conflicts?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Browser extensions &#8211; specifically ad blockers and privacy controls &#8211; can block required Elementor JavaScript files from running locally.<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Launch the <strong>Google Chrome<\/strong> browser.<\/li>\n\n\n\n<li>Click the three dots icon in the top right corner and select <strong>New Incognito Window<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"286\" class=\"wp-image-55649\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/open-incognito-window-1.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/open-incognito-window-1.png 959w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/open-incognito-window-1-300x126.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/open-incognito-window-1-768x323.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Log into <strong>WP Admin<\/strong> and open the target page in the Elementor editor.<\/li>\n\n\n\n<li>Disable extensions (such as uBlock Origin, Privacy Badger, or Brave Shields) individually in your primary browser if the preview loads correctly in Incognito mode.<\/li>\n\n\n\n<li><strong>In the top corner, check for the Incognito icon showing that you are in incognito mode. <br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"87\" class=\"wp-image-55650\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/Incognito-mode.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/Incognito-mode.png 956w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/Incognito-mode-300x38.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/Incognito-mode-768x98.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/strong><\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">FAQ<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Can low server memory cause the Elementor preview error?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Yes. If the server lacks sufficient PHP memory, Elementor cannot execute editor scripts alongside active WordPress plugins. Increasing the PHP memory limit to <code>512M<\/code> in <code>wp-config.php<\/code> resolves memory starvation errors.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Will turning on Safe Mode break the website for visitors?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">No. Safe Mode deactivates third-party plugins and theme code strictly within your personal editing session. Your live WordPress website remains completely unaffected for site visitors.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Can an index.html file break the Elementor editor?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Yes. If an <code>index.html<\/code> file exists in the root <code>public_html<\/code> directory, the web server prioritizes it over the WordPress <code>index.php<\/code> file, blocking Elementor editor routing.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Why does this error happen on the WooCommerce shop page?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The WooCommerce shop page is a dynamic archive page managed by WordPress core, so it cannot be edited like a standard static page. You must construct and edit shop layouts under <strong>WP Admin &gt; Elementor &gt; Theme Builder<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to solve the &#8220;Preview could not be loaded&#8221; error message<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["62c4098011efbc7709b2a149"],"footnotes":""},"categories":[2224],"tags":[1325],"class_list":["post-387","post","type-post","status-publish","format-standard","hentry","category-troubleshooting","tag-troubleshooting"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Fix the &#039;Preview Could Not Be Loaded&#039; Error | Elementor Help<\/title>\n<meta name=\"description\" content=\"Are you getting a &quot;preview could not be loaded&#039; error? This is one of the most common errors on Elementor- Learn how to fix it.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/how-to-fix-the-preview-could-not-be-loaded-error\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Fix the &#039;Preview Could Not Be Loaded&#039; Error | Elementor Help\" \/>\n<meta property=\"og:description\" content=\"Are you getting a &quot;preview could not be loaded&#039; error? This is one of the most common errors on Elementor- Learn how to fix it.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/how-to-fix-the-preview-could-not-be-loaded-error\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2020-03-16T11:49:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-20T12:54:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Preview-Could-Not-Be-Loaded-Error-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"434\" \/>\n\t<meta property=\"og:image:height\" content=\"213\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"asafr\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"asafr\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-fix-the-preview-could-not-be-loaded-error\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-fix-the-preview-could-not-be-loaded-error\\\/\"},\"author\":{\"name\":\"asafr\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#\\\/schema\\\/person\\\/5b0293d4a088f63c38be5dedda50c8da\"},\"headline\":\"Preview could not be loaded error\",\"datePublished\":\"2020-03-16T11:49:32+00:00\",\"dateModified\":\"2026-08-20T12:54:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-fix-the-preview-could-not-be-loaded-error\\\/\"},\"wordCount\":1413,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-fix-the-preview-could-not-be-loaded-error\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/Preview-Could-Not-Be-Loaded-Error-1.png\",\"keywords\":[\"Troubleshooting\"],\"articleSection\":[\"Troubleshooting\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-fix-the-preview-could-not-be-loaded-error\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-fix-the-preview-could-not-be-loaded-error\\\/\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-fix-the-preview-could-not-be-loaded-error\\\/\",\"name\":\"How to Fix the 'Preview Could Not Be Loaded' Error | Elementor Help\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-fix-the-preview-could-not-be-loaded-error\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-fix-the-preview-could-not-be-loaded-error\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/Preview-Could-Not-Be-Loaded-Error-1.png\",\"datePublished\":\"2020-03-16T11:49:32+00:00\",\"dateModified\":\"2026-08-20T12:54:43+00:00\",\"description\":\"Are you getting a \\\"preview could not be loaded' error? This is one of the most common errors on Elementor- Learn how to fix it.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-fix-the-preview-could-not-be-loaded-error\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-fix-the-preview-could-not-be-loaded-error\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-fix-the-preview-could-not-be-loaded-error\\\/#primaryimage\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/Preview-Could-Not-Be-Loaded-Error-1.png\",\"contentUrl\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/Preview-Could-Not-Be-Loaded-Error-1.png\",\"width\":434,\"height\":213,\"caption\":\"Preview Could Not Be Loaded Error 1\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-fix-the-preview-could-not-be-loaded-error\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\\\/\\\/elementor.com\\\/help\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Boost Performance\",\"item\":\"https:\\\/\\\/elementor.com\\\/help\\\/boost-performance\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Troubleshooting\",\"item\":\"https:\\\/\\\/elementor.com\\\/help\\\/boost-performance\\\/troubleshooting\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Preview could not be loaded error\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#website\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/elementor.com\\\/help\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/images.png\",\"contentUrl\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#\\\/schema\\\/person\\\/5b0293d4a088f63c38be5dedda50c8da\",\"name\":\"asafr\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b100acf76c133e3557847510ec2e00c3dd2957cdea2fac992f98838660513c6b?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b100acf76c133e3557847510ec2e00c3dd2957cdea2fac992f98838660513c6b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b100acf76c133e3557847510ec2e00c3dd2957cdea2fac992f98838660513c6b?s=96&d=mm&r=g\",\"caption\":\"asafr\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Fix the 'Preview Could Not Be Loaded' Error | Elementor Help","description":"Are you getting a \"preview could not be loaded' error? This is one of the most common errors on Elementor- Learn how to fix it.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/how-to-fix-the-preview-could-not-be-loaded-error\/","og_locale":"en_US","og_type":"article","og_title":"How to Fix the 'Preview Could Not Be Loaded' Error | Elementor Help","og_description":"Are you getting a \"preview could not be loaded' error? This is one of the most common errors on Elementor- Learn how to fix it.","og_url":"https:\/\/elementor.com\/help\/how-to-fix-the-preview-could-not-be-loaded-error\/","og_site_name":"Help","article_published_time":"2020-03-16T11:49:32+00:00","article_modified_time":"2026-08-20T12:54:43+00:00","og_image":[{"width":434,"height":213,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Preview-Could-Not-Be-Loaded-Error-1.png","type":"image\/png"}],"author":"asafr","twitter_card":"summary_large_image","twitter_misc":{"Written by":"asafr","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/how-to-fix-the-preview-could-not-be-loaded-error\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/how-to-fix-the-preview-could-not-be-loaded-error\/"},"author":{"name":"asafr","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/5b0293d4a088f63c38be5dedda50c8da"},"headline":"Preview could not be loaded error","datePublished":"2020-03-16T11:49:32+00:00","dateModified":"2026-08-20T12:54:43+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/how-to-fix-the-preview-could-not-be-loaded-error\/"},"wordCount":1413,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/how-to-fix-the-preview-could-not-be-loaded-error\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Preview-Could-Not-Be-Loaded-Error-1.png","keywords":["Troubleshooting"],"articleSection":["Troubleshooting"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/help\/how-to-fix-the-preview-could-not-be-loaded-error\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/how-to-fix-the-preview-could-not-be-loaded-error\/","url":"https:\/\/elementor.com\/help\/how-to-fix-the-preview-could-not-be-loaded-error\/","name":"How to Fix the 'Preview Could Not Be Loaded' Error | Elementor Help","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/how-to-fix-the-preview-could-not-be-loaded-error\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/how-to-fix-the-preview-could-not-be-loaded-error\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Preview-Could-Not-Be-Loaded-Error-1.png","datePublished":"2020-03-16T11:49:32+00:00","dateModified":"2026-08-20T12:54:43+00:00","description":"Are you getting a \"preview could not be loaded' error? This is one of the most common errors on Elementor- Learn how to fix it.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/how-to-fix-the-preview-could-not-be-loaded-error\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/how-to-fix-the-preview-could-not-be-loaded-error\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/how-to-fix-the-preview-could-not-be-loaded-error\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Preview-Could-Not-Be-Loaded-Error-1.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Preview-Could-Not-Be-Loaded-Error-1.png","width":434,"height":213,"caption":"Preview Could Not Be Loaded Error 1"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/how-to-fix-the-preview-could-not-be-loaded-error\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Boost Performance","item":"https:\/\/elementor.com\/help\/boost-performance\/"},{"@type":"ListItem","position":3,"name":"Troubleshooting","item":"https:\/\/elementor.com\/help\/boost-performance\/troubleshooting\/"},{"@type":"ListItem","position":4,"name":"Preview could not be loaded error"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/5b0293d4a088f63c38be5dedda50c8da","name":"asafr","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/b100acf76c133e3557847510ec2e00c3dd2957cdea2fac992f98838660513c6b?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b100acf76c133e3557847510ec2e00c3dd2957cdea2fac992f98838660513c6b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b100acf76c133e3557847510ec2e00c3dd2957cdea2fac992f98838660513c6b?s=96&d=mm&r=g","caption":"asafr"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/387","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=387"}],"version-history":[{"count":11,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/387\/revisions"}],"predecessor-version":[{"id":170697,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/387\/revisions\/170697"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=387"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=387"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}