UserSnap: Visual Bug Tracking

May 6, 2015

Blog | Technology | UserSnap: Visual Bug Tracking
UserSnap: Visual Bug Tracking is a cloud-based communication tool that provides an easy way for a user to submit feedback and bug reports to website developers and QA engineers. If you’d like to reach a broader audience for QA and comments, reduce miscommunication, and improve collaboration, this visual bug tracker is a handy option.

How it Works

After signing up for the service, you can create a project within the interface, and list the domains where the widget will be used.

Then, your team will need to add a snippet of Usersnap’s JavaScript code to your page. Once you’ve embedded that code and configured the API key settings, you’ll need to determine how submissions should be delivered: via email or pushed directly into your existing CMS, bug tracker, or project management system. And, with a ton of app integrations, your team can extract more out of prevailing workflows. 

Luckily, you won’t have to worry about the API key being hijacked by malicious users – it’s validated against the domains you’ve defined and shows the following error if there’s a mismatch.

UserSnap  provides a powerful feedback loop to your website support process, and comes with little overhead.  It goes beyond static HTML websites, too. Whether your web app relies on jQuery or AngularJS, UserSnap is able to capture the application’s state right when the feedback or bug report is captured

With the widget in place, you can begin collecting feedback. However, situations where it’s more desirable to use an extension, both Chrome and Firefox have options. Each one captures a screenshot of the current page, renders it in a new page created by the extension and allows users to annotate and submit the captured image. The user experience for the extension and the widget are very similar.


Using Let’s look at the Chrome extension on the website. It’s an intuitive interface and it’s navigable whether you’re a developer or not.



After a user clicks on the “Feedback button,” enters the information and presses “Send,” a screenshot will be submitted into the UserSnap system as an “Open Screen.” This means that the feedback received has not been addressed yet.





And just like that, your team can view the submissions and respond accordingly. Adding a “Feedback” widget to your websites can help you reduce the time it takes to gather and respond to bugs and even peculiar user experiences. The result? Better UX, reduced development costs, happy clients and a happy team.

Phil Azzi, Developer, GeekHive

Phil Azzi

Technical Lead
  • Bug
  • Review

Recent Work

Check out what else we've been working on