CF7 to Webhook

Description

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:

  1. Create a Zap.
  2. Choose your trigger as “Webhooks” app (Screenshot 2).
  3. Choose “Catch Hook” option (Screenshot 3).
  4. 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.2.1

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)

Installation

Install Contact Form 7 and activate it.

  • Install “CF7 to Webhook” by plugins dashboard.

Or

  • 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.

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.

Who are the developers?

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).

Can I help you?

Yes! Visit GitHub repository.

Reviews

August 7, 2020
This is a great plugin that allowed us to easily insert web form data into Google Sheets. Thank you for all your hard work in providing a great plugin to do exactly what i was looking for. On a side note, there was a major upgrade on CF7 last night and Mario jumped on fixing the issue with special mail tags quickly! Thanks for the quick response and pushing out the fix!
May 2, 2020
I was considering making an ajax call to send my data out in addition to submitting via CF7, but this probably would cause issues with validation etc. This is probably a much better solution
November 13, 2019
Easy to use, does exactly what it needs to do. The support is amazing! I love it.
Read all 24 reviews

Contributors & Developers

“CF7 to Webhook” is open source software. The following people have contributed to this plugin.

Contributors

“CF7 to Webhook” has been translated into 3 locales. Thank you to the translators for their contributions.

Translate “CF7 to Webhook” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

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.