Elementor com tela cinza: como corrigir o editor

Tipo Page Builders

Nome do erro Como corrigir Elementor com tela cinza ou carregando infinito

Severidade Grave

Descrição O Elementor com tela cinza ou carregando infinito mostra o painel de widgets à esquerda, mas a área de preview fica cinza e nunca renderiza a página. A causa quase sempre é o JavaScript do preview bloqueado por minificação/cache, um conflito de plugin ou tema, ou a URL do site inconsistente (http e https misturados).

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 painel aparece mas o preview fica cinza. Por quê?

O preview é um iframe separado. O painel carrega, mas o iframe não renderiza porque o JavaScript dele foi bloqueado (minificação, conflito ou conteúdo misto). Comece desativando a minificação de JS e testando em aba anônima.

Tela cinza e carregando infinito são o mesmo problema?

Quase sempre sim: ambos indicam que o iframe de preview não terminou de renderizar. As causas se sobrepõem (JS bloqueado, conflito, URL inconsistente), então a mesma sequência de correção resolve os dois.

Por que funciona em aba anônima?

A aba anônima ignora cache local e desativa extensões. Se o editor abre nela, o problema é uma extensão (bloqueador) ou o cache do navegador, não o servidor. Limpe o cache e revise as extensões.

O que é conteúdo misto e por que trava o preview?

É quando uma página https carrega recursos via http. O navegador bloqueia esses recursos por segurança. Se o preview do Elementor é servido em http dentro de um site https, o iframe é bloqueado e fica cinza.

O Modo de Segurança ajuda na tela cinza?

Ajuda a diagnosticar. Ele carrega o editor sem tema e sem outros plugins. Se o preview renderiza no Modo de Segurança, há um conflito de tema ou plugin a ser isolado ativando um a um.

Plugin de cache causa a tela cinza?

Sim, com frequência. A minificação e a combinação de JavaScript quebram os scripts do preview do Elementor. Exclua o editor dessas otimizações ou desative o cache para confirmar.

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 Repeater Field que não salva dados no ACF PRO

O Repeater que não salva no ACF PRO quase sempre perde as últimas linhas porque o PHP descarta variáveis quando o número de campos enviados passa de max_input_vars (padrão 1000). Cada linha do Repeater vira vários campos no POST, então um Repeater grande estoura o limite e grava só parte das linhas, sem erro na tela.

Pro Grave

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

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.

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 o Elementor Pro Form que não envia e-mails

O formulário do Elementor Pro não envia e-mail quando o WordPress dispara o aviso pela função mail() do PHP sem um servidor SMTP autenticado, quando a ação Email não foi adicionada em Actions After Submit, ou quando o campo From Email usa um domínio diferente do site.

Pro Grave

Como corrigir o WooCommerce Builder do Elementor que não edita páginas de loja

O WooCommerce Builder do Elementor não edita páginas de loja quando o Elementor Pro está inativo, o WooCommerce não está instalado, ou o template criado no Theme Builder não tem condições de exibição definidas. Sem isso, as páginas de produto e de catálogo continuam usando o layout padrão do tema, mesmo com o template salvo.

Setores

Extensões

Integrações

Como corrigir Elementor com tela cinza ou carregando infinito

Conteúdo exclusivo para membros Pro

Perguntas frequentes

Itens relacionados

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

Como corrigir o Repeater Field que não salva dados no ACF PRO

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

Como corrigir o Listing Grid vazio no JetEngine

Como corrigir o Elementor Pro Form que não envia e-mails

Como corrigir o WooCommerce Builder do Elementor que não edita páginas de loja

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