← All Use Cases

Website Feedback Widget for GitHub Issues

BugDrop is a website feedback widget for teams that want actionable reports without asking users to leave the page. Visitors click the widget, describe what they saw, attach or annotate a screenshot, and BugDrop sends the report to GitHub Issues with the page URL and browser context.

Best for: product pages, docs, SaaS apps, internal tools, and client review environments where developers already triage work in GitHub.

Try the widget or follow the installation guide.

What Makes a Feedback Widget Useful?

A feedback widget should reduce friction for the reporter and reduce ambiguity for the developer. Text-only reports often miss the page state, viewport, browser, and reproduction context. BugDrop captures those details at submit time so the issue starts with enough information to triage.

Best-Fit Workflows

  • Marketing pages where layout or copy issues affect conversion
  • Documentation sites where examples, tabs, and navigation need quick feedback
  • SaaS apps where users can report broken UI states from inside the product
  • Internal tools where teammates need a low-friction way to report bugs
  • Client review sites where non-technical stakeholders should not need GitHub accounts

Why Send Feedback to GitHub Issues?

Most development teams already use GitHub for triage, assignment, labels, discussion, and release tracking. A separate feedback inbox creates another place to check. BugDrop keeps website feedback in the same workflow as engineering work.

Each report can include a description, screenshot, annotations, feedback type, page URL, browser, operating system, viewport size, and labels. That makes the GitHub Issue useful immediately.

Install and Use the Widget

  1. Install the GitHub App and grant access to the repository that should receive feedback.
  2. Add the widget script tag from the installation guide to the site or app shell.
  3. Configure labels, categories, theme, position, and screenshot behavior in configuration.
  4. Open the page, click the feedback button, and submit a test report.
  5. Triage the created GitHub Issue with your existing labels, assignees, comments, and project board.

What Users Submit

Report detail Why it helps
Description Captures what the user expected or noticed
Screenshot and annotation Shows the exact visual state
Page URL Points developers to the affected route
Browser, OS, and viewport Explains environment-specific issues
Category and labels Speeds up triage in GitHub

Add It to a Site

Install the GitHub App, add the script tag from the installation guide, and configure the widget with configuration options. For sensitive pages, review security and screenshot masking before launch.

You can test the full flow in the live demo before adding it to your own site.

Ready to get started?

Add BugDrop to your project in under a minute.

Install from GitHub Marketplace