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.