Overview

By utilizing the Advanced Form Integration (AFI) plugin, you can effortlessly connect Contact Form 7 with Asana. As soon as a user completes a form on your website, the plugin will automatically forward the data to your Asana account and initiate a new task. Moreover, the AFI Pro version facilitates the inclusion of custom fields as well.

contact form 7 - forms
Sample Contact Forms

Supported Features

  • Initiate a new task. Custom fields are also supported.

Requirements

  • Make sure that the Advanced Form Integration plugin is installed and activated.
  • The feature is supported under the free license so no payment is needed. Enjoy!
  • Read plugin documentation for Contact Form 7 and Asana. It is not required but helpful for better understanding.

Set up Asana API Connection

Before starting, you are required to set up the Asana API connection in plugin settings.

  1. Go to the WordPress admin area, and click AFI > Settings.
  2. Turn on the Asana and click Save. Open the Asana tab.
  3. Go to your Asana Developer Console and create a new access token.
  4. Paste the token in the Personal Access Token input box and click Save Changes.

Create New Integration

Once the API connection is done you can start creating new integration. Click on Add New under the AFI menu, New Integration page will appear.

Title

A default title will be auto-generated with an auto incremental number. You can rename it to something related to the task. It will help you to quickly recognize the correct one when there is multiple integrations setup.

Trigger

Select Contact Form 7 in the Form Provider dropdown. The Contact Form 7 plugin must be installed and activated otherwise you won’t see it list

contact form 7 - form list
Contact Form 7 – Trigger setup

Action

Select Asana [PRO] in the Platform dropdown.

Asana
Asana – Action

Map Fields

The Map Fields section will appear where you’ll be able to choose which fields to send. Select Workspace and Project where you want to initiate the task. Select the task name and description. You can also set a due date Finally, click the Save Integration button.

Conditional Logic

Please check the documentation on Conditional Logic.

Frequently asked questions

Troubleshooting

Still, need help?

Reach our support team at [email protected]

Share This Article

Related Post

How to integrate Contact Form 7 with Mailercl

Overview The advanced Form Integration plugin allows...

How to integrate Formidable Forms with Asana

Overview By utilizing the Advanced Form Integration ...

How to integrate WP Fluent Forms with Asana E

Overview By utilizing the Advanced Form Integration ...