# Asana

### BetterBugs integration with Asana

BetterBugs seamlessly integrates with Asana to simplify your bug reporting and debugging workflows, making it easier to develop and test software while managing your projects more efficiently. With BetterBugs, you can quickly share comprehensive bug reports as links directly to your selected Asana workspace, including all your project fields.

### How to Integrate BetterBugs Project with Asana: Step-by-Step

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBzBhuIUDDav7ztnadaoO%2Fuploads%2FVsdNmvEFPBXQrGYWEC1P%2F01-Integrate-BetterBugs-Project-with-Asana.mp4?alt=media&token=6a05cd8a-8938-44a9-8e33-39d2d793b5e0>" %}
How to Integrate BetterBugs Project with Asana: Video Demo
{% endembed %}

{% hint style="info" %}
Here, we've covered the steps to integrate a single BetterBugs project (within your BetterBugs Workspace) with Asana. You can also integrate the complete BetterBugs Workspace in one go (that includes all the projects within your Workspace) to Asana or any other project tool. [**Check out the steps for Workspace Integration**](https://docs.betterbugs.io/dashboard/workspace-settings/integrations/workspace-integration)**.**
{% endhint %}

{% stepper %}
{% step %}

#### Open Workspace Settings > Integrations

Click on BetterBugs Workspace name at the top left side of app screen. Now, click the **gear icon** to open **Workspace Settings** > **Integrations**.
{% endstep %}

{% step %}

#### Search Asana

In the **Integrations** tab, search for **Asana** and click to open the **Asana** card.
{% endstep %}

{% step %}

#### Turn off workspace-wide integration

Toggle off the "**All Projects**" option and hit "**Continue**". You should see the "**Manage per project**" option now.

{% hint style="info" %}
By default, its turned on for workspace level integration. For project-wise integration, you need to disable "**All Projects**".
{% endhint %}
{% endstep %}

{% step %}

#### Select a BetterBugs project to integrate and hit "Connect"

