10 erros mais comuns do Elementor e como consertá-los

A grande maioria das pessoas que possuem hospedagem WordPress usam o Elementor para personalizar seus sites. Embora o Elementor seja um plugin muito comum e popular, ele não está isento de erros e problemas. Por isso, nesse post nós da Hosting Machine decidimos te mostrar os 10 erros mais comuns do Elementor e como resolvê-los.

10 erros mais comuns do Elementor e como consertá-los

(problemas resolvidos aumentando a memória, necessidade de manter o elementor atualizado)

1. Tela branca

Também conhecido como White screen of death, ou Tela branca da morte na tradução literal, é quando seu site do Elementor fica totalmente em branco, sem carregar nenhuma informação ou gerar mensagens de erro visíveis. Ou seja, a página se recusa a carregar e não exibe nada.

Ela tem diversas causas, mas as principais são:

• Esgotamento do limite de memória PHP – O Elementor exige muita memória para processar seus scripts. Se o servidor atingir o limite configurado, ele “desiste” no meio do processo.
• Conflitos graves de plugins – Um plugin desatualizado ou um tema incompatível gerou um erro fatal de PHP que impediu a renderização da página.
• Incompatibilidade da versão do PHP – Utilizar uma versão do PHP muito antiga (abaixo da 7.4) ou excessivamente recente e ainda não homologada pelo Elementor.

Para resolver esse problema, você pode testar algumas medidas:

1. Aumentar o limite de memória PHP – Dentro do seu painel de controle, você deve aumentar o limite da memória para 256M. Se o erro continuar, tente aumentar sua memória para 512M, caso sua hospedagem permita.
2. Isolar plugins para localizar conflitos – Dentro do WordPress, na área de Plugins instalados, você desativa todos os plugins do seu site menos o Elementor. Se a tela branca sumir, isso significa que um dos seus plugins está gerando conflito. Sendo assim, você deve ir reativando os plugins um a um para descobrir qual deles está gerando o conflito.
3. Verifique sua versão PHP – No painel da sua hospedagem, certifique-se de que o site está rodando em uma versão recomendada do PHP. Atualmente as versões 8.1 ou 8.2 são as mais estáveis para o  Elementor.

2. Carregamento infinito

As vezes, ao tentar abrir o editor do Elementor, o painel lateral e a tela de carregamento, com o logotipo do Elementor, ficam girando infinitamente sem nunca abrir a interface de edição.

As principais causas desse erro são:

• Conflitos de recursos de hardware do servidor – Falta de recursos do PHP ou tempo de execução muito curto.
• Bloqueio do Admin-Ajax – Softwares de segurança, firewalls de servidor ou plugins de segurança podem estar bloqueando as requisições AJAX do Elementor.
• Conflito de extensões do navegador – Bloqueadores de anúncios (AdBlock) ou extensões de tradução podem interferir nos scripts do editor.

Para consertar esse erro, você pode tentar as seguintes medidas:

1. Ativar o método de carregamento do editor – No painel do WordPress, vá nas configurações avançadas do Elementor, procure pela opção Alternar método de carregamento do editor e a ative. Desse modo você altera a forma como o Elementor solicita os arquivos ao servidor.
2. Aumentar o tempo de execução do PHP – Dentro do seu painel de controle, aumente os valores dos limites a seguir para os seguintes valores: max_execution_time = 300 e max_input_vars = 5000.
3. Desativar extensões do navegador ou usar guia anônima – Tente abrir o editor em uma janela anônima. Se carregar normalmente, desative temporariamente extensões como AdBlock ou Ghostery no seu navegador principal.

3. Widgets somem ou não aparecem

Esse problema acontece quando o editor do Elementor abre, mas a barra lateral esquerda está vazia, cinza, ou os widgets padrão simplesmente desapareceram.

As principais razões pela qual isso acontece é:

• Excesso de extensões de terceiros – Plugins que adicionam “addons” ao Elementor, como Essential Addons ou Premium Addons, acabam consumindo toda a memória disponível ou geram incompatibilidade mútua.
• Erros de JavaScript no console – Scripts quebrados de outros plugins podem estar impedindo o carregamento dos scripts estruturais do Elementor.

Para consertar esse problema, você deve tentar as seguintes medidas:

