By Mário Valney

March 29, 2024

CF7 to Webhook Plugin

Use Contact Form 7 as a trigger to any webhook!

Contact Form 7 (CF7) is a awesome plugin used by 1+ million WordPress websites.

Webhooks are endpoint (urls) you can send data!

Now you can join both: the best contact form plugin to WordPress and any webhook which receive JSON!

And Zapier?

Zapier (Zapier) is a awesome service to connect your apps and automate workflows!

Just activate and configure Zapier to receive data!

Disclaimer: this plugin was created without any encouragement from Zapier or CF7 developers and any webhook/API service.

How to Use

Easily and quickly! Just activate “Contact Form 7” and “CF7 to Webhook” and configure a URL to send data (or go to Zapier to create your Zap).

Configuration

This is a example to integrate with Zapier:

Create a Zap.
Choose your trigger as “Webhooks” app (Screenshot 2).
Choose “Catch Hook” option (Screenshot 3).
Done! Now insert the URL given (Screenshot 4) into your Contact Form configuration and activate integration.

Creating your workflow

After configuration you can send one form to create a example data into Zapier dashboard. Then you can continue creating your workflow with filters and other apps.

Translations

You can translate CF7 to Webhook to your language.

Review

We would be grateful for a review here.

Support

Contact Form 7 – 5.9.X

Installation

Install Contact Form 7 and activate it.

Install “CF7 to Webhook” by plugins dashboard.

Upload the entire cf7-to-zapier folder to the /wp-content/plugins/ directory.

Then

Activate the plugin through the ‘Plugins’ menu in WordPress.

You will find ‘Zapier’ tab into form configuration.

Screenshots

CF7 to Webhook configuration
Zapier Step 1 - Choosing you app trigger
Zapier Step 2 - Choosing Catch Hook option
Zapier Step 3 - Webhook URL (waiting for first data)

FAQ

Did you renamed the plugin?

Yes. Due to this.

Does it works with Gutenberg?

Yes. We support WordPress 5+ and CF7 too.

Does it works for forms sent out of CF7?

Nope. The intention here is to integrate CF7 to Zapier (and another webhooks).

Can I use it without Zapier?

Yep. We are creating a integration to Zapier webhook, but you can insert any URL to receive a JSON formated data.

My sent data is empty

Please, go to support forum to get help.

How can I submit one form to multiple webhooks?

Just add one webhook per line in “Webhook URL” settings.

Please, read this topic for more information.

How can I show webhook errors on form submit?

We already show WordPress request errors. If you want to add theatment to webhook errors, please check this post.

How can I upload files and send link to webhook?

If you send a form with file, we will copy this to a directory before CF7 remove it and send the link to Zapier.

How can I rename a field to webhook?

You can add a “webhook” option to your field on form edit tab.

It’s like the “class” option: [text your-field class:form-control id:field-id webhook:webhook-key].

This will create a text field with name “your-field”, class “form-control”, id “field-id” and will be sent to webhook with key “webhook-key”.

How I can get the free text value?

We will replace the value for last option (which is the free_text input) with the value.

This way your webhook will receive the free text value and other options if you allow it (like in checkbox).

Who is the developer?

Mário Valney

Brazilian developer who is part of WordPress community.

Can I help you?

Yes! Visit GitHub repository or make a donation.

Changelog

3.0.2

Avoid empty webhook URLs.

3.0.1

Just some docs and donate link.
Added ‘ctz_remove_donation_alert’ filter to remove donate link.

3.0.0

New feature: placeholders in webhook URL read more.
Added ‘ctz_hook_url_placeholder’ filter.
Tested against new CF7 and WP versions.

2.4.0

Added support to “raw” values (label value in PIPES).
Added support to multiple webhook URLs.
Added ‘ctz_trigger_webhook_errors’ action to allow trigger submission error after ignoring them.
Tested against new CF7 and WP versions.

2.3.0

Added Custom Header option.
Added ‘ctz_ignore_default_webhook’ to allow ignore core submit.
Added more parameters to ‘ctz_trigger_webhook’ action.
Added more parameters to ‘ctz_post_request_args’ action.

2.2.5

Some minor adjustments.
Tested against new CF7 and WP versions.

2.2.4

Support to CF7 new way to load properties.

2.2.3

Support to CF7 multiple files upload.
Support to files with same name.

2.2.2

Support to CF7 5.2.1 changing ‘wpcf7_special_mail_tags’ filter.

2.2.1

Support to CF7 5.2 changing ‘free_text’ input name.

Props to @brunojlt

2.2.0

Support to free_text option on radio and checkboxes.

2.1.4

Added ‘ctz_hook_url’ filter to change webhook URL

Props to @shoreline-chrism

2.1.2

Fix checkboxes.

2.1.1

Fix slashes on POST data.

2.1.0

Support to rename fields.

2.0.2

Plugin renamed.

2.0.0

Support to submit files.

1.4.0

Show form error when WordPress request fails and added support to throw or own exceptions.
Added ‘ctz_post_request_result’ action after submit.
Added ‘ctz_trigger_webhook_error_message’ filter to change form message error.

1.3.1

Remove PHP 7+ dependency.
It’s sad… I know.

1.3.0

Added support to [Special Mail Tags] (https://contactform7.com/special-mail-tags) on CF7.
Tested against WP 5.0.2 and CF7 version 5.1.

1.2.1

Tested against Contact Form 7 version 5.0.

1.2

Added support to PIPE on CF7.
Tested against WP 4.9.2.

1.1.1

Fixed problem with a function inside empty() prior PHP 5.5.

1.1

Added the ‘application/json’ header by default to POST request.
Added ‘ctz_post_request_args’ filter to POST request args.
Tested against WP 4.9.

1.0

It’s alive!
Form configuration.
Integration to Zapier webhook.
Ignore or not CF7 mail sent.