Affiliate Disclosure: Some links on this website are affiliate links. We make commissions for purchases made through those links.
We only recommend items/tools that we've personally used and like.
In this article we're going to discuss how to track events and conversions in Elementor. Collecting this data allows you to Better understand your users, their interests, how they use your website, and more. From it, you can improve your site - lowering bounce rates, and increasing conversions/revenue.
We're going to cover why exactly you would want to track events and conversions in Elementor, the analytics tools that allow you to collect this data and the plugins that integrate the analytics tools with your WordPress website.
We're also going to discuss how to add event tracking to an Elementor form, and Elementor button clicks, the two most common implementations of event tracking in with this Pagebuilder.
Adding event tracking is fairly easy with Elementor and the tools which we'll be discussing in this article. Let’s jump right in.
Event tracking allows you to have a holistic picture of user behavior on your website. An event refers to anything that is done by a user after a page loads. For example, this could include a download of a PDF file, playing a YouTube video (you can even figure out how long they watch this video for), clicking a button, submitting a form, or buying a product.
If you know what you can do, you can optimize your website to have a much higher conversion rate, allowing you to generate more leads/conversions/revenue in the long term, and have happier customers.
Here's a hypothetical example. If you have a sales page with multiple call to actions on it, and your event tracking says that a visitor spends an average of one minute and 30 seconds on a page before clicking only on the second call to action, you can infer that the rest of your page may need to be redone to help drive more clicks. You may also want to remove the additional call to actions as they could be distracting.
Another example would be if you are selling products on a website. Say you are a shoe store, and you notice that the majority of the visitors are clicking on shoe sizes between size 10 and 12. this could help you manage your inventory, and purchase more of these sizes to ensure that you don't run out of stock. You can also track the action that a user takes to get to the individual product page for issue, and what drives them to click on the buy now button.
If you run advertisements on Google, Facebook, or any other platform, you can use event tracking to figure out which ads are working, if they are working in the intended way, and how you can improve your campaign delete to more conversions and bolster your return on investment.
Essentially, Collecting more data can help you make your website more effective. This can be done on a small scale, or on a major scale. You could use this event tracking an Elementor to only figure out how many times a form has been submitted, or track every single interaction and click on your website, it's up to you.
With the tools and plugins that we're going to talk about in the next couple of sections of this article, you'll come to know that it's very easy to create and track events and conversions on an elementary website. You definitely need the right tools, but once you have them, event tracking on Elementor is a piece of cake.
In the coming section, we are going to introduce the platforms that allow us to actually collect the event data and the plugins that allow us to integrate these platforms into an Elementor website. we're also going to offer a couple of tutorials on how to add event tracking to an Elementor form, and how to add event tracking to an Elementor button using both of these analytics platforms, and collection of free and paid plugins.
The two most common analytics platforms that allow you to track individual events on an Elementor website are both free. Our favorite event tracking tool is offered by Google, and Facebook also has event tracking.
Google offers a robust analytics platform Google Analytics and Google Tag Manager tools. This is our go to platform when it comes to event tracking on any website, and it integrates well with WordPress and Elementor. Google tag manager is also dead simple to figure out when it comes to creating and installing individual events and tracking on to your website.
If you're looking for a general event tracking solution for an Elementor website, this should be your go to.
Facebook Pixel is great for tracking events especially if you run Facebook advertising campaigns for your Elementor site. Facebook pixel event tracking on Elementor allows you to accurately calculate the return on investment of these campaigns, while also offering data that will help you optimize your website to be more successful.
Here's a chart that shows you the basic events that you can track with a Facebook pixel on Elementor. Keep in mind, you can also set up your own custom events through Facebook pixel.
If you're more privacy oriented, and would like a self hosted event tracking solution for a WordPress or Elementor website, Matomo WordPress event tracking is a good alternative to Facebook and Google.
If you're interested, we will be publishing a tutorial very soon on how to track common events on a WordPress website using Matomo. Subscribe to our mailing list to be notified when that tutorial goes out.
With any event tracking analytics solution, you would add a Snippet of code to each element that you needed to track on your website. for example, with a Facebook pixel , if you wanted to track a button click the underlying HTML would look something like this:Order Now
As with all of our elementary tutorials, we're going to introduce you to some free solutions and some premium solutions. At the end of this section, we're going to recommend a plugin to run with, and then show you a couple of tutorials on how to integrate event tracking into an elementary website using this tool.
The first element were of interacting plugin on this list is called ThePlus Addons. You may have heard of this add-on pack before and that's because it's a very popular offering. as you may infer, it's not specifically dedicated to event tracking with Elementor, but an aspect of this add-on plugin is called the “Conversion Event Tracker for Elementor”.
As its name suggests, and allows you to track conversion events in Elementor, integrating directly with Google Analytics and Facebook Pixel.
We like ThePlus because it has a very robust conversion event tracker for Elementor, but it doesn't just end at that. They have a collection of over 100 individual widgets that you can use to bolster both the functionality and design of any Elementor website, and that's the reason why they ended the top of our “Best Elementor Addons List”.
Another great event tracking plugin for Elementor is called “Events Tracker for Elementor”. This is a standalone plugin that fulfills the sole role of integrating your website with the two leading analytics tools, and is 100% free from the WordPress repository.
Because it's free, it doesn't support as many Elementor widgets, but it covers the most popular ones such as buttons, forms, and images.
If you're looking for example and free to add event tracking to an Elementor website using buttons, icon lists, images, headings, and forms, this offering is something that you should be considering. Keep in mind, it's the only free one in this article, and that's because it's somewhat difficult to code you plug in that allows you to directly integrate your Elementor website with Facebook or Google event tracking.
What's neat about this tool is that it also allows you to integrate with additional analytics platforms such as Yandex (the leading Google competitor in Russia) and Google Ads. Yandex is a great neat platform in that it also allows you to track user scroll positions and generate rudimentary heat maps.
Furthermore, this plugin has promised that they will be adding additional widgets to their event tracking lineup, such as sliders and call to actions. However, this has been in the works for many months now, so there's no official launch date for any of these features.
Elementor Tracker – Track events using Elementor Is another events tracking solution for Elementor that allows you to integrate with both Facebook and Google offerings. This looks to be an incredibly simple plugin, though it isn't one that we have used in the past period for this article we purchased a $13.00 license and installed it on a test website to figure out how it works for you.
There are three decent offerings out there when it comes to event tracking plugins for Elementor. Our recommendation would definitely be the plus add-ons. Keep in mind, this isn't a free solution, but in our opinion it's the one that offers the best value.
That's because when compared to the other two plugins on the list, it has many more features. its conversion tracking aspect is only one of over 300 individual widgets and utilities that come with this add-on pack. This is the main reason why we included it as one of our favorite Elementor add-ons in our right up from a couple of months ago, because it offers so many unique utilities that can't be found with any other plugin or add-on pack out there.
You may be thinking, “oh but it's an incredibly expensive solution if it has over 300 individual widgets and a fully featured event tracking utility integrated into the base plugin”.
Actually, ThePlus only costs $39.00 for a single site license, which is far outside of the average price range for an Elementor add-on pack which hovers between 49 and $69 per year.
Even better, this addon pack comes with a lifetime license, meaning that if you expect to use it for over three years, this is the most valuable option available.
Of course, we understand that not everybody can shell out $39.00 for an add-on pack, so our next section of this article (the one where we discuss how to add actual event tracking to individual elements on an Elementor website) will discuss using both ThePlus as well as the free “Events Tracker for Elementor” plugin.
For both of these examples, we are going to discuss how to add a Google analytics custom event to the individual Elementor element. The workflow of creating and adding this event is very similar between both Facebook and Google, and as we stated before, Google is our recommended events manager when it comes to everything but Facebook advertisement ROI calculation.
One of the most common applications of event tracking when it comes to Elementor is there built in form that comes with the pro version of the plugin.
By using event tracking, we can understand exactly when a user submit the form, and the pages and steps that they completed before doing so.
We want to track exactly when the user clicks the “submit” button on an Elementor form. to do this, we are going to set up a Google event that will be toggled every time somebody clicks on that individual form button and successfully submits their message.
We can track this by using the free plugin Events Tracker for Elementor. Simply add your Elementor form, and then Scroll down to the bottom of the initial settings page found in the Elementor editor, and click on events tracking. Here you can setup and integrate any events tracking snippets from the supported analytics platforms. In this example, we're using Google analytics.
Switch the “Track with Google Analytics (analytics.js)” from no to yes. Then, specify your event category, action and label.
if you're trying to track form submissions using ThePlus, You first need to turn on the events tracking utility from the back end page.
Once that is turned on, load the Elementor editor for the page that your form is on. On these settings for the form, navigate to the advanced tab, and click on “ThePlus Events Tracking”.
Another common event that people like tracking on their Elementor websites is when visitors click on individual buttons. This could be helpful to understand your user behavior on specific pages, and see if buttons that need to be getting clicked on are actually getting their clicks. From that data, you can then refine your website to result in more conversions.
You can also assign a dollar value to each button click, which would help you forecast your revenue for the month period for example, if you know that the conversion rate after somebody clicks on that individual button is 2%, and your final sale is $10, you could 20 cent value to each button click.
If you're looking to add events to each individual Elementor button, the workflow is the same as the form.
Simply add your button, scroll to “events tracking” in the menu, enable the individual platform that you want to use to track events, and set up the data and labels.
Under advanced settings, simply toggle on the Google analytics or Facebook pixel option, and enter the respective data.
We hope that this article proved to be a valuable resource to you and your quest to add event tracking to Elementor. There are multiple ways to do this, multiple analytics platform that actually allow you to track the events, and multiple plugins that allow you to integrate those analytics platforms with event tracking an Elementor widgets.
As always, if you have any questions about event tracking or conversion tracking in Elementor, reach out in our comment section.
Expertly curated emails that will help you generate more income through good design.
Expertly curated emails that will help you generate more income through good design.