Product · Widget

Feedback widget

An embeddable “Report a bug” button and feedback form for any website. Zero dependencies, vanilla JS, all styles isolated inside a Shadow DOM — it can never clash with your CSS.

Install

Add one script tag before </body>. The button appears bottom-right on your site.

HTML

<script
  src="https://bugwatch-two.vercel.app/widget.js"
  data-project="YOUR_PUBLIC_KEY"
></script>

Attributes

Attribute	Required	Description
data-project	Yes	Public project key (sent as X-Bugwatch-Key).
data-endpoint	No	API base URL. Default: https://bugwatch-api.loadmindx.com

Screenshot support (opt-in)

Include html2canvas on the page and the widget automatically offers an “attach a screenshot” checkbox in the form.

HTML

<script
  src="https://bugwatch-two.vercel.app/widget.js"
  data-project="YOUR_PUBLIC_KEY"
  data-endpoint="https://bugwatch-api.loadmindx.com"
></script>

<!-- Screenshot support is opt-in: include html2canvas BEFORE the widget -->
<script src="https://cdn.jsdelivr.net/npm/html2canvas@1/dist/html2canvas.min.js"></script>
<script src="https://bugwatch-two.vercel.app/widget.js" data-project="YOUR_PUBLIC_KEY"></script>

How it reaches Bugwatch

Submissions POST to /api/{project}/feedback/ with the message, page URL, user agent and optional screenshot. Each submission creates a Bugwatch issue so your team is alerted like any other error.