> For the complete documentation index, see [llms.txt](https://docs.betterbugs.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.betterbugs.io/developer-guide/using-feedback-widget.md).

# Using Feedback Widget

Once you’re good with the installation part, you can start using the widget in your app to get bug reports or feedback from the end users. 

### What are the Use Cases of BetterBugs.io Feedback Widget: Quick Overview <a href="#what-are-the-use-cases-of-using-the-production-mode-in-betterbugs.io-web-sdk-widget" id="what-are-the-use-cases-of-using-the-production-mode-in-betterbugs.io-web-sdk-widget"></a>

* Allows you to add the feedback widget in a live web app.
* Perfect for collecting feedback from your app’s end users and customers.
* Use the widget in the development/ testing/staging environments.
* Use the widget during alpha testing, beta testing, bug bashes, and for QA overall.
* Perfect for collecting feedback and bug reports for the app from within your internal team.
* Sharing resolution emails to customers right from your BetterBugs.io dashboard.

### How to Submit Feedback Using the Widget: Step-by-Step

{% hint style="info" icon="lightbulb" %}
**PREREQUISITE**

* Make sure that the SDK is installed correctly and the widget is visible in your app screen.
  {% endhint %}

{% stepper %}
{% step %}

#### Open the Widget and Select Screen Capturing Mode

Click the “**Feedback**” widget and select the screen capture mode:&#x20;

* **Screenshot**
* **Record Screen** (record screen up to 15 mins by default)

For instance, click “**Screenshot**”.
{% endstep %}

{% step %}

#### Click Capture

Click "**Capture**" to instantly capture your screen. You can also grab a cropped screenshot.
{% endstep %}

{% step %}

#### Annotate the Screenshot (Optional)

Add annotations to the screenshot to highlight the issue from the annotations toolbar. Then, hit the ✔️ button.
{% endstep %}

{% step %}

#### Add Details

Next, add the details for the issue:

* **Email\* (Required)** — Your email ID.
* **Issue Type** — (Optional: General Enquiry | Give Feedback | Report a Bug)
* **Title\* (Required)** —  Bug/Feedback/Enquiry title.
* **Description** — Quick summary, issue repro steps, and additional context.
* **Attachments** (Optional; Up to 3 | To be added by the customer/user)
  {% endstep %}

{% step %}

#### Submit

Finally, hit “**Submit your feedback**” to share the report/feedback to the development team.
{% endstep %}
{% endstepper %}

You’re good to go. It generates a report link that you can use to access the submitted feedback.

After you submit the report gets added to the development's team BetterBugs.io account.&#x20;

The development team can access the complete report in the BetterBugs.io dashboard. It should be available in the BetterBugs.io project that’s integrated with the SDK widget.

### How to Send Resolution Email to Your Customers for the Submitted Feedback: Step-by-Step

{% stepper %}
{% step %}

#### Open Report Session in Your BetterBugs.io Project

In your Workspace, open the submitted feedback/report (within your BetterBugs.io project).
{% endstep %}

{% step %}

#### Click "Comments & Activities"

Open the "**Comments & Activities**" section from the bottom right of the report.
{% endstep %}

{% step %}

#### Click "Respond to customer"

Click "**Respond to customer**" to open response options.
{% endstep %}

{% step %}

#### Click "Edit template"

Click "**Edit template**" and edit email text as required. You can add:

* Subject Line
* Message Body

Plus, you can use the predefined variables in your email.

{% hint style="info" icon="lightbulb" %}
**IMPORTANT**: The resolution would be sent to the customer's email address as mentioned in the feedback.
{% endhint %}
{% endstep %}

{% step %}

#### Save Template and Send

Save the template and click "**Send resolution email**". This also auto-updates the report status to "**CLOSED**".
{% endstep %}
{% endstepper %}

You're good to go!&#x20;

This instantly send the resolution email to your customer. To ensure if the email was sent successfully,   you can check the "**Comments & Activities**" section.