Contact Form 7

Author: Nasir Ahmed 194 views

Overview

Contact Form 7 is the most popular contact form plugin in WordPress with above 5 million active installs. You can easily integrate it to many other popular platforms using the Advanced Form Integration plugin. It is supported in the basic free version of the AFI plugin.

Possible Integrations

When a user fills a form in your website, it is possible to send the data in many ways, like:

  • Create a new row in Google Sheets with the submitted data. Like: first name, last name, email, and all other fields.
  • Create a new contact in a certain Mailchimp list.
  • Create a new contact in a certain Sendinblue list.
  • Create an organization, contact, deal, note, activity in Pipedrive CRM.
  • Similar integration to 50+ other platforms. Please check out the supported list here.

Supported Form Fields

Here is the list of supported form fields in Contact Form 7 that can be sent over to other platforms:

Field Supported Output
Text
Yes
Same as input
Email
Yes
Same as input
URL
Yes
Same as input
Tel
Yes
Same as input
Number
Yes
Same as input
Date
Yes
Date in YYYY-MM-DD format
Textarea
Yes
Same as input
Dropdown
Yes
Same value. Right side value if pipe used.
Checkbox
Yes
Same value. Right side value if pipe used.
Radio
Yes
Same value. Right side value if pipe used.
Acceptance
Yes
1 (when selected) or "" (empty value)
File Upload
Yes
Using another plugin, see instructions below.

Creating a new integration

Here below a brief description on how easily you can start an integration.

  1. Go to WordPress Admin AFI Menu Add New .
  2. A default title will be auto-filled in the Integration Title input box. You can change it to something relevant.

  3. In Trigger > Form/Data Provider select Contact Form 7.

  4. The Form/Task Name dropdown will show a list of form names. Select the form you want to connect.
  5. In Action > Platform dropdown, select the platform name to where you want to send the data. If you don't see the platform, go to plugin settings page and activate it. Complete the fields mapping. It can be different for different platforms. Please check out the documentation page for Receiver Platforms.

  6. Conditional Logic can be applied if required.

  7. Click on Save Integration button and you are done.

"Agree to Terms and Conditions" Checkbox

Most of the time, a form will have an option to get users acknowledgements that they agree to the terms and conditions. It is often presented by a checkbox. In the AFI plugin, you can use a conditional logic so that only those submissions will be sent to the integration process who marked this checkbox. Contact Form 7 has a dedicated checkbox field called “acceptance” for this sole purpose. You can add this “acceptance” checkbox to the form to get user’s consent. On submission, the value “1” will be sent when user marks this checkbox. 

To create such condition, follow the steps below:

  1. Add a new condition in the Conditional Logic Section.

  2. Select the acceptance field from the dropdown menu.

  3. Select Equal to as the comparison operator.

  4. Put 1 in the value input box.

If you have used a regular checkbox to get user’s consent (not the acceptance field), then insted of 1, use the checkbox field value in the condition. 

File Upload

The default Contact Form 7 file upload system uploads the file to a temporary folder, attaches it to notification email(s) and ends the process. So it leaves no file link that we can use afterwards. Thats why when we map the file upload field in a AFI integration, it sends nothing. But there is a workaround we can send the file link. Install the Drag and Drop Multiple File Upload plugin and use its multiple file upload field in the form, instead of default CF7 file field. Then map the field in the AFI integration and it will send the file link after the form submission. We didn’t test other similar file upload plugins but those might work too.

Integration Example

Please check out this video to see how easily an integration can be done with Mailchimp.

On this page