Como corrigir Elementor com tela cinza ou carregando infinito
O que é o Elementor com tela cinza ou carregando infinito?
A tela cinza do Elementor acontece quando o editor abre o painel lateral, mas o iframe de preview (onde a página é montada) não carrega: fica cinza ou preso na animação de carregamento. O preview é uma página separada que o editor injeta num iframe; se o JavaScript dela é bloqueado, se há conflito de script, ou se a URL não bate com a do site, o iframe não renderiza.
Como identificar
- O painel de widgets aparece à esquerda, mas a área de preview fica totalmente cinza.
- A animação de carregamento do preview gira sem parar (“carregando infinito”).
- O console do navegador mostra erro de conteúdo misto (mixed content) ou bloqueio de script.
- O editor funciona em outro navegador ou em aba anônima, o que indica cache/extensão.
Como prevenir
- Mantenha o site inteiramente em https com a URL canônica única em Configurações > Geral
- Exclua o Elementor da minificação e combinação de JS no plugin de cache desde o início
- Atualize Elementor, tema e plugins em staging para flagrar conflitos de JavaScript antes da produção
Causa
- Minificação ou combinação de JavaScript pelo plugin de cache quebrando os scripts do preview.
- URL do site inconsistente (http no preview e https no site) gerando bloqueio de conteúdo misto.
- Conflito com plugin ou tema que injeta JavaScript com erro e interrompe a renderização do iframe.
- Extensão do navegador (bloqueador de anúncios/scripts) barrando o iframe de preview.
- Versão de PHP incompatível ou memória insuficiente impedindo o preview de ser gerado.
Como resolver
- Teste em aba anônima: abra o editor numa janela anônima sem extensões. Se a tela cinza some, o culpado é uma extensão do navegador ou cache local; limpe-os.
- Desligue minificação de JS: no plugin de cache, exclua o Elementor da minificação e da combinação de JavaScript, ou desative o cache para testar.
- Padronize a URL para HTTPS: em Configurações > Geral, deixe a URL do WordPress e a do site idênticas em https. Preview em http dentro de site https vira conteúdo misto bloqueado.
- Ative o Modo de Segurança: em Elementor > Ferramentas > Modo de Segurança, que carrega o editor sem o tema e sem outros plugins. Se renderizar, há conflito a isolar.
- Regenere CSS e dados: em Elementor > Ferramentas > Regenerar arquivos e dados, para recriar o CSS corrompido que pode travar o preview.
// wp-config.php - forca o admin e o preview do Elementor em HTTPS (antes de "That's all")
define( 'FORCE_SSL_ADMIN', true );
if ( isset( $_SERVER['HTTP_X_FORWARDED_PROTO'] ) && $_SERVER['HTTP_X_FORWARDED_PROTO'] === 'https' ) {
$_SERVER['HTTPS'] = 'on';
}Perguntas frequentes
O painel aparece mas o preview fica cinza. Por quê?
Tela cinza e carregando infinito são o mesmo problema?
Por que funciona em aba anônima?
O que é conteúdo misto e por que trava o preview?
O Modo de Segurança ajuda na tela cinza?
Plugin de cache causa a tela cinza?
Como corrigir o Number Field que não valida no ACF PRO
O ACF Number Field não valida quando a opção Required esta desligada, quando Minimum Value, Maximum Value e Step Size estão em branco, ou quando o valor chega ao banco por update_field sem passar pela validação do formulário, deixando o campo aceitar valores vazios ou fora do intervalo.
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.
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.
Como corrigir os estilos do WPForms que não aplicam com o Astra Pro no WordPress
Quando o estilo do WPForms não aplica com o Astra Pro, o formulário aparece sem CSS porque a opção Include Form Styling esta em No styling, o CSS do tema vence por especificidade, ou o cache combinou e removeu a folha de estilo do WPForms.
Como corrigir o conflito entre Ultimate Addons e Essential Addons no Elementor
O conflito entre Ultimate Addons e Essential Addons acontece quando os dois plugins de addons do Elementor registram widgets sobrepostos e carregam bibliotecas JavaScript e folhas de estilo concorrentes na mesma página, fazendo widgets travarem, o layout quebrar e o site ficar mais lento.
Como corrigir o Transparent Header que não funciona no mobile no Astra Pro
O Astra Transparent Header não funciona no mobile quando a opção Ativar Em está limitada ao desktop, quando uma configuração por página desativa o recurso, ou quando o ponto de quebra do menu foi aumentado e o cabeçalho perde a cor entre 768px e esse valor. A correção é alinhar a opção de dispositivo e o ponto de quebra.
