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

{% hint style="info" icon="lightbulb" %}
**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**"](/developer-guide/using-web-sdk.md).
  {% endhint %}

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

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBzBhuIUDDav7ztnadaoO%2Fuploads%2FXt8MRovIp0JoE1ZEi4W2%2F06-Web-SDK-Bug_Reporting-Flow-in-Production-Mode.mp4?alt=media&token=19de01c0-9ccb-46d3-ba56-077b1b0f3643>" %}
How to Report a Bug using BetterBugs.io Web SDK Widget in Production Mode | Video Demo
{% endembed %}

{% stepper %}
{% step %}

#### 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:&#x20;

* **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
{% endstep %}

{% step %}

#### Grant permission to capture the screen instantly

Next, click “**Allow**” to grant permissions to instantly capture your screen.
{% endstep %}

{% step %}

#### Annotate the screenshot

You can 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 as a bug reporter.
* **Title**  – Bug/Feedback title.
* **Description** — Quick summary, issue repro steps, and additional context.
  {% endstep %}

{% step %}

#### Submit

Finally, hit the “**Submit**” button to create and send the bug report
{% endstep %}
{% endstepper %}

You’re good to do.&#x20;

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

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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.betterbugs.io/developer-guide/using-web-sdk/production-mode.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.