# Como corrigir o conflito de widgets entre Ultimate Addons e Crocoblock no WordPress

O conflito de widgets entre Ultimate Addons e Crocoblock acontece quando os dois plugins registram widgets no mesmo Elementor e disputam scripts, cache ou nomes de widget, fazendo os widgets sumirem do painel, duplicarem ou quebrarem a previa no editor.

## O que é conflito de widgets entre Ultimate Addons e Crocoblock?

O Ultimate Addons for Elementor (UAEL), da Brainstorm Force, e os plugins da Crocoblock (como JetElements e JetEngine) são dois pacotes de addons que estendem o Elementor registrando dezenas de widgets próprios no mesmo editor. Cada um adiciona seus widgets ao painel do Elementor, enfileira seus scripts e estilos e grava o CSS gerado no cache do Elementor. O conflito aparece quando essa coexistencia falha: os widgets de um dos pacotes somem da aba de widgets, a previa de um widget mostra erro, ou dois widgets de nome parecido aparecem duplicados confundindo o editor.

Na prática, o problema raramente esta em um único plugin com defeito, e sim na ordem de carregamento e no cache. A documentação oficial do Ultimate Addons organiza esse tipo de situacao na seção de Troubleshooting e em um gerenciador de widgets que liga e desliga cada widget individualmente. Quando o JavaScript de um pacote falha ao carregar, ele pode interromper a inicializacao do editor antes de o outro pacote registrar seus widgets, deixando o painel incompleto até que o cache seja regenerado ou o widget conflitante seja desligado.

## Como identificar

- Os widgets do Ultimate Addons (ou os da Crocoblock) desaparecem da aba de widgets do Elementor mesmo com os dois plugins ativos.
- Ao arrastar um widget de um dos pacotes, o editor mostra 'The preview could not be loaded' ou 'Sorry, the content área was not found in your page' em vez de renderizar.
- Aparecem dois widgets com nome quase identico (ex.: um 'Posts' do UAEL e um 'Posts' do JetElements), e escolher o errado quebra o layout.
- O painel do Elementor carrega parcialmente, com a roda girando, e o console do navegador (F12) mostra erro de JavaScript de um dos addons logo na abertura do editor.
- Depois de atualizar o Ultimate Addons ou um plugin Crocoblock, páginas que já usavam esses widgets passam a exibir 'This element is not available' no frontend.

**Antes de começar:** Antes de desativar plugins, desligar widgets ou alterar minificacao em producao, faça um backup completo do site (arquivos e banco de dados) ou teste primeiro em um ambiente de staging, para poder reverter caso uma página que usa esses widgets quebre.

## Como prevenir

- Mantenha o Elementor, o Ultimate Addons e os plugins Crocoblock sempre na versão estavel mais recente, validando antes em staging para acompanhar mudancas na API de widgets do Elementor.
- Evite ligar dois widgets de mesma finalidade nos dois pacotes ao mesmo tempo: escolha um fornecedor por tipo de widget e desligue o equivalente no outro no gerenciador de widgets.
- Depois de qualquer atualização de Elementor ou dos addons, rode o Regenerate CSS & Data do Elementor para evitar cache cruzado entre os pacotes.
- Configure exclusoes de minificacao para os scripts dos addons no plugin de cache, garantindo que o JavaScript do UAEL e do Crocoblock carregue intacto no editor.

Erros relacionados

