JetTricks não aplica efeitos no Elementor: como corrigir

Tipo Page Builders

Nome do erro JetTricks não aplica efeitos no Elementor EN: JetTricks effects not applying in Elementor

Severidade Atenção

Descrição O JetTricks não aplica efeitos no Elementor quando o plugin ou o Elementor estão inativos ou desatualizados, quando o efeito é verificado apenas no editor (a maioria roda só no frontend publicado) ou quando cache e otimização de JavaScript bloqueiam os scripts do JetTricks.

O que é JetTricks que não aplica efeitos no Elementor?

O JetTricks é um addon da Crocoblock para o Elementor que adiciona efeitos visuais e de interface a widgets e seções: Tooltip, Hotspots, View More, Animated Box, Satellite, Unfold, Particles, Parallax e Sticky Section ou Column. Esses recursos não criam um widget isolado na maioria dos casos: eles ligam comportamentos extras a elementos que você já usa no Elementor, a partir de uma aba de configuração que o JetTricks injeta no editor.

Quando o JetTricks não aplica efeitos no Elementor, o sintoma é o elemento ficar estático: a seção que deveria grudar ao rolar não fixa, o tooltip não abre no hover, o fundo de partículas não anima. A causa mais comum não é defeito do plugin, e sim onde o efeito é avaliado. Vários efeitos do JetTricks dependem de JavaScript que roda na página publicada, não na pré-visualização do editor de blocos do Elementor. Plugin inativo, versão antiga do Elementor e otimização agressiva de scripts completam o quadro.

Como identificar

A seção marcada como Sticky Section no JetTricks não gruda no topo ao rolar a página publicada, comportando-se como uma seção normal.
O Tooltip configurado em um widget não abre ao passar o mouse, nem no editor nem no frontend.
O fundo de Particles ou o efeito Parallax aparece sem animação, mostrando apenas a imagem ou a cor estática.
As opções do JetTricks (aba ou seção extra de configuração) somem do painel de edição do widget ou da seção no Elementor.
No console do navegador (F12) aparecem erros de JavaScript ou avisos de arquivo .js do JetTricks que não carregou (404 ou bloqueado).

Antes de começar: Antes de atualizar plugins, mexer na otimização de scripts ou desativar plugins em produção, faça um backup completo do site (arquivos e banco de dados) ou teste primeiro em um ambiente de staging, para reverter caso uma página quebre.

Como prevenir

Mantenha o JetTricks e o Elementor sempre na mesma janela de versão estável, validando em staging antes de atualizar em produção, já que o JetTricks acompanha mudanças do Elementor.
Valide os efeitos sempre na página publicada em aba anônima, e não na pré-visualização do editor, porque a maioria roda apenas no frontend.
Ao usar plugins de cache ou performance, exclua os scripts do JetTricks e do Elementor das regras de defer, minificação e combinação de JavaScript.
Documente quais seções usam efeitos do JetTricks para revisá-las após cada atualização de tema, Elementor ou plugin de otimização.

Causa

O plugin JetTricks foi desativado ou a licença da Crocoblock expirou: sem o plugin ativo, as abas de efeito somem do editor e nenhum script do JetTricks é enfileirado na página.
O efeito está sendo avaliado apenas na pré-visualização do editor do Elementor, mas efeitos como Sticky Section, Parallax, Particles e Satellite são executados por JavaScript que roda na página publicada, não dentro do editor.
A versão do Elementor é antiga ou incompatível com o JetTricks instalado: o JetTricks depende do Elementor ativo, e uma defasagem entre os dois impede o registro dos controles de efeito nos widgets.
Um plugin de cache ou de performance (como WP Rocket ou Perfmatters) está minificando, adiando (defer) ou combinando o JavaScript do JetTricks, quebrando a inicialização do efeito no frontend.
A função de Optimized DOM Output ou de melhorias experimentais do Elementor está ativa e altera a marcação que o JetTricks usa como âncora, fazendo o seletor do efeito não encontrar o elemento.

Como resolver

