Preview Could Not Be Loaded: corrigir no Elementor

Tipo Page Builders

Nome do erro Preview Could Not Be Loaded no Elementor EN: Elementor Preview Could Not Be Loaded

Severidade Grave

Descrição O erro "Preview Could Not Be Loaded" aparece quando o editor do Elementor não consegue carregar a página dentro do iframe de preview. O próprio aviso costuma apontar a causa: tema ausente, .htaccess corrompido, código HTTP de erro ou a página de posts definida como página estática.

Conteúdo exclusivo para membros Pro

Faça upgrade para acessar este item completo.

// ★ Conteúdo disponível para membros Pro...
// Faça upgrade para acessar este item.

Perguntas frequentes

O que significa o erro "Preview could not be loaded" no Elementor?

Significa que o editor não conseguiu carregar a página dentro do iframe de preview. O Elementor faz uma requisição ao próprio site para montar o preview; quando essa requisição falha por .htaccess, firewall, tema ausente ou erro HTTP, o aviso aparece no lugar da página.

Preview could not be loaded é o mesmo que a tela cinza do Elementor?

Não exatamente. A tela cinza é uma falha silenciosa de renderização (JS bloqueado, conteúdo misto). O "Preview could not be loaded" é um aviso nomeado que o editor mostra e que costuma indicar a causa, em geral ligada ao servidor (.htaccess, firewall, código HTTP).

Como o .htaccess causa esse erro?

Um .htaccess corrompido ou com regras de segurança restritivas pode bloquear a requisição interna que o Elementor faz para gerar o preview, retornando 403 ou 404. Salvar os permalinks novamente regenera o arquivo e costuma resolver.

Salvar os permalinks resolve o Preview could not be loaded?

Resolve quando a causa é o .htaccess. Em Configurações > Links permanentes, clique em Salvar sem alterar nada: o WordPress reescreve o .htaccess com as regras padrão e limpa o que estava bloqueando o preview.

O erro só aparece na página do blog. Por quê?

Porque a página de posts é um arquivo de template, não uma página comum. Editá-la direto no Elementor não funciona; é preciso usar o Theme Builder do Elementor PRO para editar o arquivo de posts e gerar o preview corretamente.

O mod_security do servidor pode causar isso?

Sim. O mod_security ou um plugin de segurança pode interpretar a requisição de preview do Elementor como suspeita e bloqueá-la. Peça ao suporte da hospedagem para revisar as regras do firewall ou liberar a requisição do editor.

Aumentar a memória PHP ajuda no Preview could not be loaded?

Ajuda quando o erro vem com um código 500. O Elementor recomenda no mínimo 256M de memória; abaixo disso, a requisição de preview pode estourar o limite e o servidor responde com erro, disparando o aviso.

Troquei de tema e o erro apareceu. Tem relação?

Tem. Se o tema foi trocado, removido ou está quebrado, o Elementor não encontra o template para renderizar o preview. Volte para um tema padrão como o Hello Elementor para confirmar e descartar essa causa.

Pro Atenção

Como corrigir o erro de CORS de fontes no Elementor

O erro de CORS de fontes no Elementor ocorre quando o arquivo de fonte (woff2, woff ou ttf) e servido de um domínio diferente do site (CDN, subdominio ou proxy) sem o cabeçalho Access-Control-Allow-Origin. O navegador bloqueia a fonte por origem cruzada e o texto cai numa fonte de fallback, mesmo a fonte existindo e respondendo 200.

Pro Atenção

Como corrigir os Predefined Websites que não importam no Astra Pro

O Astra Starter Templates (Predefined Websites) não importa quando o servidor estoura o tempo de execução, não consegue gravar o XML em wp-content ou falha ao instalar um plugin obrigatório do template. A importação para no meio e exibe erros como cURL error 28 ou Could not store XML file.

Pro Grave

Como corrigir o Listing Grid vazio no JetEngine

O Listing Grid vazio no JetEngine ocorre quando a query (Post Status, Meta Query, Tax Query, Offset ou Cache Query) não retorna nenhum item para o Listing template. Corrige-se alinhando os parametros do Query Builder a dados que existem no site.

Pro Grave

Como corrigir erros de compatibilidade entre o Elementor e o PHP 8.3

O erro de compatibilidade do Elementor com o PHP 8.3 acontece quando uma versão antiga do plugin roda num servidor já no PHP 8.3, disparando avisos de deprecated ou um fatal error que derruba o editor ou o front-end. A correção é alinhar o Elementor e o Elementor Pro na última versão e garantir os recursos de PHP exigidos.

Pro Grave

Como corrigir o Flexible Content que não salva layouts no ACF PRO

O Flexible Content que não salva no ACF PRO acontece quando os layouts e seus subcampos viram tantos campos no formulário que o POST ultrapassa o limite max_input_vars do PHP: o WordPress descarta o excedente, o nonce ou os dados não chegam e a atualização do post perde os layouts. A correção é elevar max_input_vars para 10000.

Pro Grave

Como corrigir layout quebrado no mobile após atualizar o Elementor

O layout mobile do Elementor quebra depois de atualizar quando os novos breakpoints do plugin deslocam onde os estilos responsivos são aplicados e o CSS antigo de cada página não e regenerado. No desktop o site parece normal, mas no celular o conteúdo aparece sobreposto, com colunas empilhadas erradas ou fora de largura.

Setores

Extensões

Integrações

Como corrigir o erro “Preview Could Not Be Loaded” no Elementor

Conteúdo exclusivo para membros Pro

Perguntas frequentes

Itens relacionados

Como corrigir o erro de CORS de fontes no Elementor

Como corrigir os Predefined Websites que não importam no Astra Pro

Como corrigir o Listing Grid vazio no JetEngine

Como corrigir erros de compatibilidade entre o Elementor e o PHP 8.3

Como corrigir o Flexible Content que não salva layouts no ACF PRO

Como corrigir layout quebrado no mobile após atualizar o Elementor

Setores

Extensões

Integrações

Extensões

Hero Sections

Seções de CTA

Login

Blog

Cabeçalhos

Seções de FAQ

Cadastro

Blog individual

Rodapés

Seções de contato

Seções de preços

Faixas

Portfólio

Seções de equipe

Números

Logotipos