> 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/production-mode.md).

# Production Mode

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

### What are the Use Cases of Using the Production Mode in BetterBugs.io Feedback Widget

* Allows you to add the feedback widget in a live web app.
* Perfect for collecting feedback from your app’s end users and customers.
* Sharing resolution emails to customers right from your BetterBugs.io dashboard.

{% hint style="info" %}
**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**". 
  {% endhint %}

{% hint style="info" icon="lightbulb" %}
**QUICK NOTE**: This is also the default mode and an OPTIONAL property for using the widget in your live app. So, if you totally skip adding this property to your code, that would work just fine! 
{% endhint %}

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

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBzBhuIUDDav7ztnadaoO%2Fuploads%2F6Kvwvwo2FCh12GgAZ34d%2F05-How%20to-Submit-Feedback-Using-BetterBugs-Feedback-Widget-in-Production-Mode.mp4?alt=media&token=496788b8-6723-4b24-b1d1-f27e8ca7e9f6>" %}
How to Submit Feedback Using the Widget in Production Mode | Video Demo
{% endembed %}

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

#### Take a Screenshot of the Issue

Click "**Capture**" to instantly capture the issue screen. You can also grab a cropped screenshot.&#x20;
{% endstep %}

{% step %}

#### Annotate the Screenshot (Optional)

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

{% step %}

#### Add Feedback Details

Next, add the following details:

* **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 reporter as the customer/end-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 feedback 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.