Elementor Integration

What is Elementor integration?

Connect your Elementor-powered WordPress website with AnyTrack to automatically track form submissions, leads, and multi-step forms. This integration collects visitor data and conversion events from your Elementor forms.

This video shows how to set up the webhook, add the required parameters to your Elementor form, and inspect your conversion data.

Play YouTube video

Why use Elementor integration?

• Accurate conversion tracking: Collect every lead and form submission automatically
• Better attribution: Connect form submissions to their traffic sources
• Improved ROAS: Make data-driven decisions with complete conversion data
• Streamlined setup: Use webhooks (automated data transfers) to send form data directly to AnyTrack

🚧

WordPress

If you’ve added the AnyTrack affiliate plugin or WooCommerce plugin, jump to the Step by step guide.

❗

AnyTrack Tag required

The Elementor integration only works when the AnyTrack Tracking Tag is installed in the head section of your website, funnel, or landing pages. Learn how to Install the AnyTrack Tag on your website.

Technical details

Elementor integration: technical details

Supported features	Elementor
Plan Ad platforms need Starter or higher.	All plans
AnyTrack Tag	Required
Tracking method Via Webhook	Server-side tracking
Setup method	Webhook URL
Conversions tracked	Lead
Event attributes	Customer Data Event Data Product Data
Conversion Mapping Rename or turn off events.	Yes
Combined Orders Groups upsells with the purchase.	No
Tracking Group Integration reference for AutoTag.	elementor
Tracking parameter Carries the click_id.	click_id

About Elementor

Elementor is a drag-and-drop website builder for WordPress.

Elementor’s form widget allows marketers to:

• Set custom webhooks (automated data transfers to external services)
• Add over 20 different field types, including hidden fields
• Create powerful lead collection forms

📘

Requirements

1. Elementor Pro (webhooks are only available in Elementor Pro)
2. The AnyTrack Tag installed in your website’s head section

📘

Good to know

Once set up, all pages and sections of your website will be tracked automatically.

Step by step guide

Step 1: Add AnyTrack Tag to your website

Install the AnyTrack tracking tag in your website’s head section to enable conversion tracking. This tag will collect visitor data and click IDs automatically.

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 in the code section
6. Make sure Location: Head is selected
7. Click 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, then click Install
3. Click the webhook URL to copy it to your clipboard

💡

What’s a webhook URL?

A webhook URL is a unique web address that receives data automatically when someone submits your form. Think of it as a mail slot that receives form data and sends it to AnyTrack.

Step 3: Configure Elementor Form

📘

Note

This step assumes you have a working WordPress + Elementor website with a configured form that you want to track.

1. Edit the page where your form is located
2. Edit the form to reveal its settings
3. Open Actions After Submit Settings
4. Select the Webhook option
5. Open the Webhook settings
6. Paste the webhook URL you copied in Step 2
7. Enable the Advanced Data option

Advanced Data allows Elementor to include more details in the form data

8. Save and Publish your form

Step 4: Configure the Elementor Form fields

1. Add a new field
2. Select Hidden as the field type
3. Set Label to: click_id
4. Open the Advanced tab and set Default Value to: --CLICK-ID--

AnyTrack reads the click ID from the Label, so you do not need to change the field ID.

💡

What’s a click_id?

A click_id is a unique identifier that tracks where each visitor came from. The --CLICK-ID-- placeholder automatically collects this information when someone visits your page.

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

🚧

Reminder

All parameters are case-sensitive. Use exact spelling: firstName not firstname.

Step 5: Rename event (Optional)

By default, Elementor forms appear in AnyTrack as Lead events. To rename the conversion:

1. Navigate to Integrations > Elementor > Integration tab > Integration Events
2. Select a conversion name from the dropdown menu

❗

Avoid FormSubmit

Don’t rename the integration event as “FormSubmit” - this will create duplicate events since Elementor forms automatically generate FormSubmit Engagement events.

Step 6: Form Redirect (optional)

To redirect users after form submission with tracking data:

1. Add a Redirect form action
2. Add your redirect URL
3. Include parameters you want to send:

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

Validation

Test your form to verify data passes correctly:

Send Elementor Leads to Your CRM

If your Elementor form feeds a CRM, the Elementor lead is attributed on its own, but the CRM-side events (new contact, lead stages, deal progression) land under Unknown unless the Click ID travels with the lead into the CRM.

Elementor and your CRM keep the Click ID in fields with different names. The Tracking Tag puts the Click ID in the click_id hidden field from Step 4. Your CRM reads it from its own field. When you send the lead to the CRM, map the click_id value into that field:

Destination CRM	Map click_id into
HubSpot	the AnyTrack Click ID property (parameter atclid)
GoHighLevel	the _atid custom field
LeadByte	c3
Any custom CRM	a custom field you create

