# Como corrigir o conflito entre Ultimate Addons e Essential Addons no Elementor

O conflito entre Ultimate Addons e Essential Addons acontece quando os dois plugins de addons do Elementor registram widgets sobrepostos e carregam bibliotecas JavaScript e folhas de estilo concorrentes na mesma página, fazendo widgets travarem, o layout quebrar e o site ficar mais lento.

## O que é conflito entre Ultimate Addons e Essential Addons?

O conflito entre Ultimate Addons e Essential Addons surge porque os dois são plugins de extensão do Elementor que adicionam dezenas de widgets ao editor. Cada um registra seus próprios widgets, suas categorias na aba do Elementor e enfileira o próprio pacote de CSS e JavaScript. Quando ativados juntos, esses pacotes disputam espaco na mesma página: a mesma biblioteca JavaScript pode ser carregada em versões diferentes pelos dois plugins, e regras de CSS com nomes parecidos se sobrescrevem.

Na prática, o problema aparece de três formas. Widgets de um dos plugins param de inicializar (carrossel, accordion ou contador que não animam), o layout do widget quebra porque o CSS do outro addon venceu na cascata, ou o editor do Elementor fica pesado e lento por carregar dois conjuntos completos de assets. Como a documentação do Ultimate Addons recomenda, a base do diagnostico e o Safe Mode do Elementor e o teste de desativacao seletiva, que isolam qual plugin esta causando a colisao antes de qualquer ajuste definitivo.

## Como identificar

- Um widget do Essential Addons ou do Ultimate Addons (carrossel, accordion, countdown) carrega sem estilo ou não anima, embora apareca normalmente quando o outro plugin esta desativado.
- Mensagem 'This block has encountered an error' ou um widget em branco no preview do Elementor após arrastar um widget de qualquer um dos dois addons.
- No console do navegador (F12) surgem erros de JavaScript como 'Uncaught TypeError' ou 'is not a function' ligados a slick, swiper ou imagesLoaded ao abrir a página.
- O layout de um widget aparece correto no editor mas quebra no frontend (ou o contrario), porque o CSS de um addon sobrescreve o do outro fora do editor.
- O editor do Elementor demora muito mais para carregar e o relatório de performance acusa CSS e JavaScript duplicados dos dois plugins na mesma página.

**Antes de começar:** Antes de desligar widgets, regenerar arquivos do Elementor ou atualizar plugins em producao, faça um backup completo do site (arquivos e banco de dados) ou aplique primeiro em um ambiente de staging, para poder reverter caso alguma página já publicada com esses widgets quebre.

## Como prevenir

- Padronize cada tipo de widget em um único addon: escolha o Ultimate Addons ou o Essential Addons para carrossel, accordion e tabela de precos, e desligue o widget equivalente no outro plugin.
- Mantenha desligados, nas configurações de cada addon, todos os widgets que você não usa, para não carregar CSS e JavaScript desnecessarios na página.
- Atualize Elementor e os dois addons sempre em staging primeiro, validando os widgets criticos antes de subir para producao, já que a Block API e os assets mudam entre versões.
- Antes de instalar um segundo plugin de addons do Elementor, avalie se os widgets que você precisa já existem no addon que você já usa, evitando manter dois pacotes de assets concorrentes no mesmo site.

Erros relacionados

