Knowledge Base
BlogIntegrationsSign inSign up

Elementor via Zapier Webhook

how to integrate Elementor form with AnyTrack via Zapier

Suggest Edits

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 pixels 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 <head> 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

❗️

IMPORTANT

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:

{
  "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.

Updated 4 days ago