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!
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).
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.
You can translate CF7 to Webhook to your language.
We would be grateful for a review here.
- Contact Form 7 – 5.7.6
Install Contact Form 7 and activate it.
- Install “CF7 to Webhook” by plugins dashboard.
- Upload the entire
cf7-to-zapierfolder to the
- Activate the plugin through the ‘Plugins’ menu in WordPress.
You will find ‘Zapier’ tab into form configuration.
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?
Brazilian developer who is part of WordPress community.
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.
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.
- 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.
- Some minor adjustments.
- Tested against new CF7 and WP versions.
- Support to CF7 new way to load properties.
- Support to CF7 multiple files upload.
- Support to files with same name.
- Support to CF7 5.2.1 changing ‘wpcf7_special_mail_tags’ filter.
- Support to CF7 5.2 changing ‘free_text’ input name.
Props to @brunojlt
- Support to free_text option on radio and checkboxes.
- Added ‘ctz_hook_url’ filter to change webhook URL
Props to @shoreline-chrism
- Fix checkboxes.
- Fix slashes on POST data.
- Support to rename fields.
- Plugin renamed.
- Support to submit files.
- 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.
- Remove PHP 7+ dependency.
- It’s sad… I know.
- 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.
- Tested against Contact Form 7 version 5.0.
- Added support to PIPE on CF7.
- Tested against WP 4.9.2.
- Fixed problem with a function inside empty() prior PHP 5.5.
- 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.
- It’s alive!
- Form configuration.
- Integration to Zapier webhook.
- Ignore or not CF7 mail sent.