1. Verifique extensões de terceiros – Acesse as configurações de cada plugin de “Addons” que você possui instalado e desative os widgets que você não está usando. Dessa forma você reduz drasticamente a carga de scripts desnecessários.
2. Verifique erros de console – Clique com o botão direito na página do editor, selecione a opção Inspecionar e vá até a aba Console. Se tiver erros em vermelho apontando para um plugin específico, desative ou atualize esse plugin específico.
3. Regenerar arquivos CSS/Dados – Vá na área Ferramentas do Elementor e clique em Regenerar Arquivos e Dados. Assim você força o Elementor a recriar os arquivos de estilo e scripts limpos.

4. Alterações são publicadas mas não aparecem

Acontece quando você, ao terminar de editar seu site, clica em Atualizar/Publicar e, ao abrir o site no navegador, nenhuma das suas atualizações foram registradas.

Esse erro é causado pela sua cache, do navegador ou do plugin WP. Pois ela está usando uma versão antiga do seu site, anteriormente salva, para economizar recursos.

Para resolver esse erro você deve tentar as seguintes medidas:

1. Regerar o CSS do Elementor – Indo nas configurações gerais das ferramentas do Elementor, você deve clicar na opção Regerar arquivos e dados.
2. Limpe todas as suas caches – Você deve limpar todas as caches que possui, a do seu plugin WP (ex:Litespeed, WP Rocket, etc), a do seu navegador.
3. Verifique o site na aba anônima – Abra a aba anônima no seu dispositivo, acesse o seu site e verifique se as mudanças foram feitas.

5. “A área de conteúdo não foi encontrada”

É quando você tenta editar uma página mas não consegue e o Elementor exibe um pop-up com a mensagem “Desculpe, a área de conteúdo não foi encontrada na sua página. Você deve chamar a função ‘the_content’ no modelo atual…”. Ou seja, ele bloqueia a inicialização do Elementor e te impede de editar a página.

Esse erro pode acontecer por conta das seguintes razões:

• Ausência da função estrutural no tema – O tema que você está usando é mal codificado ou foi corrompido. Pois não há a função nativa do WordPress que avisa ao Elementor onde o conteúdo deve ser inserido.
• Tentativa de editar páginas dinâmicas/reservadas – Você está tentando abrir o Elementor diretamente em páginas geradas automaticamente pelo sistema, como a página de resultados de busca, arquivos de blog ou a página de loja do WooCommerce.
• Conflito ou corrupção nos links permanentes – As regras de redirecionamento do WordPress podem ter se confundido, fazendo com que o Elementor tente injetar o editor em um endereço de URL que o servidor não reconhece como uma página válida.

Para resolver esse erro, você deve:

1. Alterar o modelo da página – Nas configurações da página dentro do editor padrão do WP, antes de abrir o Elementor, na aba Modelo você precisa mudar “Modelo padrão” para Elementor largura total ou Elementor canvas. Em seguida salvando como rascunho antes de tentar editar novamente.
2. Atualizar as regras dos links permanentes – No painel do WP, dentro das configurações em Links permanentes, você só vai rolar até o final da página e vai salvar alterações, que foi nenhuma. Dessa forma, você limpa e reconstrói as rotas de URLs do site, eliminando a possibilidade do erro ser causado pelo redirecionamento.

6. Layout desalinhado ou ‘quebrado’ apenas no celular

Acontece quando o site parece perfeito na tela do computador durante a edição, mas quando você abre o site pelo celular tudo está errado. As colunas colapsam, os textos ficam cortados nas bordas, elementos se sobrepõem de forma caótica ou surge uma barra de rolagem horizontal indesejada.

As principais causas desse erro são:

• Valores fixos de pixels (px) – Larguras, margens ou espaçamentos internos configuradas com pixels estáticos ao invés de unidades flexíveis e proporcionais para telas menores pode facilmente quebrar seu layout.
• Falta de otimização responsiva nos widgets – Valores fixos nas margens, espaçamentos (padding) e larguras em pixels que foram configurados para desktop. Eles acabam espremendo o layout nas telas menores.
• Elementos com tamanhos excessivos – Imagens grandes, tabelas rígidas ou códigos externos inseridos sem limites dinâmicos de largura que ultrapassam fisicamente as bordas do aparelho são comprimidas.

