Using Feedback Widget

Check out the steps for using the feedback widget in your web apps.

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

• 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

PREREQUISITE

• Make sure that the SDK is installed correctly and the widget is visible in your app screen.

1

Open the Widget and Select Screen Capturing Mode

Click the “Feedback” widget and select the screen capture mode:

• Screenshot

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

For instance, click “Screenshot”.

2

Click Capture

Click "Capture" to instantly capture your screen. You can also grab a cropped screenshot.

3

Annotate the Screenshot (Optional)

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

4

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)

5

Submit

Finally, hit “Submit your feedback” to share the report/feedback to the development team.

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.

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

1

Open Report Session in Your BetterBugs.io Project

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

2

Click "Comments & Activities"

Open the "Comments & Activities" section from the bottom right of the report.

3

Click "Respond to customer"

Click "Respond to customer" to open response options.

4

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.

IMPORTANT: The resolution would be sent to the customer's email address as mentioned in the feedback.

5

Save Template and Send

Save the template and click "Send resolution email". This also auto-updates the report status to "CLOSED".

You're good to go!

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