Atualizado em setembro de 2026.
O Elementor é um dos construtores de páginas mais usados no WordPress, com mais de 10 milhões de instalações ativas segundo o diretório de plugins do WordPress.org. Uma dúvida comum é como associar um evento onclick a um elemento do Elementor, geralmente para medir conversões.
O que é o evento onclick?
O evento onclick serve para que, no momento em que o usuário ou visitante realize um clique em determinado link ou botão, seja acionada uma função do Javascript.
Plataformas de anúncios e análise como Google Ads, Google Analytics e Meta (Facebook/Instagram) usam eventos de clique como esse para medir conversões com mais precisão.
Como utilizar o evento onclick no Elementor em um Botão (para o Meta Pixel, Google Ads ou Google Tag Manager)
1. Vá até Botão > Avançado > defina o “CSS ID”
Ao clicar no botão que deseja adicionar o evento onclick, clique nele e vá até a aba “Avançado” e preencha o campo “CSS ID” para um valor único. Exemplo: “My_Button”
2. Adicione um widget HTML
Se possível, logo após o widget do Botão.
3. Cole o código abaixo no widget HTML
O script espera a página carregar, encontra o link dentro do elemento com o ID definido no passo 1 e executa o seu código de rastreamento a cada clique. Ele usa JavaScript puro, sem depender do jQuery.
<script>
document.addEventListener('DOMContentLoaded', function () {
var botao = document.querySelector('#My_Button a');
if (!botao) return;
botao.addEventListener('click', function () {
// código de rastreamento aqui
// exemplo, Meta Pixel:
if (typeof fbq === 'function') {
fbq('track', 'AddToCart');
}
});
});
</script>Caso encontre algum erro no Elementor, consulte nosso Guia de Erros do Elementor.
Fonte: https://elementor.com/help/button-widget/
Rastreando cliques sem código: Google Tag Manager
Se o seu site já usa o Google Tag Manager (GTM), normalmente não é preciso colocar código no Elementor. Mantenha o CSS ID único do passo 1 e crie o evento no GTM:
- No GTM, ative as variáveis integradas de Clique (Click ID, Click Classes, Click Element).
- Crie um acionador Clique – Apenas links (ou Clique – Todos os elementos) que dispare em Alguns cliques quando Click Element corresponde ao seletor CSS
#My_Button a, #My_Button a *. - Associe esse acionador à tag de conversão do Google Ads, ao evento do GA4 ou à tag do Meta Pixel e teste no modo Visualizar antes de publicar o contêiner.
No Elementor Pro, o campo Avançado > Atributos permite adicionar atributos personalizados (por exemplo data-track|add-to-cart) a um widget. Isso ajuda quando você prefere que o GTM mire um atributo descritivo em vez de um ID.
E os plugins?
Antes recomendávamos o plugin gratuito Events Tracker for Elementor. Na data desta atualização, a página dele no WordPress.org avisa que o plugin não foi testado com as três últimas versões principais do WordPress, por isso não o indicamos mais para projetos novos. O CSS ID com um pequeno script, ou o Google Tag Manager, é uma opção mais leve e duradoura.
Precisa de ajuda para configurar o rastreamento de conversões ou corrigir um site em Elementor? Peça um diagnóstico gratuito para a equipe da Amicatek.