Search Knowledge Base Articles

Elementor Form Sync Instructions

Elementor Form Sync Step-By-Step

Quick Setup Guide

Follow these six steps to connect your Elementor forms to TruDriveSync:

Step 1: Enable Elementor Integration

  1. Log in to your TruDriveSync admin panel
  2. Navigate to Setup → FormSync → Settings
  3. Find the Elementor section
  4. Check "Enable Elementor Integration"
  5. Click Save

Step 2: Create a Form Configuration

  1. Go to Setup → FormSync → Form Configurations
  2. Click Add
  3. Fill in the configuration details
  4. Click Save
  • Name
    Provider
    Type
    required
    Description

    Select "Elementor"

  • Name
    Form Name
    Type
    required
    Description

    e.g., "Contact Form" or "Newsletter"

  • Name
    Form ID
    Type
    required
    Description

    e.g., "contact" or "newsletter" (keep it simple)

  • Name
    Target Type
    Type
    required
    Description

    "Lead" or "Customer"

  • Name
    Webhook Secret
    Type
    optional
    Description

    Recommended for security

Step 3: Copy the Webhook URL
  1. Find your configuration in the list
  2. Click the copy button (📋) next to the Webhook URL
  3. The URL looks like:

Step 4: Configure Webhook in Elementor

  1. In WordPress, edit the page with your Elementor form
  2. Select the form widget
  3. Go to the "Actions" tab in the widget settings
  4. Enable the "Webhook" action
  5. Paste your webhook URL into the "Webhook URL" field
  6. (Optional) Enable "Advanced Data" for more detailed payload structure
  7. Click "Update" to save the page
  8. Publish your page (changes only take effect on published pages)

Step 5: Map Your Fields

  1. Submit a test form on your WordPress site
  2. Go back to Form Configurations in TruDriveSync
  3. Click the chain icon (🔗) next to your form
  4. Wait for fields to load
  5. Map each form field to a CRM field
  6. Click Save

*If no fields appear in the mapping interface, submit a test form first. Fields are discovered from actual submissions.

Step 6: Test Your Setup

  1. Submit a test form on your WordPress site
  2. Go to Setup → FormSync → Logs
  3. Verify your submission appears with "Success" status
  4. Check that a Lead/Customer was created in your TruDriveSync

Additional Information:

Elementor Data Format

Elementor sends form data in a structured format. The exact structure depends on whether you're using Standard or Advanced Data mode:

Elementor Webhook Headers

When Elementor sends a webhook, it includes these headers:

  • Name
    Content-Type
    Type
    string
    Description

    application/json

  • Name
    User-Agent
    Type
    string
    Description

    Elementor/version

Security

To verify that webhooks are genuinely from Elementor, FormSync can validate the signature: Set a Webhook Secret in your form configuration Add the same secret in your Elementor webhook settings (if supported) FormSync will automatically verify the signature If the signatures don't match, the submission is rejected.

Frequently Asked Questions

Do I need Elementor Pro?

No, the webhook action is available in both free and Pro versions of Elementor.

Can I connect multiple Elementor forms?

Yes! Create a separate form configuration for each form. Each form gets its own Form ID, webhook URL, and field mappings.

What's the difference between Standard and Advanced Data mode?

Advanced Data provides more detailed payload structure with field metadata. Standard mode works fine for most cases and is simpler to work with.

Can I use both email notifications and webhooks?

Yes! Elementor allows multiple actions, so you can keep email notifications and add the FormSync webhook as an additional action.

Why isn't my webhook sending?

Check these common issues:

  1. Webhook not enabled — Verify webhook action is enabled in form widget
  2. URL incorrect — Check webhook URL is pasted correctly (no extra spaces)
  3. Page not published — Ensure form is published, not just in preview
  4. Test with simple form — Try with a basic form first to isolate issues

My submissions are showing as "Failed" — what's wrong?

Check these common causes:

  1. Field mappings not configured — Set up field mappings in Form Configurations
  2. Provider not enabled — Enable Elementor in Settings
  3. Form configuration disabled — Ensure "Enabled" is checked
  4. Webhook URL incorrect — Verify the URL in Elementor matches the one in FormSync
  5. View the error message in Logs for specific details

What happens if someone submits the same form twice?

FormSync automatically detects duplicates by email address. The second submission will be held in Pending Review for you to approve or ignore.

Can I change a form from creating Leads to Customers?

Yes! Edit your form configuration and change the Target Type. This only affects new submissions going forward.

Did you find this article useful?

Related Articles