Como corrigir o erro “Preview Could Not Be Loaded” no Elementor
O que é o erro “Preview Could Not Be Loaded” do Elementor?
O erro “Preview Could Not Be Loaded” do Elementor é um aviso que o editor mostra quando a tentativa de renderizar o preview da página falha. Diferente da tela cinza silenciosa, aqui o Elementor exibe uma mensagem nomeada e, na maioria das vezes, tenta identificar o motivo (um tema ausente, um arquivo .htaccess com problema ou um código de erro HTTP retornado pelo servidor). O preview é uma requisição separada que o editor faz ao próprio site dentro de um iframe; quando o servidor responde com erro, bloqueio de firewall ou redirecionamento, o iframe não carrega e o aviso surge no lugar da página.
Como identificar
- O editor exibe a mensagem “The preview could not be loaded” (ou “Preview could not be loaded”) no centro da área de preview, no lugar da página.
- O aviso traz uma dica do motivo, como “This issue is often caused by an .htaccess file” ou um código HTTP (403, 404 ou 500).
- Ao tentar editar a página de posts ou o blog com o Elementor, o preview não abre e o erro aparece imediatamente.
- O painel de widgets carrega normalmente à esquerda, mas só a área de preview retorna o erro.
Como prevenir
- Edite arquivos de posts e blog sempre pelo Theme Builder do Elementor PRO, nunca abrindo a página de posts direto no editor
- Mantenha WP_MEMORY_LIMIT em 256M ou mais e um tema suportado (como Hello Elementor) ativo
- Antes de aplicar regras de segurança ou mod_security, teste o editor do Elementor para garantir que o preview não foi bloqueado
Causa
- Arquivo .htaccess corrompido ou com regras que bloqueiam a requisição de preview do Elementor (causa que o próprio aviso costuma indicar).
- Firewall do servidor (mod_security) ou plugin de segurança barrando a requisição interna que gera o preview.
- Página de posts/blog definida como página estática sendo editada sem o Theme Builder do Elementor PRO (o preview de arquivo de posts não é editável assim).
- Tema ausente, quebrado ou trocado, fazendo o Elementor não encontrar o template para renderizar o preview.
- Servidor respondendo com código HTTP de erro (403, 404 ou 500) à requisição de preview, geralmente por memória PHP insuficiente (mínimo 256M).
Como resolver
- Leia a dica dentro do próprio aviso: o erro do Elementor quase sempre nomeia a causa (".htaccess", "theme" ou um código HTTP). Comece pelo que ele aponta antes de testar o resto.
- Regenere o .htaccess pelos permalinks: vá em Configurações > Links permanentes e clique em Salvar sem mudar nada. Isso reescreve o .htaccess do WordPress e limpa regras corrompidas que bloqueiam o preview.
- Ative o Modo de Segurança do Elementor: em Elementor > Ferramentas > Modo de Segurança. Ele carrega o editor sem o tema e sem outros plugins; se o preview abrir, há conflito de tema/plugin a isolar.
- Confirme o tema e a página de posts: troque para um tema padrão (Hello Elementor) para descartar tema quebrado. Se o erro é só na página do blog, edite o arquivo de posts pelo Theme Builder do Elementor PRO, não pela página direto.
- Verifique firewall e memória no servidor: peça ao suporte da hospedagem para checar se o mod_security está bloqueando a requisição de preview e suba o WP_MEMORY_LIMIT para 256M ou mais para evitar erro 500 no preview.
# .htaccess — bloco padrão do WordPress que o Elementor precisa para o preview
# (substitua o conteúdo entre as marcas; salve os permalinks depois para regenerar)
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress














