fbpx

Como adicionar evento onclick no Elementor

Entenda como fazer a configuração do evento onclick no Elementor a partir de um Widget de Botão
evento onclick no elementor
Compartilhar no whatsapp
Compartilhar no telegram
Compartilhar no twitter
Compartilhar no linkedin
Compartilhar no facebook
Compartilhar no pinterest
Compartilhar no email
Compartilhar no reddit

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)

Siga essas etapas para adicionar evento onclick no Elementor em Botões

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”

Adicione um widget HTML

Se possível logo após o widget do Botão

Cole o código abaixo no widget HTML

document.addEventListener("DOMContentLoaded", function(event) {
jQuery('#My_Button a').click(function(){
// tracking code here
// for example Facebook Pixel:
fbq('track','AddToCart');
});
});

Visualize e teste

Não esqueça de salvar a página

Caso encontre algum erro no Elementor, consulte nosso Guia de Erros do Elementor.

Fonte: https://elementor.com/help/button-widget/

Arte de Capa por Vanja Matijevic

Fellipe Soares

Graduado em Análise e Desenvolvimentos de Sistemas, ajuda empresas e profissionais liberais na criação de soluções com WordPress desde 2011.

Facebook | Instagram | LinkedIn | Blog

Deixe um comentário

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

Ei!!! Fuja de licenças piratas!

Adquira uma licença original do Elementor PRO e fique em paz com a segurança do seu site!