The diagram shows the two paths of one Elementor lead that goes to GoHighLevel. The Elementor Lead is attributed on both paths. The GoHighLevel events are attributed only when the click_id value reaches the _atid custom field.

Elementor to GoHighLevel: One Click ID, Two Field Names

Elementor keeps the Click ID in the click_id field. GoHighLevel reads it from the _atid custom field. If nothing maps one into the other, the GoHighLevel events land under Unknown.

1 Visitor lands on your WordPress page

WordPress Tracking Tag fires

The Tracking Tag collects the Click ID. It replaces --CLICK-ID-- in the click_id hidden field with the Click ID value.

• click_id

2 Visitor submits the Elementor form

Elementor AnyTrack

The Elementor webhook sends the lead to AnyTrack with click_id. AnyTrack attributes the Elementor Lead.

• click_id

Does the GoHighLevel contact get the Click ID in _atid?

Click ID mapped into _atid

3 Contact created in GoHighLevel

GoHighLevel

Your webhook or automation maps click_id into the _atid custom field.

• click_id → _atid

4 GoHighLevel events → AnyTrack

GoHighLevel AnyTrack

AnyTrack collects the GoHighLevel events and reads the Click ID from _atid.

• _atid

Click ID not mapped

3 Contact created in GoHighLevel

GoHighLevel

The contact has no _atid value.

• _atid

Nothing maps click_id into _atid, so the Click ID stops at Elementor.

4 GoHighLevel events → AnyTrack

GoHighLevel AnyTrack

The events arrive with no Click ID to match.

• _atid

Both paths return to AnyTrack

Attributed GoHighLevel events

AnyTrack matches the Click ID to the ad click and credits the campaign.

Unknown

The Elementor Lead stays attributed. The GoHighLevel events land under Unknown.

Shared start:

1. Visitor lands on your WordPress page. Tools: WordPress. Tracking Tag fires. The Tracking Tag collects the Click ID. It replaces --CLICK-ID-- in the click_id hidden field with the Click ID value. Data: click_id (present).
2. Visitor submits the Elementor form. Tools: Elementor, AnyTrack. The Elementor webhook sends the lead to AnyTrack with click_id. AnyTrack attributes the Elementor Lead. Data: click_id (present).

Does the GoHighLevel contact get the Click ID in _atid?

Path 1, working path: Click ID mapped into _atid.

3. Contact created in GoHighLevel. Tools: GoHighLevel. Your webhook or automation maps click_id into the _atid custom field. Data: click_id → _atid (present).
4. GoHighLevel events → AnyTrack. Tools: GoHighLevel, AnyTrack. AnyTrack collects the GoHighLevel events and reads the Click ID from _atid. Data: _atid (present).

Path 2, broken path: Click ID not mapped.

3. Contact created in GoHighLevel. Tools: GoHighLevel. The contact has no _atid value. Data: _atid (missing). Break point: Nothing maps click_id into _atid, so the Click ID stops at Elementor. The connection to the next step breaks here.
4. GoHighLevel events → AnyTrack. Tools: GoHighLevel, AnyTrack. The events arrive with no Click ID to match. Data: _atid (missing).

Both paths return to AnyTrack

Path 1 result: Attributed GoHighLevel events. AnyTrack matches the Click ID to the ad click and credits the campaign.

Path 2 result: Unknown. The Elementor Lead stays attributed. The GoHighLevel events land under Unknown.

Two field names, one value. The click_id field and the _atid custom field hold the same Click ID. Map click_id into _atid when you create the contact in GoHighLevel.

• AnyTrack Tracking Tag
• Click ID mapped → attributed
• Click ID not mapped → Unknown
• Break point

Applies to Elementor forms that send leads to GoHighLevel.

⚡

Using Zapier or Make?

If an automation sends your Elementor leads to the CRM, map Elementor’s click_id value into the CRM field above. For HubSpot, map it into the AnyTrack Click ID property. Without it, the contact is created server-to-server with no Click ID and cannot be attributed.

If your Elementor forms send leads to GoHighLevel and you do not use the Elementor integration, see GoHighLevel and Elementor. For the full pattern across every platform, see Pass the Click ID from External Forms to Your CRM.

Related Resources

• Advertising Integrations
• Events Log

FAQ and Troubleshooting

FAQ was last reviewed on 2026-10-05

I don't see the webhook option in my form. What should I do?

The webhook option is only available with an Elementor Pro license. You'll need to upgrade to Elementor Pro to use this integration.

I use a different form provider in Elementor, what should I do?

Follow the Custom Integration instructions instead. This will work with any form provider that doesn't have built-in webhook support.

How do I add my AnyTrack webhook if I already have a Zapier webhook in my Elementor form?

If the Elementor form webhook is already set with Zapier, you will need to add the AnyTrack webhook in your Zapier workflow and map the parameters received in your form to the AnyTrack Event Parameters.