O Elementor é o construtor de páginas mais utilizado atualmente no WordPress. Ao todo soma mais de 10 milhões de instalações ativas o que é um número muito expressivo. Uma das dificuldades no Elementor atualmente é associar o evento onclick no Elementor.
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.
Muitos serviços como o Google e Facebook utilizam e recomendam para melhorar a aferição de métricas em serviços como Anúncios.
Como utilizar o evento onclick no Elementor em um Botão (para o Facebook 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
document.addEventListener("DOMContentLoaded", function(event) {
jQuery('#My_Button a').click(function(){
// código de rastreamento aqui
// exemplo, Facebook Pixel:
fbq('track','AddToCart');
});
});
3. Cole o código abaixo no widget HTML
Caso encontre algum erro no Elementor, consulte nosso Guia de Erros do Elementor.
Fonte: https://elementor.com/help/button-widget/
Eventos de Conversão no Elementor com Plugin
Uma forma de gerar conversões no Elementor através de um plugin é utilizando o Events Tracker for Elementor. Este plugin é gratuito. Sua versão básica oferece a possibilidade de adicionar conversões e elementos bastante utilizados como Botões, CTAs e Formulários.
