# Elementor Integration
> Track Elementor Pro form submissions with AnyTrack webhooks, hidden click ID fields, and server-side attribution for Meta, Google, and other ad platforms.
## What is Elementor integration?
Connect your Elementor-powered WordPress website with AnyTrack to automatically track form submissions, leads, and multi-step forms. This integration captures visitor data and conversion events from your Elementor forms.
## Why use Elementor integration?
* **Accurate conversion tracking**: Capture 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.
## About Elementor
Elementor is the leading website building platform for WordPress. It enables web creators to build professional, pixel-perfect websites with an intuitive drag-and-drop interface.
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 capture forms
```mermaid
flowchart LR
A[User Clicks Ad] --> B[Landing Page with AnyTrack Tag]
B --> C[Click ID Generated]
C --> D[Form Submission or Purchase]
D --> E[AnyTrack Receives Conversion]
E --> F["Ad Platform API (Facebook, Google, etc.)"]
F --> G[Conversion Synced for Optimization]
```
**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 capture 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
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. Set Default Value to: `--CLICK-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 captures this information when someone visits your page.
5. Update other fields to follow the supported [Event Attributes](docs: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
**** > > 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 forward:
```
https://trafficker.io/elementor-thank-you-redirect/?clickid=[field id="field_6dc4d6d"]
```
## Validation
Test your form to verify data passes correctly:
## Related Resources
* [Advertising Integrations](/docs/advertising-integrations) - [MediaGo Integration](/docs/mediago-ads-integration) - [Outbrain Integration Checklist](/docs/outbrain-integration-verification-checklist)
Custom Integration instructions instead. This will work with any form provider that doesn't have built-in webhook support."
},
{
question: "How do I add my AnyTrack webhook if I already have a Zapier webhook in my Elementor form?",
answer: "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."
}
]}
/>