# Como corrigir o erro do Content Toggle no Ultimate Addons

O erro do Content Toggle no Ultimate Addons acontece quando o widget some da lista do Elementor, deixa de alternar entre os dois blocos de conteúdo ou perde o estilo do switcher, geralmente por módulo desativado, CSS desatualizado ou conflito de JavaScript no editor.

## 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.

**Antes de começar:** Antes de desativar plugins, trocar o tema ou mexer na minificacao de JavaScript em producao, faca um backup completo do site (arquivos e banco de dados) ou teste primeiro em um ambiente de staging, para poder reverter caso outra parte do site dependa desses recursos.

## 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.

Erros relacionados

- [Como corrigir Elementor com widgets que não aparecem](https://full.services/wp-fixer/corrigir-elementor-widgets-nao-aparecem/)
- [Como corrigir CSS do Elementor que não aplica no frontend](https://full.services/wp-fixer/corrigir-elementor-css-nao-aplica/)
- [Como corrigir conflito entre Elementor e tema WordPress](https://full.services/wp-fixer/corrigir-conflito-elementor-tema/)

## 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

1. 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
```

2. 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
```

3. 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
```

4. 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
```

5. 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
```


## Código

```css
/* 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;
}
```

## Perguntas frequentes

### Por que o Content Toggle do Ultimate Addons não aparece no editor do Elementor

Na maioria dos casos o módulo Content Toggle esta desativado nas configurações do UAEL ou a licenca Pro não esta valida. Va em Elementor, Settings, aba Ultimate Addons, marque o Content Toggle como ativo e confirme a licenca Pro e o Elementor ativos.

### O Content Toggle e um widget gratuito ou Pro do Ultimate Addons

O Content Toggle faz parte do conjunto de widgets da versão Pro do Ultimate Addons for Elementor. Sem a licenca Pro ativa, ou usando apenas a versão Lite, o widget não fica disponível na lista do editor do Elementor.

### Por que o switcher do Content Toggle aparece sem estilo no frontend

Esse sintoma costuma indicar CSS antigo em cache. Va em Elementor, Tools, aba General e clique em Regenerate CSS & Data para reconstruir os arquivos de estilo, depois limpe o cache do site e recarregue a página.

### O botão do Content Toggle não alterna entre os dois conteúdos, o que fazer

Quando o switcher não troca os blocos, o JavaScript do widget costuma estar sendo combinado ou adiado por um plugin de cache. Desative a combinacao e o adiamento de JavaScript, limpe o cache e recarregue a página para testar a alternancia.

### Que tipo de conteúdo o Content Toggle aceita em cada estado

Segundo a documentação oficial, cada estado do toggle aceita texto, imagens, listas e até templates salvos, o que permite usar o widget para comparar planos mensal e anual, recursos atuais e futuros ou um antes e depois.

### Preciso do Elementor Pro para usar o Content Toggle

O Content Toggle exige o Elementor ativo e a versão Pro do Ultimate Addons, mas não depende obrigatoriamente do Elementor Pro. Garanta que o Elementor base esteja ativo e que as versões do Elementor e do UAEL sejam compativeis entre si.

### Como saber se o erro do Content Toggle vem de outro plugin

Desative os demais plugins um a um e troque para um tema padrão como o Hello Elementor, recarregando a página a cada teste. Se o switcher voltar a funcionar, reative os itens até identificar o plugin ou tema que interrompe o script do widget.

**Fonte:** [Ultimate Addons for Elementor - Content Toggle Widget](https://ultimateelementor.com/widgets/content-toggle/)