Confirme que o JetTricks e o Elementor estão ativos e atualizados: Em Plugins, garanta que tanto o JetTricks quanto o Elementor estejam ativos. Atualize os dois para a versão estável mais recente e confirme a licença da Crocoblock, pois o JetTricks depende do Elementor ativo para registrar os controles de efeito.
```
Painel WP -> Plugins -> Plugins Instalados
Confirme JetTricks e Elementor como Ativos e atualize ambos
Painel WP -> Crocoblock -> verifique se a licença está ativa
```
Teste o efeito na página publicada, não no editor: A maioria dos efeitos do JetTricks (Sticky Section, Parallax, Particles, Satellite) roda por JavaScript apenas na página publicada. Salve a página e abra a URL real em uma aba anônima para verificar o efeito, em vez de confiar na pré-visualização do editor.
```
No editor do Elementor, clique em Atualizar (Update)
Abra a URL pública da página em uma aba anônima do navegador
Role ou passe o mouse para conferir o efeito no frontend
```
Limpe o cache e regenere o CSS do Elementor: Cache de página antigo serve uma versão sem o script do efeito. Limpe o cache do plugin de cache, do servidor e do CDN, e regenere os arquivos de CSS do Elementor para reconstruir a página com os assets do JetTricks.
```
Painel WP -> Elementor -> Ferramentas -> Regenerar arquivos & dados (Regenerate CSS & Data)
Limpe o cache do seu plugin de cache (ex.: WP Rocket -> Limpar cache)
Purgue o cache do CDN ou do Cloudflare, se houver
```
Desligue a otimização de JavaScript para os scripts do JetTricks: Minificação, defer ou combinação de JS pode quebrar a inicialização do efeito. Desative temporariamente o adiar JavaScript e a combinação de arquivos no plugin de performance e recarregue o frontend para confirmar se o efeito volta.
```
Painel WP -> WP Rocket -> Otimização de arquivos -> desmarque 'Adiar JavaScript' e 'Combinar arquivos JS'
Painel WP -> Perfmatters -> desative 'Defer JavaScript' (ou exclua os scripts do JetTricks)
Limpe o cache e recarregue a página pública para testar
```
Isole conflito de plugin ou de recurso experimental: Se o efeito ainda falhar, desative os demais plugins um a um e revise os Recursos (Features) experimentais do Elementor que alteram a marcação. Recarregue a página pública a cada teste para identificar o item que quebra o seletor do JetTricks.
```
Painel WP -> Plugins -> desative os outros plugins um a um
Painel WP -> Elementor -> Configurações -> Recursos -> revise as opções experimentais ativas
Recarregue a URL pública a cada teste e acompanhe o console (F12)
```

PHP

<?php
// Impede que o tema/otimizador adie (defer) os scripts do JetTricks e do Elementor,
// preservando a ordem de carregamento que os efeitos precisam no frontend.
add_filter( 'script_loader_tag', 'full_nao_adiar_jettricks', 20, 3 );
function full_nao_adiar_jettricks( $tag, $handle, $src ) {
    $handles_criticos = array( 'jet-tricks-frontend', 'jet-tricks', 'elementor-frontend' );
    if ( in_array( $handle, $handles_criticos, true ) ) {
        // Remove atributos defer/async que quebram a inicializacao do efeito.
        $tag = str_replace( array( ' defer', ' async', ' defer="defer"', ' async="async"' ), '', $tag );
    }
    return $tag;
}

Perguntas frequentes

Por que o efeito do JetTricks não aparece no editor do Elementor

Porque vários efeitos do JetTricks, como Sticky Section, Parallax e Particles, rodam por JavaScript apenas na página publicada. Salve a página e abra a URL pública em uma aba anônima para conferir o efeito, em vez de confiar na pré-visualização do editor.

A Sticky Section do JetTricks parou de grudar ao rolar a página

Verifique se o JetTricks e o Elementor estão ativos e atualizados e teste na página publicada. Se ainda falhar, é provável que um plugin de cache ou de performance esteja adiando ou combinando o JavaScript do efeito. Exclua os scripts do JetTricks dessas otimizações.

Preciso do Elementor ativo para o JetTricks funcionar

Sim. O JetTricks é um addon da Crocoblock que estende o Elementor e depende dele ativo para registrar os controles de efeito nos widgets e seções. Sem o Elementor ativo e atualizado, as abas de efeito não aparecem e nenhum script é carregado.

Plugins de cache podem quebrar os efeitos do JetTricks