Para resolver esse erro você deve:

1. Use unidades flexíveis – Não defina elementos, como larguras de colunas ou imagens, usando pixels estáticos. Use porcentagem (%) para larguras de colunas ou VW (Viewport Width) para tamanhos adaptáveis. Assim você garante que o elemento fique proporcional ao tamanho do visor.
2. Ajuste as propriedades no modo responsivo – Na barra inferior do editor, clique no ícone de computador/celular para ativar o Modo responsivo, selecionando a visão de “Celular” e ajustando os tamanhos de fonte, margens e larguras para que fiquem adequados para a tela menor. O Elementor vai salvar essas alterações de forma isolada, só aplicando ela quando o site for aberto em telas pequenas.
3. Corrija o transbordamento da seção – Clique nas configurações da Seção ou do Container principal que está quebrando o layout. Dentro da aba Layout, na opção “Estouro” (Overflow), mude a configuração para “Escondido”. Assim você some com as barras de rolagem horizontais.

7. Botão “Publicar” ou “Atualizar” fica cinza ou não funciona

O erro acontece quando você termina suas alterações no Elementor e, ao tentar salvar, você percebe que o botão verde de salvamento está acinzentado, congelado ou exibe uma animação infinita de carregamento sem nunca concluir a gravação dos dados.

Ele tem diversas causas, mas as principais são:

• Falta de permissões de usuário no WordPress – Sua sessão administrativa expirou em segundo plano ou seu nível de usuário perdeu os privilégios necessários para modificar aquela página específica.
• Esgotamento de recursos de tempo de execução – O servidor demora tanto para processar o volume de dados da página que atinge o tempo limite estipulado e encerra a conexão antes de salvar.
• Conflito de certificados SSL mistos – O painel do WordPress está rodando sob um protocolo seguro (https), mas o Elementor está tentando salvar arquivos fazendo requisições em links não seguros (http), causando um bloqueio de segurança interna.

Para resolver esse problema, você pode testar as seguintes práticas:

1. Verificar a sessão em outra aba – Abra o painel administrativo do WordPress em uma nova aba do navegador. Se o sistema pedir suas credenciais de login novamente, faça o acesso para revalidar sua sessão e depois tente clicar em salvar na aba do Elementor.
2. Aumentar o tempo máximo de execução do script – No painel da sua hospedagem, altere a diretiva max_execution_time para um valor maior, como 300 ou 600 segundos.
3. Forçar o HTTPS com o plugin Really Simple SSL – Certifique-se de que todo o seu site roda perfeitamente em ambiente seguro. O uso plugin Really Simple SSL ajuda a corrigir conteúdos mistos que impedem o perfeito funcionamento dos botões de salvamento do construtor.

8. Página cinza ou em branco ao abrir o editor

Diferente do erro de tela branca no site publicado, este problema acontece especificamente nos bastidores. Assim, quando você tenta editar uma página, o editor do Elementor até abre, mas a área central onde deveria estar o visual do seu site fica totalmente cinza ou vazia.

Esse erro pode acontecer por diversos motivos, mas os principais são:

• Uso excessivo de extensões do Elementor rodando juntas – Ativar muitos pacotes de widgets de desenvolvedores diferentes consome muita performance e causa travamentos de carregamento do frame interno.
• Configuração inadequada do arquivo de segurança do site – Regras excessivamente rígidas de cabeçalhos de segurança, como X-Frame-Options, impedem que o próprio WordPress incorpore a página dentro do editor.
• Problema com as propriedades de aceleração de hardware – Quando navegador de internet falha ao processar os elementos visuais complexos tridimensionais ou acelerações gráficas da interface do Elementor.

Para resolver esse erro, você pode testar algumas das medidas:

1. Alternar o método do carregador de conteúdo – Dentro das configurações avançadas do Elementor, ative a opção Alterar método de carregamento do editor. Esse recurso reconstrói o mecanismo de abertura da área interna de edição.
2. Desativar extensões do navegador e aceleração gráfica – Nas configurações do seu Google Chrome ou navegador de preferência, tente desativar a opção Usar aceleração de hardware quando disponível, reinicie seu navegador e tente abrir o editor novamente.
3. Checar conflitos desativando Addons do Elementor – Acesse sua lista de plugins e desative temporariamente todos os complementos que tenham “Essential Addons”, “Premium Addons” ou nomes similares, deixando só o Elementor ativo para validar o carregamento.

