🎉 USE O CUPOM DESCONTO.FULL | 20% OFF acima de R$ 50,00

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

Time Full Services Time Full Services
Tipo Page Builders
Nome do erro Conflito de widgets entre Ultimate Addons e Crocoblock EN: Ultimate Addons and Crocoblock widget conflict
Severidade Atenção
Descrição 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.

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

Seja PRO.

Tenha acesso a snippets de código premium — PHP, JavaScript, CSS e HTML prontos para usar em seus projetos.

Conhecer o plano Pro →

Uma nova era para o WordPress.

A FULL Services redefine o CMS com uma arquitetura modular que transforma o WordPress em um motor de crescimento digital. 

Painéis personalizados

Um novo nível de controle para o WordPress. Acompanhe métricas, automações e evolução do seu site em um único painel visual.

A força por trás de grandes marcas

Para agências, estúdios e profissionais independentes que desejam oferecer soluções de alto nível com sua própria marca.

Componentes

Hero Sections

30 componentes

Seções de CTA

14 componentes

Login

14 componentes

Blog

14 componentes

Cabeçalhos

24 componentes

Seções de FAQ

53 componentes

Cadastro

53 componentes

Blog individual

53 componentes

Rodapés

28 componentes

Seções de contato

27 componentes

Seções de preços

27 componentes

Faixas

27 componentes

Portfólio

16 componentes

Seções de equipe

12 componentes

Números

12 componentes

Logotipos

12 componentes