- [Como corrigir o conflito de JavaScript entre Ultimate Addons e WP Rocket](https://full.services/wp-fixer/corrigir-conflito-js-ultimate-addons-wp-rocket/)
- [Como corrigir o conflito de widgets entre Ultimate Addons e Crocoblock](https://full.services/wp-fixer/corrigir-conflito-widgets-ultimate-addons-crocoblock/)
- [Como corrigir o Ultimate Addons que não carrega widgets no Elementor](https://full.services/wp-fixer/corrigir-widgets-nao-carregam-ultimate-addons/)

## Causa

- Os dois plugins enfileiram a mesma biblioteca JavaScript (por exemplo slick.js, swiper ou imagesLoaded) em versões diferentes na mesma página; a segunda a carregar sobrescreve a primeira e quebra os widgets que dependiam da versão anterior.
- Ultimate Addons e Essential Addons oferecem widgets equivalentes (carrossel de posts, accordion, tabela de precos) cujas classes e regras de CSS colidem, e a cascata faz o estilo de um addon vencer e desconfigurar o widget do outro.
- Ambos os plugins carregam globalmente todos os assets de todos os widgets, em vez de so os usados na página; com os dois ativos o volume de CSS e JavaScript dobra e estoura limites de memória ou de execução no editor.
- O cache de CSS do Elementor esta defasado e ainda referencia uma combinacao antiga de assets dos dois addons, servindo arquivos que não batem com a versão atual dos plugins.
- Um dos plugins (ou o Elementor) esta em versão desatualizada e incompativel com a Block API ou com a versão do Elementor exigida pelo outro addon, fazendo o widget falhar ao inicializar.

## Como resolver

1. Confirme o conflito com o Safe Mode do Elementor: Ative o Safe Mode do Elementor, que carrega o editor sem temas e sem outros plugins. Se o widget volta a funcionar no Safe Mode, esta confirmado que o problema vem da combinacao de plugins, e não de um bug isolado de um deles.

```
Painel WP -> Elementor -> Ferramentas -> aba Geral
Em Safe Mode (Modo de Segurança), clique em Ativar
Recarregue o editor e teste o widget que estava quebrado
```

2. Isole o plugin culpado desativando um de cada vez: Saia do Safe Mode e desative apenas o Essential Addons; teste o widget do Ultimate Addons. Depois inverta: reative o Essential e desative o Ultimate. Isso identifica qual plugin perde a disputa de assets e em qual widget.

```
Painel WP -> Plugins -> desative o Essential Addons for Elementor
Edite a página e teste o widget afetado do Ultimate Addons
Reative o Essential Addons e desative o Ultimate Addons, repetindo o teste
```

3. Desligue os widgets duplicados em cada addon: Quando os dois plugins oferecem o mesmo tipo de widget, mantenha o widget ativo em apenas um deles. Tanto o Ultimate Addons quanto o Essential Addons permitem ligar e desligar widgets individualmente nas configurações, o que elimina a sobreposicao de assets na página.

```
Painel WP -> Ultimate Addons -> Widgets (ou Settings) -> desligue os widgets que você usa pelo Essential
Painel WP -> Essential Addons -> Elements -> desligue os widgets que você usa pelo Ultimate
Salve e recarregue o editor
```

4. Regenere os arquivos e o cache do Elementor: Após mudar quais widgets ficam ativos, regenere os arquivos de CSS do Elementor para que ele recrie os assets sem a combinacao antiga. Limpe também o cache do plugin de cache e do navegador antes de testar.

```
Painel WP -> Elementor -> Ferramentas -> aba Geral -> Regenerar Arquivos e Dados
Limpe o cache do seu plugin de cache (WP Rocket, LiteSpeed, etc.)
Recarregue a página com cache do navegador desativado (Ctrl+Shift+R)
```

5. Atualize Elementor e os dois addons e confira a versão minima: Garanta que o Elementor e os dois plugins de addons estejam na versão estavel mais recente. Versões defasadas de um addon costumam exigir uma versão minima do Elementor; sem ela, o widget falha ao inicializar e parece conflito.

```
Painel WP -> Plugins -> atualize Elementor, Ultimate Addons e Essential Addons
Painel WP -> Elementor -> Informações do Sistema -> confira a versão do Elementor e dos addons
Teste o widget novamente após as atualizações
```


## Código

```php
<?php
/**
 * Remove (dequeue) uma biblioteca JS duplicada que um dos addons
 * carrega em versao conflitante. Ajuste o handle ao que aparece no
 * console do navegador (ex.: 'uael-slick' ou 'eael-scripts').
 * Coloque em um mu-plugin ou no functions.php do tema filho.
 */
add_action( 'wp_enqueue_scripts', 'full_resolver_conflito_addons', 100 );
function full_resolver_conflito_addons() {
    // Nao mexe no editor do Elementor, so no frontend.
    if ( is_admin() ) {
        return;
    }
    $handles_duplicados = array( 'uael-slick' );
    foreach ( $handles_duplicados as $handle ) {
        if ( wp_script_is( $handle, 'enqueued' ) ) {
            wp_dequeue_script( $handle );
        }
    }
}
```

## Perguntas frequentes

### Posso usar Ultimate Addons e Essential Addons no mesmo site

Pode, mas evite ativar widgets equivalentes nos dois ao mesmo tempo. Escolha um addon como responsável por cada tipo de widget e desligue o duplicado no outro nas configurações de cada plugin. Isso reduz a sobreposicao de CSS e JavaScript que causa o conflito.

### Por que um widget funciona no editor mas quebra no frontend

Isso ocorre quando o CSS de um addon sobrescreve o do outro fora do editor, ou quando o cache do Elementor serve arquivos defasados. Regenere os arquivos em Elementor, Ferramentas, Regenerar Arquivos e Dados e limpe o cache do plugin de cache e do navegador antes de testar de novo.

### Como o Safe Mode do Elementor ajuda a achar o conflito

O Safe Mode carrega o editor sem o tema e sem os outros plugins ativos. Se o widget volta a funcionar com ele ligado, o problema esta na combinacao de plugins. Depois desative Ultimate e Essential um de cada vez para descobrir qual deles perde a disputa de assets.

### O conflito entre os dois addons deixa o site mais lento

Sim. Com os dois plugins ativos, a página pode carregar dois conjuntos completos de CSS e JavaScript, além de bibliotecas repetidas. Desligar os widgets não usados em cada addon reduz esse peso e melhora o tempo de carregamento do editor e do frontend.

### Preciso editar código para resolver o conflito de widgets

Na maioria dos casos não. O ajuste e feito desligando widgets duplicados nas configurações de cada addon e regenerando os arquivos do Elementor. So recorra a um snippet para remover (dequeue) um asset específico quando uma biblioteca duplicada continuar quebrando os scripts.

### Os erros de slick ou swiper no console tem relacao com esse conflito

Tem. Quando os dois addons carregam a mesma biblioteca de carrossel em versões diferentes, a segunda sobrescreve a primeira e surge um erro como is not a function no console. Mantenha o widget de carrossel ativo em apenas um dos plugins para evitar a colisao.

### Devo escolher entre Ultimate Addons e Essential Addons

Não precisa remover um deles, mas vale concentrar em um so addon os widgets que ambos oferecem. Se a maioria dos seus widgets vem de um plugin, deixe so os widgets exclusivos do outro ativos. Isso evita manter dois pacotes de assets disputando a mesma página.

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