GitHub

Raise issues directly on GitHub repos with detailed bug reports.

BetterBugs integration with GitHub

BetterBugs and GitHub integration enables you to raise issues directly to your GitHub repo as GitHub issues. You can create a visual bug report with all the details you need to highlight to share the issue with your teammates and raise the issue directly on your GitHub repo.

How to Integrate BetterBugs Project with GitHub: Step-by-Step

Here, we've covered the steps to integrate a single BetterBugs project (within your BetterBugs Workspace) with GitHub. You can also integrate the complete BetterBugs Workspace in one go (that includes all the projects within your Workspace) to GitHub or any other project tool. Check out the steps for Workspace Integration.

1

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.

2

Search GitHub

In the Integrations tab, search for GitHub and click to open the GitHub card.

3

Turn off workspace-wide integration

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

By default, its turned on for workspace level integration. For project-wise integration, you need to disable "All Projects".

4

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.

5

Authorize BetterBugs.io for GitHub

Authorize BetterBugs.io for your GitHub account.

IMPORTANT NOTE

If you're on a free plan, Steps 6 and 7 are NOT REQUIRED. You can just SKIP to "How to Raise an Issue on GitHub using BetterBugs" section on this page.

FOR PAID PLANS (Teams and Enterprise)

Steps 6 and 7 enables you to explicitly choose between:

• Manual Issue Creation (Default): This means for sharing a bug report to GitHub, you'd need to manually populate fields for your GitHub Repo. (Repository, Assignees, Labels, and others). Its a FREE FEATURE.

• Automatic Issue Creation: This means for sharing a bug report to GitHub Repo, you can configure BetterBugs to auto-populate fields for GitHub (Repository, Assignees, Labels, and others). Its a PAID FEATURE.

6

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 raise issues manually. Here, we've selected the manual method to showcase project integration steps.

• Automatically: Enables you to raise issues with automation.

7

Optional: Select "Manually" and Connect

Finally, select "Manually" from the "Forward Bug Reports" dropdown and hit "Connect".

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

How to Raise an Issue on GitHub using BetterBugs

1

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.

2

Select BetterBugs Workspace and Project Integrated with GitHub

From the two dropdowns above the description area, select:

• BetterBugs Workspace

• BetterBugs Project (that you integrated with GitHub)

3

Click "+ Send to your PM Tool" Dropdown and Select GitHub Issue

Open "+ Send to your PM Tool" dropdown and select "GitHub Issue".

4

Populate Issue Details for GitHub and Hit "Next"

Populate GitHub Fields for the report: Repository, Assignees, Labels, and others and click "Next".

5

Create Session

From the top right, click "Create Session".

There you go!

A new tab with the GitHub issue opens up posting the task to the GitHub repo packed with all the bug details and a link to the complete bug report with developer tools info.

• Use the report link in your GitHub issue to access the complete report on BetterBugs.

• You can also access the GitHub issue from the BetterBugs report from the "Comments & Activities" tab located below the bug description area.

How to Send Existing BetterBugs Report to GitHub

1

Open a Bug Report

Login to BetterBugs and open a project report to share on GitHub.

2

Click "+ Send to your PM Tool" Dropdown and Select GitHub Issue

From the top-right of the report screen, open "+ Send to your PM Tool" dropdown and select "GitHub Issue".

3

Populate Issue Details for GitHub and Click "Create Task"

Populate GitHub Fields for the report: Repository, Assignees, Labels, and others and click "Create Task".

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

How to Disconnect BetterBugs Project from GitHub

1

Open Project Settings

Use the Gear Icon beside the BetterBugs Project Name to open Project Settings.

2

Go to Workspace Settings > Integrations

Navigate to Workspace Settings > Integrations

3

Search GitHub

In the Integrations tab, search for GitHub and click to open the GitHub card.

4

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

In the GitHub card, select the BetterBugs project (from the Project list) to disconnect. For the project, click vertical dots (⋮) under the Actions column.

5

Disconnect and Confirm Action

To confirm action, click "Disconnect" and "Continue".

This instantly disconnects GitHub from the selected BetterBugs project.