How to Send Elementor Pro Forms Submissions to Webhook

Webhook is a integration platform. Elementor Pro Forms comes with powerful design tools but no built-in CRM or email integration. AFI bridges that gap to Webhook. Here is the full setup.

Why not just use Zapier?

For connecting Elementor Pro Forms to integration, a cloud automation service adds cost and a dependency on an external server. AFI runs on your site with no task limits.

What you will need

• A WordPress site with Elementor Pro installed and at least one Pro Form.
• A Webhook account.
• The Advanced Form Integration plugin (free from WordPress.org).

Connect Webhook to AFI

Webhook uses OAuth 2.0 for authentication. In AFI → Settings → Webhook, click Authorize and grant access. This is a one-time step.

Setting up the integration

1. Create a new integration

Go to AFI → Add New. Name it Elementor to Webhook.

2. Pick your trigger

Select Elementor Pro Form as the form provider and choose the form you want to connect. AFI detects the fields automatically.

3. Select Webhook as the destination

Choose Webhook from the platform dropdown and pick Send Webhook. This sends an HTTP POST to a webhook URL.

4. Map fields

Match each Webhook field on the left to the corresponding Elementor form field on the right. You can also use smart tags like {{_submission_date}} and {{utm_source}}.

5. Add conditions if needed

Only want to send certain submissions? Set up a conditional rule based on any form field value.

6. Save and test

Click Save Integration. Fill out your Elementor form and submit. Check Webhook to confirm the data arrived. If anything looks wrong, open AFI → Log to see the exact request and response.

Free vs Pro

The free version maps any JSON payload to Webhook with unlimited submissions. Pro adds custom headers and authentication. No per-submission fees on any plan.

Frequently asked questions

Do I need coding skills?

No. Everything is configured through a visual interface, including field mapping.

Will adding this slow down my form?

No. AFI sends data to the destination after the form submission completes. Your visitors see the normal success message without any delay.

Can I connect multiple Elementor forms?

Yes. Create a separate integration for each form, or send one form to multiple platforms.

Get started

Install Advanced Form Integration free from WordPress.org and connect Elementor Pro Forms to Webhook in minutes.