Docly Child

Contact Form 7

Estimated reading: 5 minutes 5059 views


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 Format
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 In YYYY-MM-DD format
Textarea Yes Same as input
Dropdown Yes Only selected option value. When pipe is used, the right side value will be sent. To get the left side value, use [x]_before tag. See details below.
Checkbox Yes Comma-separated selected values. When pipe is used, the right side value will be sent. To get the left side value, use [x]_before tag. See details below.
Radio Yes Only selected option value. When pipe is used, the right side value will be sent. To get the left side value, use [x]_before tag. See details below.
Acceptance Yes When selected, 1 will be sent. Otherwise "", an 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.

Obtain both values while using pipes

If you use pipe in the fields like Dropdown, Radio or Checkbox, upon submission you will get the right-side value usually. To get the left-side value add the text ‘raw_’  before the field tag. So if the field tag is {{your-recipient}}, use {{raw_your-recipient}} to get the left-side value. See the screenshots below:

"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 a 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.

Map Fields Manually

You can manually pick and enter the field ID while mapping the fields, as shown in the images below. Just enclose them with double curly braces.

Contact Form 7 Field ID
Contact Form 7 Field Mapping

Integration Example

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

Share this Doc

Contact Form 7

Or copy link