9. Menu ou widgets sumindo atrás de banners

Esse problema não é nada mais do que um erro visual clássico de sobreposição. Já que, ao rolar a página para baixo, o menu de navegação do cabeçalho ou determinados elementos dinâmicos, como janelas pop-up ou botões flutuantes, somem. Assim passando por baixo de imagens, banners ou vídeos que estão no corpo do site.

Ele erro acontece por vários motivos, mas os principais são:

• Gerenciamento incorreto da propriedade Z-Index – O valor numérico que controla a ordem de empilhamento visual dos elementos nas camadas da página foi esquecido ou configurado com um peso inadequado.
• Uso de propriedades CSS de posicionamento conflitantes – Elementos definidos com posições absolutas ou fixas sem uma atribuição explícita de camada se misturam desordenadamente durante a rolagem da página.
• Configurações de Seções com efeito de transbordo complexo – O uso de containers modernos do Elementor com configurações de margens negativas, que acabam atropelando as estruturas de cabeçalho nativas.

Para resolver esse problema, você pode testar as medidas:

1. Configurar um Z-Index alto para o Cabeçalho – Abrindo o modelo do seu cabeçalho no Elementor, selecione a seção ou container principal dele, na aba Avançado defina o valor do Z-Index como um número alto (ex: 9999). Dessa forma você garante que o menu sempre fique na camada superior do site.
2. Garantir Z-Index menor nos elementos do corpo – Selecione a seção ou o banner que está cobrindo o menu de forma errada, na aba Avançado do elemento configure o Z-Index com um valor baixo (ex: 1 ou vazio). Assim você deixa a hierarquia certa.
3. Ajustar posicionamento de elementos fixos – Se os botões flutuantes, como o do WhatsApp, estão sumindo atrás dos componentes, você deve acessar as configurações avançadas dele e definir a ele um Z-Index intermediário para alto (ex: 999). Desse modo ele estará por cima de tudo com estabilidade.

10. “A resposta não é um JSON válido”

Este último erro costuma acontecer quando se tenta salvar atualizações no site. Em resumo, ele significa que o Elementor enviou dados para o servidor esperando uma resposta em um formato de código específico (JSON), mas o servidor respondeu com um erro incompreensível devido a um colapso na comunicação.

As principais causas desse erro são:

• Bloqueios de segurança via REST API – O Elementor se comunica com o banco de dados através da API Rest do WordPress. No entanto, plugins de segurança muito rígidos acidentalmente bloqueiam essas conexões.
• Códigos e caracteres estranhos misturados – Inserção de scripts JavaScript mal formatados ou textos copiados diretamente do Word cheios de formatações ocultas que quebram o código de salvamento.
• Instabilidade momentânea ou quedas no servidor – O servidor web está operando sobrecarregado e corta a conexão no meio do upload de dados, consequentemente devolvendo uma resposta incompleta.

Para resolver esse problema, você pode tentar as seguintes medidas:

1. Investigar o arquivo .htaccess – Códigos quebrados no arquivo de diretivas do servidor podem causar esse erro. Ao ir na área dos Links permanentes, nas configurações, e salvar as modificações, você força o WordPress a reescrever um arquivo .htaccess limpo.
2. Desativar firewalls e plugins de segurança temporariamente – Desative ferramentas como Wordfence, iThemes Security ou ferramentas de segurança do painel da hospedagem. Tente salvar as alterações no Elementor e, se o salvamento funcionar, ajuste o nível de sensibilidade dessas ferramentas para liberar a REST API.
3. Remover blocos de códigos recentes – Se o erro começou logo após você colar um código de rastreamento, como Pixel do Facebook ou Google Analytics, em um widget de HTML ou texto, remova o bloco e tente salvar. Além disso, use complementos específicos para inserção de scripts no cabeçalho.

Esse foi o nosso post sobre os 10 erros mais comuns do Elementor e como resolvê-los. Esperamos que esse post tenha te ajudado com os seus problemas. No entanto, caso você ainda tenha alguma dúvida ou problema, entre em contato com o nosso suporte, seja por WhatsApp ou por chamado.