# Elementor via Zapier Webhook
> Get answers about elementor zapier webhook. Understand the key concepts and how they apply to your conversion tracking setup for optimal performance and tracking accuracy.
This guide explains how to connect your Elementor form with AnyTrack when your Elementor Webhook field is already used by Zapier Webhook.
## **How the Elementor Integration via Zapier Webhook Works:**
### **The Complete Data Flow:**
1. **Visitor Interaction & Tracking Setup**
* Visitor clicks on your ad (Facebook, Google, etc.)
* AnyTrack captures campaign data and assigns a unique `click_id`
* Visitor lands on your website with the AnyTrack tracking tag active
2. **Form Submission & Data Capture**
* User submits your Elementor form with customer information
* The hidden `click_id` field automatically captures the AnyTrack identifier
* Form data (including click_id) is sent to Zapier's catch webhook
3. **Zapier Processing & Routing**
* Zapier receives the complete form submission data
* Zapier formats and posts the data to AnyTrack's Elementor webhook URL
* Additional workflow actions continue (CRM updates, email notifications, etc.)
4. **AnyTrack Attribution & Enrichment**
* AnyTrack matches the `click_id` with the original ad click data
* Conversion is attributed to the correct campaign, ad set, and ad
* Customer data is enriched with traffic source and attribution information
5. **Real-Time Conversion API Distribution**
* AnyTrack instantly sends the enriched conversion data to connected ad platforms
* Facebook Conversion API, Google Ads, and other Tracking Tags receive the lead event
* Ad algorithms optimize based on accurate attribution data
### **Key Benefits of This Flow:**
* ✅ **Accurate Attribution**: Links form submissions back to specific ads
* ✅ **Rich Customer Data**: Preserves all form fields for enhanced targeting
* ✅ **Real-Time Optimization**: Ad platforms receive conversion data instantly
* ✅ **Flexible Automation**: Zapier continues your existing workflows
* ✅ **Cross-Platform Tracking**: Single setup works across all connected ad accounts
This integration ensures that every form submission is properly attributed to your marketing efforts while maintaining your existing Zapier automation workflows.
## Get started with the Elementor via Zapier integration
### **Step 1: Configure Elementor Form Tracking**
**Follow AnyTrack's Elementor Form Tracking Guidelines:**
* Add a **hidden field** in your Elementor form with name `click_id`
* Set the default value to capture the AnyTrack click ID: `--CLICK-ID--`
* Ensure the AnyTrack tracking tag is installed in your website's `` section
### **Step 2: Set Up Elementor Integration in AnyTrack**
1. **Navigate to Integration Catalog** in your AnyTrack dashboard
2. **Search for "Elementor"** and install the integration
3. **Copy the webhook URL** provided by AnyTrack
Keep this webhook URL handy - you'll need it for Step 3
### **Step 3: Update Your Zapier Workflow**
**Modify your existing Zap:**
1. **Keep your current trigger** (Elementor form submission)
2. **Add a new action step** between your trigger and existing actions
3. **Select "Webhooks by Zapier"** as the app
4. **Choose "POST"** as the action
5. **Paste the AnyTrack webhook URL** from Step 2
6. **Configure the payload** with your form data
### **Step 4: Map Essential Form Data**
**Required Parameters (Include all these):**
* `click_id`: Map from your Elementor form's hidden click_id field
* `event_name`: Set to "Lead" (or your preferred event name)
* `email`: Customer email from form
* `first_name`: Customer first name
* `last_name`: Customer last name
* `phone`: Customer phone number (if collected)
**Example Webhook POST Body:**
```json
{
"`click_id`": "ASDadaadsfas9df8a9sdf8",
"`event_name`": "Lead",
"email": "{{email_from_form}}",
"first_name": "{{first_name_from_form}}",
"last_name": "{{last_name_from_form}}",
"phone": "{{phone_from_form}}",
"event_value": "0",
"currency": "USD"
}
```
### **Step 5: Test and Validate**
1. **Test your Zap** with sample data
2. **Submit a test form** on your website
3. **Check AnyTrack's Event Log**:
* Go to Integrations → Elementor → Event Log
* Verify the conversion appears with all customer data
4. **Confirm data flow** continues to your other connected apps
### **Step 6: Optimize Data Parameters**
**Include these additional parameters for better attribution:**
* `transaction_id`: Unique identifier for the lead
* `user_agent`: Browser information (if available)
* `ip_address`: Visitor IP (if captured)
* `referrer`: Page referrer information
* `utm_source`, `utm_campaign`, `utm_medium`: If available from form
### **Pro Tips for Success:**
✅ **Data Validation**: Test with real form submissions to ensure click_id is properly captured
✅ **Event Mapping**: Configure your AnyTrack event mapping to match your ad platform requirements
✅ **Error Monitoring**: Check AnyTrack's integration event log for any errors or missing data
✅ **Attribution Window**: Ensure your form submissions happen within a reasonable time after ad clicks
## Troubleshooting steps
* **Missing click_id**: Verify the hidden field is properly configured in Elementor
* **Failed webhook calls**: Check that the AnyTrack webhook URL is correctly pasted
* **Data not appearing**: Confirm all required parameters are mapped in your Zap
* **Attribution issues**: Ensure visitors complete forms on the same device/browser as ad clicks
This flow maintains your existing Zapier automation while properly feeding conversion data to AnyTrack for accurate attribution and ad optimization. The click_id is the crucial element that connects your ad clicks to form submissions for proper attribution reporting.
## Related Articles
* [Digistore24 Server Tracking](/docs/digistore24-merchants)
* [PayKickstart via Zapier](/docs/paykickstart-via-zapier)
* [Track Conversions with Zapier](/docs/how-to-use-zapier-webhooks-to-track-conversions)