Blog da Amicatek

Como adicionar evento onclick no Elementor

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.

Events Tracker For Elementor
Você pode baixá-lo diretamente no site de Plugins do WordPress e fazer o teste.
Este artigo te ajudou? Faça uma avaliação usando as Estrelas
Fellipe Soares

Fellipe Soares

Bacharel em Sistemas da Informação, trabalha há mais de 10 anos com WordPress na criação de soluções para empresas e profissionais liberais.

Inscreva-se para receber novidades

Tenha em primeira mão conteúdos especiais sobre WordPress

Deixe um comentário

O seu endereço de e-mail não será publicado.

Saiba mais sobre