Elementor integration guide

In this guide, you will learn how to connect your Elementor powered wordpress website with AnyTrack and track form submissions, leads, and multi-step forms.

🚧

Wordpress Plugin

If you've added the Anytrack affiliate plugin or woocommerce plugin you can jump to the Step by step guide.

About Elementor:

Elementor is the leading website building platform for WordPress, enabling web creators to build professional, pixel-perfect websites with an intuitive interface.

Elementor's form widget is extremely powerful as it allows marketers to set custom webhooks and integrations and add over 20 different types of fields - including hidden fields.

📘

Requirements:

1. Elementor Pro (The Webhook feature is only available in Elementor Pro).
2. The AnyTrack Tag is set in the head section of your website.

👍

Good to know:

From now on, all pages and sections of your website will be tracked.

Step by step guide

Step 1: Add AnyTrack Tag to your website

1. From your WordPress dashboard select the Elementor Menu.
2. Click Custom Code .
3. Click New code
4. Name the code (e.g., AnyTrack Tag)
5. Paste the AnyTrack Tag Tag in the code section
6. Make sure the _Location: Head _option is selected
7. Click on Publish
8. Select Entire Site and Save

Step #2: Add the Elementor Integration in AnyTrack

1. Open the Integration Catalog and search for Elementor
2. Click the Elementor card and then the Install button.
3. Click the webhook URL to copy to clipboard.

Step 3. Configure Elementor Form

📘

Note:

This step assumes that you have a working website powered by wordpress + elementor, that you have a page with a configured form and that you want to track this form with Anytrack.

1. Edit the page where your form is.
2. Edit the form to reveal the settings.
3. Open Actions After Submit Settings
4. Select the Webhook option
5. Open the Webhook settings
6. Paste the Webhook URL you copied on Step 2.
7. Enable the Advanced Dataoption
8. Save and Publish your form

Step #3: Configure the Elementor Form fields

1. Add a field

2. Select: Hidden

3. Label: click_id

4. Set Default Value to: --CLICK-ID--

   

4. Update the fields to follow the supported Event Attributes such as email, phone, firstName etc...

🚧

Reminder:

All parameters are case-sensitive, so please follow the instructions meticulously.

Step 3. Rename event (Optional)

By default, Elementor forms will be tracked in AnyTrack as Lead events, if you want to rename the conversion, navigate to Integrations>Elementor>Integration tab>Integration Events and select a conversion name from the dropdown menu.

❗️

Prevent duplicate conversions

Since the Elementor form submission will automatically generate FormSubmit Engagement events on AnyTrack, do not rename the integration event as FormSubmit, otherwise you'll have duplicated events. (engagement event + conversion event).

Step #4: Form Redirect (optional)

1. Add a form action Redirect
2. Add the URL
3. Update the URL with the parameters you want to forward to the redirect

https://trafficker.io/elementor-thank-you-redirect/?clickid=[field id="field_6dc4d6d"]

Validation

Now let's test the form to verify that the data passes as expected.

FAQ and Troubleshooting

• I don't see the webhook option in my form. What should I do?
  • The webhook option is only available with an the Elementor Pro license
• I use a different form provider in Elementor, what should I do?
  • You should follow the Custom Integration instructions.