Event And Conversion Tracking In Elementor

Authored By: James LePage
Published On: August 9, 2020

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.

Event Tracking (source)

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.

Why Track Conversions and Events In Elementor?

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.

10 Ways You Should Be Using Google Analytics Event Tracking ...

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.

What Do You Use To Track Events In Elementor?

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.

Elementor Google Analytics Events 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.

Elementor Facebook Pixel Events Tracking

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.

Why Your Business Should Use the Facebook Pixel | ShipStation

Matomo WordPress Event Tracking

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

Of course, with Elementor, it's not possible to do this as you are using a visual website builder. In many cases, you may not be familiar with HTML or JavaScript. Because of that, there are several plugin solutions that allow you to automatically integrate your Elementor website with event tracking analytics services, and set up individual elements to toggle specific events. Let's cover the top Elementor event tracking plugins, and then show you a couple of examples of how you can use these event tracking plugins in your own website.

Event Tracking Plugins For Elementor

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.

ThePlus Addons

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.

It has compatibility with every Elementor Free, Elementor Pro, and ThePlus addon widget. It also allows you to easily add the tracking JavaScript that comes with the analytics tools into your website without needing to install any additional plugins to fulfill this purpose.

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”.

Events Tracker for Elementor

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.

WordPress Elementor Tracker - Track Analytics Events using Elementor

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.

Our Recommendation For Elementor Event Tracking

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.

Elementor Form Event Tracking

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.

Events Tracker for Elementor How To

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.

Keep in mind, this is just for an example, and on a production website we would most likely be using Google tag manager. To have any of these actually work, you will need to integrate the analytics or tracking platform directly into your WordPress website by inserting the respective JavaScript code into the head of the site. Here’s how to do that.

ThePlus How To

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”.

Then, enable the events tracking platform, and fill out the respective information. Again, you need to make sure that the actual analytics platform has been installed on your WordPress website by adding the respective JavaScript to the header. With ThePlus, this can be done by heading to backend settings and entering your code IDs:

Elementor Button Event 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.

Event Tracker For Elementor How To

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.

ThePlus How to

Under advanced settings, simply toggle on the Google analytics or Facebook pixel option, and enter the respective data.

Again, with both of these tools you need to ensure that the underlying analytics platform is actually installed on your website, which is done by adding JavaScript to the header of Elementor.

Conclusion

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.

Join Our Growing Mailing List Of Design Crazed Individuals

Expertly curated emails that will help you generate more income through good design.

You're in the club 💪.

Something went wrong.

Subscribe
Notify of
guest
1 Comment
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Eddie
Eddie
14 days ago

Great article!

I'm using Event Tracker For Elementor, and I'm having trouble to track the 'value' of an event in Google Analytics, since there is no 'Event Value' field to be filled in Event Tracker. There is only 'Event Category', 'Event Action' and 'Event Label'.

I'm using the 'Track with Google Universal Tag (gtag.js)' option to track clicks on buttons, the events are already being recorded in Google Analytics (so the integration is working properly), but I can't find a way to set a 'value' to these events, and Google Analytics is registering "zero" value to all these events.

I've set a 'goal' in GA, and my intention is to use the option 'Use the Event value as the goal value' (as explained here: https://support.google.com/analytics/answer/1032415 ), so that each button click could have a different value assigned to it.

Any help?! 😉

James LePage is the founder of Isotropic Design, a digital agency that builds WordPress websites. I read, write and design constantly!

Social Share

Crafting Stunning Digital Appearances & Assets Out Of New York.
Get In Touch
Syracuse, NY | Charlotte, NC | New York, NY
© 2020 Isotropic, LLC
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram

Join Our Growing Mailing List Of Design Crazed Individuals

Expertly curated emails that will help you generate more income through good design.

You're in the club 💪.

Something went wrong.