O Elementor é um dos construtores de páginas WordPress mais utilizados, oferecendo uma interface intuitiva de arrastar e soltar que facilita a criação de websites profissionais e altamente personalizáveis sem exigir habilidades de codificação. No entanto, como qualquer ferramenta, o Elementor pode apresentar problemas do Elementor.
Atualizações, instalação de plugins de terceiros ou alterações nas configurações do site podem gerar conflitos, quebrar layouts, remover widgets ou até tornar o site inacessível. Este guia explora os problemas do Elementor mais comuns que levam a falhas frequentes no site e oferece soluções detalhadas para restaurar a funcionalidade do Elementor.
Atualização do Elementor Quebrando o Site
Um dos problemas do Elementor mais comuns ocorre após a atualização do plugin, quando as páginas podem apresentar inconsistências no design, widgets ausentes ou, em casos mais graves, erros que tornam o site inacessível.
Isso pode acontecer porque a atualização introduziu novos recursos que conflitam com o seu tema ou plugins. Além disso, alguns complementos de terceiros podem não ser compatíveis com a versão mais recente do Elementor, ou a estrutura do banco de dados do Elementor pode ter mudado, causando conflitos inesperados.
Para solucionar, você pode reverter o Elementor para uma versão anterior e estável. Para isso, vá em Elementor > Ferramentas > Controle de Versão e selecione uma versão anterior. Verifique também se há conflitos com outros plugins ou com o tema. Desative todos os plugins, exceto o Elementor, para verificar se o problema persiste, e mude para um tema padrão do WordPress (como o Twenty Twenty-Four).
Certifique-se de que sua versão do WordPress e do PHP estejam atualizadas, já que o Elementor recomenda PHP 7.4+ e WordPress 5.8+. Outra dica é regenerar o CSS e os dados do Elementor, acessando Elementor > Ferramentas > Regenerar CSS e Dados, e limpar todos os caches (navegador, CDN e plugins de cache do lado do servidor, como WP Rocket ou W3 Total Cache).
Erros Fatais Devido a Classes Ausentes
Um dos erros mais frequentes que os usuários encontram após uma atualização é o seguinte:
Fatal error: Uncaught Error: Class ‘Elementor\Core\Schemes\Typography’ not found
Esse erro ocorre porque o Elementor removeu a classe antiga Scheme_Typography em versões recentes. Alguns complementos de terceiros, como PowerPack ou Ultimate Addons, ainda podem depender dessa referência de classe desatualizada.
Para corrigir isso, edite o arquivo do plugin ou tema afetado e remova a referência ao esquema desatualizado, substituindo-a pelo novo sistema de tipografia global do Elementor.
use Elementor\Core\Kits\Documents\Tabs\Global_Typography;
Além disso, atualize o PowerPack ou qualquer outro plugin de terceiros que esteja causando o problema. Verifique se há atualizações de plugins em Plugins > Plugins Instalados. Se nenhuma atualização estiver disponível, entre em contato com o desenvolvedor do plugin para obter uma correção. Desative temporariamente o plugin conflitante renomeando sua pasta via FTP (wp-content/plugins/plugin-name-disabled).
Widgets do Elementor Não Carregando
Muitos usuários também relatam que o painel do editor trava durante o carregamento ou que os widgets não aparecem. Isso pode acontecer devido a limites baixos de memória PHP, conflitos de JavaScript causados por outros plugins ou pelo tema, ou configurações corrompidas do Elementor ou cache.
Para resolver, aumente o limite de memória PHP adicionando a seguinte linha ao arquivo wp-config.php:
define( 'WP_MEMORY_LIMIT', '256M' );
Limpe o cache do Elementor navegando até Elementor > Ferramentas > Regenerar CSS e Dados. Verifique se há conflitos de JavaScript abrindo o console do navegador (clique com o botão direito > Inspecionar > Console) para identificar quaisquer erros. Se aparecerem erros, desative os plugins de terceiros um por um para encontrar o conflito. Alterne para um tema padrão (como o Twenty Twenty-Four) e verifique se o Elementor carrega corretamente. Desative widgets não utilizados indo em Elementor > Configurações > Experimentos e desativando quaisquer funcionalidades experimentais.
Tela Branca da Morte
O famoso “White Screen of Death” (WSOD) pode ocorrer após ativar ou atualizar o Elementor. Nesses casos, o site fica completamente em branco devido a um erro fatal que não é exibido por causa da supressão do relatório de erros, temas ou plugins conflitantes que travam o site, ou memória insuficiente no servidor para carregar os recursos do Elementor.
Para solucionar, habilite o modo de depuração do WP para revelar a origem do erro. Adicione as seguintes linhas ao arquivo wp-config.php:
define('WP_DEBUG', true);
define('WP_DEBUG_LOG', true);
define('WP_DEBUG_DISPLAY', false);
Acesse o arquivo wp-content/debug.log via FTP e verifique os detalhes do erro. Desative plugins conflitantes via FTP, navegando até wp-content/plugins/ e renomeando as pastas dos plugins uma por uma (ex: elementor-pro-disabled), recarregando o site após cada alteração. Aumente os recursos do servidor solicitando ao seu provedor de hospedagem para aumentar a memória PHP e os limites de execução.
Problemas de Responsividade
Em alguns casos, as alterações feitas no Elementor aparecem corretamente no computador, mas não são refletidas em dispositivos móveis ou tablets. Isso geralmente acontece porque os arquivos CSS do Elementor não estão sendo atualizados corretamente, os breakpoints personalizados estão mal configurados ou um plugin de cache ou CDN está servindo estilos desatualizados.
Para resolver, regenere os arquivos CSS navegando até Elementor > Ferramentas > Regenerar CSS e Dados. Desative os plugins de cache ou limpe o cache deles. Certifique-se de que o estilo para dispositivos móveis esteja configurado corretamente abrindo o Elementor e alternando para a Visualização Mobile, ajustando as margens, preenchimentos e tamanhos de fonte conforme necessário. Verifique os Breakpoints Personalizados nas configurações do Elementor em Elementor > Configurações > Geral.
Elementor Não Carregando
Às vezes, o editor do Elementor simplesmente não abre ou fica travado durante o carregamento, o que pode ocorrer devido a limites na configuração do servidor, restrições de memória ou tempo de execução muito baixas, ou um plugin ou tema conflitante que está bloqueando o editor.
Para solucionar, habilite o Modo Seguro em Elementor > Ferramentas > Modo Seguro para isolar o problema. Aumente o limite de tempo de execução do PHP adicionando a seguinte linha ao arquivo php.ini ou .htaccess:
max_execution_time = 300;
Desative os plugins conflitantes e mude para um tema padrão. Certifique-se de que seu ambiente de hospedagem atenda aos requisitos de sistema do Elementor.
Erro de JSON Inválido
Se você encontrar uma mensagem de erro como “Invalid JSON response” ao editar uma página no Elementor, isso pode ser devido a configurações incorretas de permalinks do WordPress, uma incompatibilidade entre o URL do site e o URL do WordPress ou problemas de cache do navegador.
Para corrigir, verifique os permalinks do WordPress em Configurações > Permalinks e defina-os para “Nome da Postagem”. Verifique se os URLs do site correspondem, garantindo que o Endereço do WordPress (URL) e o Endereço do Site (URL) sejam os mesmos. Limpe o cache do navegador e tente usar um navegador diferente. Se você busca saber mais sobre como aproveitar ao máximo a bússola do seu iPhone, não deixe de conferir este artigo.
Fontes ou Ícones Personalizados Não Aparecendo
Se os ícones do Font Awesome ou as fontes personalizadas não carregarem corretamente no Elementor, você pode tentar as seguintes soluções. Para habilitar o Font Awesome, vá em Elementor > Configurações > Avançado > Carregar Font Awesome e defina como “Sim” ou “Sim para o Administrador”. Verifique as configurações do CDN para garantir que ele não esteja bloqueando os arquivos do Font Awesome ou das fontes personalizadas. Limpe o cache navegando até Elementor > Ferramentas > Regenerar CSS e Dados para atualizar os estilos.
Erro Interno do Servidor 500
Se o site travar com um erro “500 Internal Server Error” após atualizar o Elementor, aumente o limite de memória PHP no arquivo wp-config.php:
define( 'WP_MEMORY_LIMIT', '512M' );
Verifique o arquivo de registro de erros (wp-content/debug.log) para identificar o plugin ou função conflitante. Se o problema persistir, reverta o Elementor para uma versão estável anterior em Elementor > Ferramentas > Controle de Versão.
Elementor Não Salvando as Alterações
Se as alterações feitas no Elementor não forem salvas ou forem revertidas após atualizar a página, aumente o limite de memória do WordPress conforme mostrado acima. Desative os plugins conflitantes, especialmente os de segurança ou cache que podem interferir no processo de salvamento. Desative e reative o Elementor para redefinir suas configurações.
Erro “Área de Conteúdo Não Encontrada”
Ao tentar editar uma página no Elementor, uma mensagem de erro pode aparecer, informando que “A Área de Conteúdo Não Foi Encontrada na Sua Página”. Isso impede o usuário de acessar o editor do Elementor. Esse problema ocorre porque a página selecionada não contém uma área de conteúdo onde o Elementor pode ser usado, o tema não possui a função the_content() em seu arquivo page.php ou as configurações do WordPress podem estar incorretas.
Para solucionar, verifique as configurações da página inicial em Configurações > Leitura e certifique-se de que sua página inicial esteja definida para uma página válida (não em branco). Garanta que uma página estática esteja selecionada, se necessário. Se estiver usando um tema personalizado, verifique se a função the_content() existe em page.php. Se a função estiver faltando, adicione o seguinte trecho de código dentro do arquivo page.php do seu tema:
Ative temporariamente um tema padrão do WordPress (ex: Twenty Twenty-Four) e verifique se o Elementor funciona corretamente. Habilite o modo de compatibilidade indo em Elementor > Configurações se o problema persistir.
Elementor Travado no Modo de Manutenção
Após uma atualização ou falha, o website pode ficar preso no modo de manutenção, impedindo o acesso. Isso ocorre porque o WordPress cria um arquivo .maintenance durante as atualizações, e às vezes não consegue excluir este arquivo corretamente após uma atualização. Uma atualização com falha ou um processo interrompido pode deixar o site em modo de manutenção.
Para resolver, exclua o arquivo .maintenance acessando seu site via FTP ou File Manager no seu painel de hospedagem. Navegue até o diretório raiz (public_html ou www), localize e exclua o arquivo .maintenance. Limpe o cache do navegador e recarregue a página pressionando Ctrl + Shift + R (Windows) ou Cmd + Shift + R (Mac) para forçar uma atualização completa. Tente usar um navegador diferente para verificar se o problema persiste.
Cores Globais ou Estilos Não Aplicados
As Cores Globais, Fontes ou outras opções de estilo do Elementor podem não ser refletidas no site ao vivo. Isso pode ocorrer se a Saída de DOM Otimizada estiver habilitada, impedindo o Elementor de aplicar estilos corretamente. Os arquivos CSS podem não ter sido regenerados após fazer alterações, ou os plugins de cache ou um CDN podem estar servindo estilos desatualizados.
Nesse caso, desative a Saída de DOM Otimizada navegando até Elementor > Configurações > Recursos, encontre Saída de DOM Otimizada e desative-a. Regenere os arquivos CSS indo em Elementor > Ferramentas > Regenerar CSS e Dados e clique em Regenerar. Limpe todos os arquivos em cache se estiver usando um plugin de cache (ex: WP Rocket, W3 Total Cache) e, se estiver usando um CDN, limpe o cache e teste novamente.
Páginas do WooCommerce Não Carregando no Elementor
O Elementor pode não editar as páginas do WooCommerce corretamente ou exibi-las de forma incorreta. Isso acontece porque as páginas do WooCommerce não estão configuradas corretamente nas configurações do WordPress, o tema tem um modelo WooCommerce personalizado que não é totalmente compatível com o Elementor ou o Elementor não oferece suporte à edição direta de páginas dinâmicas do WooCommerce, como as páginas de carrinho e checkout.
Para resolver, certifique-se de que as páginas do WooCommerce estejam configuradas corretamente em WooCommerce > Configurações > Avançado e que as páginas de Carrinho, Checkout e Minha Conta estejam atribuídas corretamente. Use temas compatíveis com o WooCommerce e, se estiver usando um tema personalizado, verifique a compatibilidade com o Elementor. Considere mudar para um tema WooCommerce amigável ao Elementor. Use os widgets do WooCommerce do Elementor para personalizar páginas de produtos, páginas de categorias e seções de checkout, em vez de editar diretamente as páginas do WooCommerce.
CSS Personalizado do Elementor Não Funcionando
O CSS personalizado adicionado no Elementor pode não ser aplicado ou não ser exibido no site ao vivo. Isso acontece porque o navegador está exibindo uma versão antiga em cache do site, os arquivos CSS estão sendo minificados ou combinados incorretamente, ou o CSS Personalizado do Elementor não está sendo carregado corretamente devido a configurações ou conflitos.
Para resolver, limpe o cache do Elementor indo em Elementor > Ferramentas > Regenerar CSS e Dados. Use !important nas regras CSS personalizadas:
.my-custom-class {
color: red !important;
}
Verifique os plugins de cache e as configurações de minificação e, se estiver usando um plugin de cache, desative a minificação de CSS e teste. Se estiver usando um CDN, certifique-se de que as folhas de estilo não estejam sendo armazenadas em cache de forma agressiva. Desative os plugins de otimização de CSS de terceiros, já que plugins como Autoptimize ou WP Super Minify podem interferir nos estilos do Elementor. Desative-os temporariamente e veja se os estilos são aplicados corretamente.
Para manter seu site Elementor funcionando sem problemas do Elementor, considere realizar manutenções regulares, atualizar plugins, fazer backup do seu site e monitorar o desempenho usando ferramentas de cache e otimização.
Este conteúdo foi auxiliado por Inteligência Artificial, mas escrito e revisado por um humano.
Via Dev.to