Como corrigir o erro do Content Toggle no Ultimate Addons
O que é erro do Content Toggle no Ultimate Addons?
O Content Toggle e um widget do Ultimate Addons for Elementor (UAEL) que exibe dois conjuntos de conteúdo alternados por um botão switcher, útil para comparar planos mensal e anual, recursos atuais e futuros ou um antes e depois sem poluir a página. Cada estado do toggle pode conter texto, imagens, listas ou um template salvo, e a troca entre eles e feita pelo visitante com uma transicao suave no frontend, conforme descreve a documentação oficial do widget.
O erro do Content Toggle no Ultimate Addons aparece quando essa mecanica deixa de funcionar: o widget não aparece na lista do editor do Elementor, o botão switcher não alterna entre o conteúdo primario e o secundario, ou o bloco renderiza sem o estilo do toggle no frontend. Como o Content Toggle e um recurso da versão Pro do UAEL e depende do Elementor ativo, a maioria das falhas vem de módulo desativado nas configurações do plugin, CSS gerado pelo Elementor desatualizado em cache, ou conflito de JavaScript com outro plugin ou tema que interrompe o script do switcher.
Como identificar
- O widget ‘Content Toggle’ não aparece no painel de widgets do Elementor ao buscar por ‘toggle’ no editor, mesmo com o Ultimate Addons ativo.
- O botão switcher renderiza, mas clicar nele não alterna entre o conteúdo primario e o secundario, ficando preso em um único estado.
- O Content Toggle aparece no editor sem o estilo do switcher: o botão surge sem cor, sem bordas arredondadas ou totalmente desalinhado no frontend.
- Os dois blocos de conteúdo do toggle aparecem empilhados ao mesmo tempo no site publicado, em vez de alternarem ao clicar no botão.
- No console do navegador (F12) surgem erros de JavaScript ao carregar a página que contem o Content Toggle, e a transicao do switcher não dispara.
Como prevenir
- Mantenha o Ultimate Addons for Elementor, o Elementor e o Elementor Pro sempre nas versões estaveis compativeis entre si, validando antes em staging para acompanhar mudancas de compatibilidade.
- Renove a licenca Pro do UAEL antes do vencimento para não perder o acesso a widgets exclusivos como o Content Toggle.
- Sempre que atualizar o UAEL ou ajustar estilos, rode o Regenerate CSS & Data do Elementor para evitar arquivos de estilo desatualizados em cache.
- Ao configurar plugins de cache e minificacao, exclua os scripts do Ultimate Addons da combinacao e do adiamento de JavaScript, ou teste cada regra de otimização antes de aplicar no site inteiro.
Causa
- O módulo Content Toggle esta desativado na página de configurações do Ultimate Addons (Elementor -> Settings -> Ultimate Addons), o que remove o widget da lista do editor mesmo com o plugin ativo.
- O Content Toggle e um widget exclusivo da versão Pro do Ultimate Addons; com a licenca expirada ou apenas a versão Lite instalada, o widget não fica disponível no Elementor.
- O CSS gerado pelo Elementor esta desatualizado em cache: depois de atualizar o UAEL ou trocar o estilo, o arquivo de estilos antigo continua servido e o switcher aparece sem formatacao no frontend.
- Um plugin de cache ou de minificacao agrupa e adia o JavaScript do switcher, quebrando a ordem de carregamento do script do Content Toggle e impedindo a alternancia entre os blocos.
- Uma versão do Elementor ou do Elementor Pro incompativel com a versão instalada do Ultimate Addons interrompe o registro do widget, fazendo o Content Toggle sumir ou renderizar sem comportamento de toggle.
Como resolver
- Ative o módulo Content Toggle nas configurações do UAEL: Abra a página de configurações do Ultimate Addons no painel do WordPress e confirme que o widget Content Toggle esta marcado como ativo. O UAEL permite ligar e desligar cada widget, e um módulo desligado some da lista do editor do Elementor.
Painel WP -> Elementor -> Settings -> aba Ultimate Addons Localize 'Content Toggle' na lista de widgets e marque como ativo (Enabled) Clique em Salvar alterações - Confirme o Elementor ativo e a licenca Pro do UAEL: O Content Toggle e um widget da versão Pro do Ultimate Addons e exige o Elementor ativo. Verifique se o Elementor esta ativado e se a licenca Pro do UAEL esta valida, pois sem ela o widget não e registrado no editor.
Painel WP -> Plugins -> confirme 'Elementor' e 'Ultimate Addons for Elementor' ativos Painel WP -> Elementor -> Settings -> Ultimate Addons -> aba License -> confirme a licenca ativa - Regenere o CSS do Elementor: Quando o switcher aparece sem estilo, o problema costuma ser o CSS antigo em cache. O Elementor tem a ferramenta Regenerate CSS & Data, que reconstroi os arquivos de estilo de todas as páginas e restaura o visual do Content Toggle.
Painel WP -> Elementor -> Tools -> aba General Clique em 'Regenerate CSS & Data' (Regenerar CSS e Dados) Recarregue a página que contem o Content Toggle - Limpe o cache e reveja a minificacao de JavaScript: Se o switcher não alterna no frontend, limpe o cache do site e do navegador e desligue temporariamente a combinacao ou o adiamento de JavaScript do plugin de cache, que pode quebrar a ordem de carregamento do script do Content Toggle.
No plugin de cache (ex.: WP Rocket): desative 'Combine JavaScript files' e 'Delay JavaScript execution' Limpe o cache do plugin e o cache do CDN, se houver Recarregue a página com Ctrl + Shift + R para ignorar o cache do navegador - Isole conflito de plugin ou tema: Se o widget continuar falhando, desative os demais plugins um a um e troque para um tema padrão, recarregando a página a cada teste, até identificar o plugin ou tema que interrompe o JavaScript do switcher. Reative os itens depois de achar o culpado.
Painel WP -> Plugins -> desative os demais plugins um a um Painel WP -> Aparencia -> Temas -> ative um tema padrão (ex.: Hello Elementor) Abra o console (F12 -> Console) e recarregue a página do Content Toggle a cada teste
/* Forca os dois estados do Content Toggle a respeitarem o switcher
enquanto o JavaScript do UAEL ainda nao terminou de carregar.
Util quando os dois blocos aparecem empilhados por uma fracao de segundo. */
.uael-content-toggle-wrapper .elementor-tab-content {
display: none;
}
.uael-content-toggle-wrapper .elementor-tab-content.uael-toggle-active {
display: block;
}














