BugHerd Review: Visual Feedback And Bug Tracking Tool

This comprehensive BugHerd review tutorial explains what is BugHerd, important features and how to use the tool for Visual Feedback, Annotation and Bug Tracking.

Picture this, you’ve delivered a new website to your client and are feeling nice and relaxed when suddenly your client sends you an email with an issue. Then another, and another. Then an entire spreadsheet of bugs and issues. What’s worse is that the feedback isn’t detailed enough to replicate and resolve the bugs.

Sounds all too familiar?

Well, the good news is that there is a one-stop solution to this problem. In this article, we are going to review a tool that lets your client directly add feedback to the website where the bug appears. Like adding a sticky note to the page, and in turn, you can manage all the bugs through the Kanban-style taskboard. This tool is called the BugHerd.

BugHerd Review

So, let us begin and delve into the BugHerd review.

What Is BugHerd Software?

BugHerd is a cloud-based feedback collection and bug management tool for websites. Through this tool, you can collect client feedback in the form of sticky notes on a website and track bugs directly on a page. The tool works like a transparent layer on your website that just you and your client can see.

Clients discover issues, click and enter feedback and BugHerd places a pin to show exactly where the issue happened.

What is BugHerd

The software employs a sidebar to gather feedback from a website, that includes details of all required changes, plus screenshots, and technical information such as browser, operating system, selector data, screen resolution, color depth, etc.) and sends this to a Kanban-style project and task management system.

In just one click, this tool enables you to see where the issue is and provides all the technical information to fix it. It makes collecting and fixing issues painless between the client and the developer. Bugs can be logged instantaneously directly from the web page.

Bugs can be logged from web page

This tool simplifies the collection of website feedback and management of bugs. You and your team members can track the reported bugs on the Kanban taskboard of your project dashboard.

Project Dashboard

This tool eliminates long chains of feedback emails between client and development teams, saving a lot of time. Furthermore, it enhances the overall collaboration between your teams and the client by keeping everyone on the same page.

Suitable for:

It is highly suitable for collecting and managing feedback in the Client UAT phase or whenever you have a mix of technical and non-technical users. This is a perfect tool for agencies, marketers, project managers, web developers, and designers, or any teams who manage internal and external website feedback.

It is an ideal tool to use with remote teams to get everyone in tune.

Customer Base:

The tool is used by more than 6000 companies across the 172 countries with 200k+ users. Many big companies have employed this tool for bug tracking and issue management, namely, Amazon, Bloomberg, McKinsey & Company, Dyson, etc.

Integration and Compatibility

BugHerd integrates very well with popular apps you may know like Zapier, GitHub, Zendesk, Slack, Basecamp, JIRA, Redmine, Tracker, and Pivotal.

It is also compatible with mobile websites. This tool can be deployed on Web, Cloud, and SaaS. The BugHerd browser extension is also available for Chrome, Firefox, and Microsoft Edge browsers.

Why Do You Need BugHerd?

Collecting feedback from clients through emails or vague spreadsheets can be frustrating. Also, the technical team wastes a lot of time just getting the bug details to reproduce it.

With BugHerd, you get rid of all this. Your client can report bugs directly in the form of sticky notes on the website, with all the metadata and screenshot automatically captured, and then you can simply view and track the bugs through the BugHerd Kanban board. Since developers will be able to see the bugs directly on the website as they’re reported by the client, there is no communication loss in the process.

Pros:

  • In-Page Feedback: Bugs can be reported directly from the user’s websites.
  • Visual feedback: Through visual site overlay, you get to see exactly where the issue is occurring.
  • Flexi Setup: This tool can be installed as a browser extension or JavaScript snippet in just a few minutes.
  • Unlimited Projects: Use this tool on as many projects as you want.
  • Simple and Clean Interface: Even if there are hundreds of tickets on the website, they can be glanced and searched through very easily. Quickly check the tag counts and assignees for each ticket.
  • Effortlessly tag the elements and create tasks: Simple point and click method to report bugs.
  • Automatically captures screenshot and metadata: You do not need to explicitly mention which OS, browser, etc. you are using. When you tag an element and report a bug, it will automatically feed OS, browser, selector info in bug details. Also, it will automatically capture the screenshot.
  • Visual task board: End to end bug management system to prioritize, assign, add a due date, and track bugs to closure.
  • Customizable Kanban workflow: Recently, BugHerd has introduced the feature of customizable Kanban workflow wherein you can add, update, delete, and reorder the status columns on the project board as per your team’s needs.
  • Get started with BugHerd in just no time: It takes less than 5 mins to install the BugHerd extension and create your project. You just need to mention your website URL and that’s it. You can visit your website to start giving feedback or invite guests to join your project.
  • Third-party integrations: Integrate your workflow with popular services and apps and get the max out of it.
  • Mobile support: Report issues and capture screenshots on mobile websites.