- [Como corrigir Elementor com widgets que não aparecem](https://full.services/wp-fixer/corrigir-elementor-widgets-nao-aparecem/)
- [Como corrigir conflito entre Elementor e tema WordPress](https://full.services/wp-fixer/corrigir-conflito-elementor-tema/)
- [Como corrigir Elementor com tela cinza ou carregando infinito](https://full.services/wp-fixer/corrigir-elementor-tela-cinza/)

## Causa

- O cache de CSS e dados do Elementor ficou desatualizado após atualizar o Ultimate Addons ou um plugin Crocoblock, e o editor ainda referencia widgets e estilos antigos, escondendo os widgets novos do painel.
- Um widget do Ultimate Addons e um widget da Crocoblock registram o mesmo recurso (ex.: ambos enfileiram uma versão diferente da mesma biblioteca de slider ou de icones), e a versão carregada por último sobrescreve a outra e quebra a previa.
- O JavaScript de um dos addons falha ao carregar (script bloqueado por minificacao, CDN ou outro plugin) e interrompe a inicializacao do editor antes de o segundo pacote registrar seus widgets na aba.
- Widgets que o site não usa continuam ligados nos dois pacotes ao mesmo tempo, inflando o editor e aumentando a chance de dois widgets de mesma finalidade colidirem em nome ou em script.
- A versão do Elementor instalada e mais antiga do que a exigida pelo Ultimate Addons ou pelo Crocoblock, e widgets que dependem de uma API mais nova do Elementor não chegam a ser registrados no painel.

## Como resolver

1. Regenere o cache de CSS e dados do Elementor: A maioria dos sumiços e quebras de previa some após limpar o cache do próprio Elementor, que e onde o CSS dos widgets dos dois pacotes e gravado. Use a ferramenta nativa Regenerate CSS & Data e recarregue o editor.

```
Painel WP -> Elementor -> Ferramentas -> aba Geral
Clique em 'Regenerate Files & Data' (Regenerar CSS e Dados)
Recarregue o editor da página com Ctrl+F5
```

2. Confirme as versões minimas do Elementor e dos addons: Garanta que o Elementor, o Ultimate Addons e os plugins Crocoblock estejam todos na versão estavel mais recente. Um Elementor desatualizado impede que widgets que dependem de uma API mais nova sejam registrados no painel.

```
Painel WP -> Plugins -> verifique e atualize o Elementor
Painel WP -> Plugins -> atualize o Ultimate Addons for Elementor
Painel WP -> Plugins -> atualize os plugins Crocoblock (JetElements, JetEngine)
```

3. Identifique o pacote culpado isolando os plugins: Desative temporariamente o Crocoblock e teste o editor so com o Ultimate Addons; depois inverta. Quando os widgets voltarem com um dos dois desligado, você achou de qual lado vem o conflito, sem mexer ainda nos demais plugins.

```
Painel WP -> Plugins -> desative os plugins Crocoblock e recarregue o editor
Se os widgets do UAEL voltarem, reative o Crocoblock e desative o UAEL para confirmar
Abra o console do navegador (F12 -> Console) e anote o plugin citado no erro de JavaScript
```

4. Desligue os widgets que você não usa no gerenciador do Ultimate Addons: O Ultimate Addons traz um gerenciador que liga e desliga cada widget individualmente. Desative no UAEL os widgets que tem equivalente na Crocoblock (ou vice-versa) para eliminar a duplicidade e reduzir a colisao de scripts no editor.

```
Painel WP -> Settings -> Ultimate Addons (ou menu Ultimate Addons) -> Widgets
Desative os widgets do UAEL que já são cobertos por um widget Crocoblock equivalente
Salve, regenere o cache do Elementor (passo 1) e recarregue o editor
```

5. Descarte conflito de cache de página e minificacao: Plugins de cache e minificacao podem servir scripts antigos ou quebrar o JavaScript de um dos addons. Limpe o cache do site e desligue a minificacao de JS temporariamente para confirmar se o conflito vem dai antes de reativar com exclusoes.

```
Limpe o cache do plugin de cache (ex.: WP Rocket -> Configurações -> Limpar cache)
Desative temporariamente a minificacao/combinacao de JavaScript
Recarregue o editor com Ctrl+F5 e verifique se os widgets voltaram
```


## Código

```php
<?php
// Desenfileira a versao duplicada de um script registrado pelos dois addons,
// mantendo apenas a primeira para evitar a colisao no editor do Elementor.
add_action( 'wp_enqueue_scripts', 'full_resolver_conflito_uael_crocoblock', 99 );
function full_resolver_conflito_uael_crocoblock() {
    // Ajuste o handle ao script que aparece duplicado no F12 -> Network.
    $handle_duplicado = 'jet-elements-lib';
    if ( wp_script_is( $handle_duplicado, 'enqueued' ) && wp_script_is( 'uael-frontend', 'enqueued' ) ) {
        wp_dequeue_script( $handle_duplicado );
    }
}
```

## Perguntas frequentes

### Por que os widgets do Ultimate Addons sumiram depois que instalei o Crocoblock

Na maioria dos casos o cache de CSS e dados do Elementor ficou desatualizado e o painel ainda referencia o estado antigo. Rode o Regenerate CSS & Data em Elementor -> Ferramentas e recarregue o editor; se ainda faltar, isole os plugins para achar o lado em conflito.

### Posso usar o Ultimate Addons e o Crocoblock juntos no mesmo site

Sim. Os dois são addons do Elementor e coexistem na maioria dos sites. O cuidado e não deixar widgets de mesma finalidade ativos nos dois ao mesmo tempo e manter tudo atualizado, para reduzir colisao de scripts e duplicidade no editor.

### Como descubro qual plugin esta causando o conflito de widgets

Desative o Crocoblock e teste o editor so com o Ultimate Addons, depois inverta. Quando os widgets voltarem com um dos dois desligado, você identificou o lado do conflito. O console do navegador em F12 ajuda mostrando qual addon aparece no erro de JavaScript.

### Da para desativar widgets do Ultimate Addons que eu não uso

Sim. O Ultimate Addons traz um gerenciador de widgets nas configurações do plugin onde você liga e desliga cada widget. Desligar os widgets que já tem equivalente na Crocoblock elimina a duplicidade e reduz a chance de conflito no editor.

### Por que aparece 'The preview could not be loaded' ao arrastar um widget

Esse aviso indica que o JavaScript do editor falhou ao inicializar, geralmente porque o script de um dos addons foi bloqueado por minificacao ou cache. Limpe o cache do site, desligue a minificacao de JS temporariamente e regenere o cache do Elementor.

### Atualizar o Elementor resolve o conflito entre os dois pacotes

Frequentemente sim. Widgets que dependem de uma API mais nova do Elementor não são registrados se o Elementor estiver desatualizado. Atualize o Elementor, o Ultimate Addons e o Crocoblock para as versões estaveis mais recentes e regenere o cache em seguida.

### Dois widgets de mesmo nome apareceram no painel, qual eu escolho

Quando UAEL e Crocoblock oferecem um widget de finalidade parecida, ambos aparecem na aba. Padronize um fornecedor para aquele tipo de widget, use sempre o mesmo nas páginas e desligue o equivalente do outro pacote no gerenciador para evitar confusao e quebra de layout.

**Fonte:** [Ultimate Addons for Elementor — Documentacao oficial (Brainstorm Force)](https://ultimateelementor.com/docs/)