Production mode

Check the complete flow for using the SDK widget in “production” mode..

What are the Use Cases of Using the Production Mode in BetterBugs.io Web SDK Widget

• Allows you to use the widget in a live environment.

• Perfect for collecting feedback from your app’s end users and customers.

PREREQUISITE

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

• The "mode" property in initialization code is set to "production".

How to Report a Bug using BetterBugs.io Web SDK Widget in Production Mode: Step-by-Step

How to Report a Bug using BetterBugs.io Web SDK Widget in Production Mode | Video Demo

1

Open the widget and select screen capturing mode

When you encounter an issue/bug/error on the web app, click the “Report Bug” widget and select the screen capture mode:

• Screenshot

• Screen record (record screen up to 10 mins by default, can be configured for up to 15 mins)

For instance, click the “Screenshot” option

2

Grant permission to capture the screen instantly

Next, click “Allow” to grant permissions to instantly capture your screen.

3

Annotate the screenshot

You can 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 as a bug reporter.

• Title – Bug/Feedback title.

• Description — Quick summary, issue repro steps, and additional context.

5

Submit

Finally, hit the “Submit” button to create and send the bug report

You’re good to do.

After you submit the report gets added to the BetterBugs.io account.

You 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.