# Production mode

### What are the use cases of using the production mode in BetterBugs Web SDK

* Allows you to use the widget in a live environment.
* Perfect for collecting feedback from your app’s end users and customers.

{% hint style="warning" %}
**PREREQUISITE**: Make sure that the SDK is installed correctly and the widget is visible in your app screen.
{% endhint %}

### Steps for using the Web SDK widget in production mode

{% stepper %}
{% step %}

#### Open the widget and select screen capturing mode

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
{% 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. 

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

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