Link Click Tracking

Hey @belmux ,

The best option is to get Elementor Pro since you can edit data attributes on elements directly: https://elementor.com/help/custom-attributes-pro/

But if that’s not an option, you can create your button, and set its visibility to hidden.

Then save the page, view the page in the browser, and copy the HTML source of the button.

Then go back to the editor, and paste that HTML into an HTML element, adding the data-apply-tags=”” attribute.

You need to keep the actual Button element on the page, hidden, otherwise Elementor won’t output the necessary CSS.

But that should let you do the link click tracking on a button element in Elementor Free ??

Thank you very much for such a quick reply. I’m afraid Elementor Pro might slow down the page, so I’d rather stick with Elementor Free itself, which already loads enough code.
I haven’t found another plug that is lighter and would only give an attribute option.

I tried to follow your instructions, but at the same time I’m not a very technical person, so ran into problems. There is maybe some instruction (preferably a video) to follow these steps:
1. But if that’s not an option, you can create your button, and set its visibility to hidden.

Here I need to go responsive and give “hide on pc, tablet, mobile”?

2. Then save the page, view the page in the browser, and copy the HTML source of the button.

Especially this 2nd problem. I don’t know which code to copy. I clicked “inspect element” and searched for the button, but I don’t know what exactly I need to copy to make it work.

To make it easier, first create the button not hidden. And then you can right click on it and inspect the HTML and copy it. Then make the button hidden later.

Unfortunately…. if you’re having a hard time understanding the HTML structure of the page, that’s beyond the kind of support we can give.

You can see some training resources here on debugging HTML with the Chrome browser: https://www.ostraining.com/blog/webdesign/chrome-dev-tools/

Once you’ve copied the button HTML and added the attributes then you can make the original button hidden by choosing “hide on pc, tablet, mobile”.

Good luck ??

You are awesome! Thank you, I managed to do it. The link that was shared explains very nicely what exactly I should copy. Later, using CSS, I created exactly the same button design as I had before and everything looks identical, just with the functionality I wanted to achieve.

regards