How to Send Contact Form 7 Submissions to Webhook

Webhook is a integration platform. Contact Form 7 is the most popular form plugin on WordPress, and Webhook is where that data needs to land. Here is how to connect the two without writing code.

Why connect directly?

Cloud automation tools like Zapier charge per task and route your data through external servers. AFI processes everything on your WordPress site. No per-submission fees, no external dependencies.

What you will need

• A WordPress site with Contact Form 7 installed and at least one 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 CF7 to Webhook.

2. Pick your trigger

Select Contact Form 7 and choose your form. Fields are detected automatically.

3. Select Webhook as the destination

Choose Webhook and pick Send Webhook. This sends an HTTP POST to a webhook URL.

4. Map fields

Match each Webhook field to the corresponding Contact Form 7 field. Smart tags like {{_submission_date}} are available.

5. Add conditions if needed

Send only specific submissions based on conditional rules.

6. Save and test

Click Save Integration. Submit a test form and verify in Webhook. Check AFI → Log if needed.

Free vs Pro

Free maps any JSON payload with unlimited submissions. Pro adds custom headers and authentication. No per-submission fees.

Frequently asked questions

Do I need coding skills?

No. Everything is visual.

Will this slow down my form?

No. Data is sent asynchronously after submission.

Can I connect multiple forms?

Yes. Create as many integrations as you need.

Get started

Install Advanced Form Integration free from WordPress.org and connect Contact Form 7 to Webhook in minutes.