Sim. Minificar, adiar (defer) ou combinar o JavaScript pode impedir a inicialização do efeito no frontend. Desative essas otimizações para os scripts do JetTricks ou adicione os handles do plugin à lista de exclusão do seu plugin de performance.

Sumiram as opções do JetTricks no painel de edição do widget

Isso costuma indicar que o JetTricks foi desativado, a licença da Crocoblock expirou ou há uma defasagem de versão com o Elementor. Reative o plugin, confirme a licença e atualize JetTricks e Elementor para a versão estável mais recente.

Como saber se é o JetTricks ou outro plugin causando o problema

Desative os demais plugins um a um e recarregue a página pública a cada teste. Se o efeito voltar, reative os itens até identificar o que interrompe o script do JetTricks. O console do navegador em F12 ajuda a ver qual arquivo .js falhou.

Regenerar o CSS do Elementor ajuda quando o efeito não aplica

Ajuda quando a página está servindo arquivos antigos. Em Elementor, Ferramentas, use Regenerar arquivos e dados para reconstruir o CSS e, em seguida, limpe o cache de página e do CDN para que os assets do JetTricks voltem a carregar.

Grave

Como corrigir erros de compatibilidade entre o Elementor e o PHP 8.3

O erro de compatibilidade do Elementor com o PHP 8.3 acontece quando uma versão antiga do plugin roda num servidor já no PHP 8.3, disparando avisos de deprecated ou um fatal error que derruba o editor ou o front-end. A correção é alinhar o Elementor e o Elementor Pro na última versão e garantir os recursos de PHP exigidos.

Atenção

Como corrigir o Clone Field que não duplica campos no ACF PRO

O Clone Field do ACF PRO não duplica campos quando dois clones do mesmo grupo compartilham o field_key, quando o Display está como Group sem prefixo de nome, ou quando o grupo clonado original está inativo, fazendo os campos sumirem ou não salvarem.

Grave

Como corrigir a Options Page que não salva no ACF PRO

A Options Page do ACF PRO que não salva acontece quando você clica em Update e os valores voltam vazios, quase sempre porque a página foi registrada com um post_id diferente do que o get_field lê, a capability barra a gravação ou o field group não tem a location rule de Options Page.

Atenção

Como corrigir o erro de permissão ao criar Custom Fields no JetEngine

O JetEngine erro de permissão ao criar Custom Fields ocorre quando o usuário logado não tem a capability manage_options exigida pelos menus do JetEngine, quando um plugin de segurança bloqueia o admin-ajax que salva os campos, ou quando a regra de acesso de um Custom Content Type nega a operacao.

Atenção

Como corrigir erros de tradução de templates entre Elementor e WPML no WordPress

A tradução com Elementor WPML falha quando templates da biblioteca, cabeçalhos, rodapés e layouts do Theme Builder não são enviados para o Painel de Tradução do WPML, continuam exibindo o idioma original ou perdem a tradução após o template original ser editado.

Grave

Como corrigir o conflito entre Elementor e WP Rocket no WordPress

O conflito entre Elementor e WP Rocket aparece quando a otimização de JavaScript e CSS do cache atinge os arquivos do construtor: o editor do Elementor não abre, o layout quebra no frontend ou widgets e icones somem ao limpar o cache. A causa não e bug de nenhum dos dois, e otimização agressiva sobre o que o Elementor precisa.

Setores

Extensões

Integrações

Como corrigir o JetTricks que não aplica efeitos no Elementor

O que é JetTricks que não aplica efeitos no Elementor?

Como identificar

Como prevenir

Causa

Como resolver

Perguntas frequentes

Itens relacionados

Como corrigir erros de compatibilidade entre o Elementor e o PHP 8.3

Como corrigir o Clone Field que não duplica campos no ACF PRO

Como corrigir a Options Page que não salva no ACF PRO

Como corrigir o erro de permissão ao criar Custom Fields no JetEngine

Como corrigir erros de tradução de templates entre Elementor e WPML no WordPress

Como corrigir o conflito entre Elementor e WP Rocket no WordPress

Setores

Extensões

Integrações

Extensões

Hero Sections

Seções de CTA

Login

Blog

Cabeçalhos

Seções de FAQ

Cadastro

Blog individual

Rodapés

Seções de contato

Seções de preços

Faixas

Portfólio

Seções de equipe

Números

Logotipos