Add Onclick Event To Elementor Button (Tutorial)

How To Add Onclick Event To Elementor Button

How to Track “Button onClick” Event (for Facebook Pixel, Google Analytics or Google Tag Manager)

If you’re running ads on Facebook (Meta) Ads, then you may be interested in adding an onclick event to your buttons in Elementor to track your conversions, sales, and leads.

To do that, follow these steps:

Follow these steps to track button onClick events:

• Edit Button > Advanced > set CSS ID = My_Button
• Add an HTML widget to the page (after the button will be fine)
• Paste the following code into the HTML Code field:

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

Add the following CSS to your sites custom CSS region. This may be in your Theme Customizer, Site Settings, Custom Code, or child theme.

---