Select a project from the projects name list (that's within your Workspace). From the "**Actions**" column, hit "**Connect**" for that project.
{% endstep %}

{% step %}

#### **Authorize BetterBugs.io for Asana**

Click “**Allow**” to authorize BetterBugs.io for your Asana Workspace.

{% hint style="warning" %}
**IMPORTANT NOTE**&#x20;

If you're on a **free plan**, Steps 6 and 7 are **NOT REQUIRED**. **You can just SKIP** to "*How to Create Bug Report on Asana using BetterBugs*" section on this page.

**FOR PAID PLANS (Teams and Enterprise)**

Steps 6 and 7 enables you to explicitly choose between:

* **Manual Ticket Creation (Default)**: This means for sharing a bug report to Asana, you'd need to manually populate fields for your Asana project (**Project**, **Section**, **Parent Task**, **Assignee**, and **others**). Its a **FREE FEATURE**.
* **Automatic Ticket Creation:** This means for sharing a bug report to Asana, you can configure BetterBugs to auto-populate fields for your Asana project (**Project**, **Section**, **Parent Task**, **Assignee**, and **others**). Its a **PAID FEATURE**.
  {% endhint %}
  {% endstep %}

{% step %}

#### Optional: Choose your preferred method for creating tickets: Manually or Automatically

From the "**Forward Bug Reports**" dropdown, select your preferred method for creating tickets in your project tool:

* **Manually**: Enables you to **create tickets manually**. *Here, we've selected the manual method to showcase project integration steps.*
* **Automatically**: Enables you to [**create tickets with automation**](https://docs.betterbugs.io/dashboard/workspace-settings/integrations/project-integration/project-automation).
  {% endstep %}

{% step %}

#### Optional: Select "Manually" and Connect

Finally, select "**Manually**" from the "**Forward Bug Reports**" dropdown and hit "**Connect**".
{% endstep %}
{% endstepper %}

Okay! You're good to go with the Project level integration for your Asana app. Now, you can create detailed reports and share them as Asana issues directly from your browser with a few clicks.

### How to Create Bug Report on Asana using BetterBugs

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBzBhuIUDDav7ztnadaoO%2Fuploads%2FX4xjtmo5JuPhai7pdKfb%2F02-Create-Bug-Report-and-Share-Instantly-on-Asana.mp4?alt=media&token=6f80bedf-c1b2-476f-9ecd-ef82a2caa8e0>" %}
How to Create Bug Report on Asana using BetterBugs: Video Demo
{% endembed %}

{% stepper %}
{% step %}

#### Capture the Bug and Add Bug Details

Use the BetterBugs extension to capture the bug and add details for it. You can add the details (*Title + Quick Summary + Steps to Reproduce*) manually in the description area manually or automatically with the "**AI**" toggle.
{% endstep %}

{% step %}

#### Select BetterBugs Workspace and Project Integrated with Asana

From the two dropdowns above the description area, select:

* **BetterBugs Workspace**
* **BetterBugs Project** (that you integrated with Asana)
  {% endstep %}

{% step %}

#### Click "+ Send to your PM Tool" Dropdown and Select Asana Task

Open "**+ Send to your PM Tool**" dropdown and select "**Asana Task**".
{% endstep %}

{% step %}

#### **Populate Task Details for Asana and Hit "Next"**

Populate Asana Fields for the report: **Project**, **Section**, **Parent Task**, **Assignee**, and **others** and click "**Next**".
{% endstep %}

{% step %}

#### Create Session

From the top right, click "**Create Session**".
{% endstep %}
{% endstepper %}

There you go!

A new tab with the Asana task opens up posting the task to the Asana project packed with all the bug details and a link to the **complete bug report** with [**developer tools info**](https://docs.betterbugs.io/product-features/developer-tools).

* Use the report link in your Asana task to access the complete report on BetterBugs.
* You can also access the Asana task from the BetterBugs report from the "[**Comments & Activities**](https://docs.betterbugs.io/product-features/comments-activities)" tab located below the bug description area.

### How to Send Existing BetterBugs Report to Asana

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBzBhuIUDDav7ztnadaoO%2Fuploads%2FZ9bCOZrlX2YRXiCHRz0V%2F03-Send-Existing-Bug-Report-to-Asana.mp4?alt=media&token=a96a223d-9a05-4fc2-9d43-555b69072ada>" %}
How to Send Existing BetterBugs Report to Asana: Video Demo
{% endembed %}

{% stepper %}
{% step %}

#### Open a Bug Report

Login to BetterBugs and open a project report to share on Asana.
{% endstep %}

{% step %}

#### Click "+ Send to your PM Tool" Dropdown and Select Asana Task

From the top-right of the report screen, open "**+ Send to your PM Tool**" dropdown and select "**Asana Task**".
{% endstep %}

{% step %}

#### Populate Task Details for Asana and Click "Create Task"

Populate Asana Fields for the report: **Project**, **Section**, **Parent Task**, **Assignee**, and **others**  and click "**Create Task**".
{% endstep %}
{% endstepper %}

Okay! You're all set. This instantly should create Asana task with the BetterBugs bug report.

### How to Disconnect BetterBugs Project from Asana

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBzBhuIUDDav7ztnadaoO%2Fuploads%2Fl3UH8lEsFlseQv4yqXCI%2F04-Disconnect-BetterBugs-Project-from-Asana.mp4?alt=media&token=3a610e11-6e03-4705-8d86-5cd892e194fa>" %}
How to Disconnect BetterBugs Project from Asana: Video Demo
{% endembed %}

{% stepper %}
{% step %}

#### Open Project Settings

Use the **Gear Icon** beside the **BetterBugs Project** **Name** to open **Project Settings**.
{% endstep %}

{% step %}

#### Go to Workspace Settings > Integrations

Navigate to **Workspace Settings** > **Integrations**
{% endstep %}

{% step %}

#### Search Asana

In the **Integrations** tab, search for **Asana** and click to open the **Asana** card.
{% endstep %}

{% step %}

#### Select BetterBugs project to disconnect and click (⋮) under "Actions"

In the Asana card, select the BetterBugs project (from the Project list) to disconnect. For the project, click vertical dots (**⋮**) under the **Actions** column.
{% endstep %}

{% step %}

#### Disconnect and Confirm Action

To confirm action, click "**Disconnect**" and "**Continue**".
{% endstep %}
{% endstepper %}

This instantly disconnects Asana app from the selected BetterBugs project.