Cons:

  • Mobile screenshots are supported only on premium plans and above.
  • Could have some more integrations like WordPress, etc.

Features

Let’s explore and review the features of the tool. It offers a lot of cool features that make bug tracking and issue management super organized and easy.

#1) Setup through Browser Extension or JS Snippet: You can simply add it as a browser extension and start using it. It does not require any code and it takes less than 2 mins for installation. Also, you can install the BugHerd JavaScript snippet to increase browser compatibility and can use the tool on mobile websites and capture mobile screenshots.

#2) BugHerd Sidebar: The BugHerd sidebar acts as a visual layer on top of your website that lets customers pin feedback straight to the webpage.

Bugheard sidebar

This sidebar gets displayed only for the users who have been requested to provide feedback on your website through the BugHerd project. The good thing is that you can also regulate whether the users can see each other’s comments or not.

#3) Point and Click feedback: Just point and click on any element of the webpage to report a bug. Your feedback will be pinned straightforwardly to the website issue.

#4) Auto-captures key details: The tool gathers all the metadata details on every bug along with the information required to resolve it. This includes screen size, resolution, full selector data, browser and OS info.

Auto-captures key details

#5) Inline Tagging: Use tags on the tasks to organize and group the feedback.

#6) File attachments: Upload any additional screenshots, docs, specifications, etc. that are required to understand and resolve the issue.

#7) Annotations: ‘Add Annotations’ lets users annotate and add screenshots with design feedback if they want to.

#8) Guest Access: Clients and stakeholders can simply get into the project through the guest’s access and start sharing their feedback. They don’t need to install or do any code.

#9) Customizable TaskBoard for Bug Management: It gives you a customizable Kanban style task board to manage tasks through to completion. Whatever tasks will be created by your clients or team members will appear on this Task Board. Only the owners and members of the project will have access to the task board.

Also, the default column arrangement that BugHerd gives is ‘Backlog’, ToDo’, ‘Doing’ and ‘Done’, but if it does not fit for your team, then you have an option to edit, add, reorder and delete columns to rearrange.

Default view:

my first project default view

Change the arrangement of the columns the way you need:

Change the arrangement of the columns

#10) Customizable Project Settings/ Privacy Controls: This tool gives you total control over your project settings and you can define what you can see, the level of details, and how things will appear to your clients.

a) General Settings

From here you can switch on and off various options like whether the clients can create tasks through email and comment on the tasks through email, whether one user can see the feedback given by another user.

project setting

b) Security

From here, you can allow capturing screenshots behind Basic Authentication

security

c) Sidebar

From the Sidebar settings, you can control how the tool sidebar will appear to guests. You can also decide from here whether to get public feedback when users are not signed into BugHerd.

side bar

d) Real-time discussions: This tool offers a real-time comment feed feature through which you can collaborate with your team in real-time.

Installation

=> Register by clicking on the free trial link

It’s super easy to get registered and start using the tool. The moment you get registered, it will take you through a very intuitive tour of how BugHerd works and will make you familiar with all the main features of the tool.

You need to install the BugHerd browser extension, and it’s recommended to install the JS snippet as well so that you can use BugHerd on mobile devices and a wide range of browsers. Also, if you install the JavaScript code then your clients don’t need to install an extension.

capturing website feedback

Getting Started

It’s very easy to get started, set up your project, and work with BugHerd. It takes less than 5 mins to install the extension and create a new project. You just need to add your website URL and that is it. You can visit your website to start giving feedback or invite guests to join your project.

It takes you through a step-by-step guide to set up your first project. Even if you are a non-technical person, you will be able to do the project setup easily and get started effortlessly.

Let’s see how it works:

#1) Step One: Create a new project which is very simple. You just need to name your project and include the URL of your website for which you want the feedback to be collected.

creat new project

#2) Now you will see a ready to go screen. You can invite clients to provide feedback, add your team members to the project, or you can directly visit your website to start giving feedback if you are going to test it on your own.

invite clients

#3) Let us go to the invite others link that you can see in the above screenshot and let’s set up the team and also invite the guests who are going to provide feedback on the website.

We can invite team members (who are going to work on the project and fix the bugs) and guests (who are going to provide feedback) by sending an email or we can also generate and provide URL to guests to join in.

Manage Access

#4) Let’s go to the website as a member/owner and see how to report bugs and manage the Task Board.

When you open your website, you will see the sidebar appearing by default. You can use this sidebar to report bugs through the green ‘+’ icon.

sidebar to report bugs

#5) Click on the + icon and hover over the page element where you see an issue and just click there. It will open the task window where you can report the bug.

create task

Fill in all the details, choose assignee or you may leave this blank, set the severity of the bug, give any attachments if you want to, add annotations, and click on Create Task.

#6) You will now see the bug created and pinned at the exact element location on the webpage.

Also, the screenshot is captured automatically and all the metadata info including the reporter details, the operating system used, browser used, selector info, resolution, browser window size, etc. is auto logged in the ticket.

feedback captured

#7) If you now go to your project taskboard, the Bug will appear in the backlog

project taskboard

Track the progress of the bug through various Kanban columns like TODO, DOING, DONE.

#8) Similarly, more bugs can be reported, and they will be pinned directly on the webpage at their respective element locations.

bugs pinned directly on the webpage

And here’s what guests will see when you invite them to give feedback:

  • The invitation email as appears to the guest.

invitation email

  • Guests can click on the ‘Give feedback’ link, and sign up.

Sign Up page

  • Guests will be asked to add a BugHerd extension.

add the BugHerd extension

BugHerd extension add to chrome

  • And that’s it. Guests will now have access to your project.

access to your project

You simply need to click on ‘Give feedback’ to get started.

  • It will take the guest onto your website.

website

  • Guests can report bugs that will be pinned on the website with all metadata details and screenshot auto-logged.

report bugs

auto logged

As an owner and member of the project, you will be able to see the client feedback under the Feedback tab and have an option to move it to the task board. Or, if you want to add any comments, you can simply add it from here and that will be reflected to the guests. You have full control with regards to accepting the feedback and moving it to the backlog.

taskboard

Product Support:

BugHerd offers an extensive knowledge base and intuitive how-to video guides that you can browse through and get most of the frequently asked questions answered, or you can get in touch directly with their support team by raising a ticket.

They also offer an on-request 30 minute demo to get your queries answered.

Let’s see the pricing for this tool. The pricing details are as enlisted in the table below:

Pricing Overview 
Free TrialBugHerd offers a 14-days. No credit card needed upfront.
Starring PriceThe starting price is $39/month for 5 users
Pricing for Small to Medium teamsBugHerd offers four packages at different prices:
1. Standard Edition at $39/month for 5 members: This is the basic package that comes with limited features and integrations. It has 10 GB of storage.
2. Studio Edition at $59/month for 10 members: This gives a few more integrations and features along with 20GB storage.
3. Premium Edition at $109/month for 25 members: It offers everything on studio plus some more customizations. Gives you 50 GB of storage.
4. Deluxe Edition at $189/month for 50 members: It offers everything on premium along with 150 GB storage.
Pricing for Large TeamsFor larger teams, it will cost you around $270 for up to 75 users and similarly around $620 for up to 200 users.

Conclusion

BugHerd is an ultimate tool for website feedback collection and bug management.

It is very simple to install and use this tool, with very little training required. Clients simply point-and-click to provide feedback directly on the website, they don’t need to go elsewhere to report a bug.

The reported bugs along with all auto-filled technical details are pinned to the exact locations on the webpage and sent to your team on the customizable Kanban board where the end to end management of bugs is done.

We would highly recommend this tool as it makes feedback collection and bug tracking seamless and easy for you and your clients. It also works very well with non-technical clients.

The best part is that you get a 14 days free trial, with no credit card required upfront. You can first try the tool and then select a plan that suits the size and needs of your team.