Configure the Asana connector and create tasks

In this article:
What is Asana?
How to connect Asana to React Flow?
Create Asana task action

✔️ What is Asana?

Asana is a work management service that allows teams to organize, track, and manage their work. Integration with Asana allows you to create tasks within the React Flow.

✔️ How to connect Asana to React Flow?

1. Asana - Create account

To connect Asana to React Flow, you need an account in the Asana service. If you have an account, log in and skip this step. If you don’t, register there.

Log in to your account and create your project. Check the project ID. You will need it in React Flow.

2. React Flow - Create Asana connector

Open the React Flow app > Connectors tab > click on Asana connector.

Step 1. (optional) Enter the name and description of the connector.

Step 2. Click on the link in the description and copy Auth Token > enter it in the appropriate field in React Flow.



Make sure to copy provided access token. You won't see it again.

Step 3. Click on Test. It is designed to check if the connector works correctly. Enter your project id > click on Test.

To get your project id, go to Asana profile, open your project and copy id from the address bar as it shown on screenshot below.



Step 4. Save configuration.

✔️ Create Asana task action

The Asana task action allows you automatically send tasks to Asana.

Example: You want to create a task every time when the order is created.

Open the React Flow app and click on Create new.
Select trigger Order created.
Click on Add action and in the right side menu select Create Asana task.
Click on Select connection and select Asana connector.
Enter task name and description.



Save configuration.

Suggested articles:

React Flow connectors
Send email with SMTP connector
Send SMS and WhatsApp messages with Twilio

Updated on: 06/12/2024