Collecting bug reports from your users is super important when it comes to building software. Bug free software means a better product experience, less frustrated customers, and customers that stay with you longer. You can learn more about best practices on reporting bugs here.
Userback provides a fantastic, easy to use multi-purpose widget that will help you collect bugs and issues from your users and even your internal team. Bug reports will be automatically captured to your Userback account with handy filters that let you manage incoming bugs much faster.
There are 4 main features in Userback to help you with bug reporting.
Filtering feedback with Board View
Sending bug reports to the right place with integrations
Using the JS API to pre-populate user information and add custom data
Userback bug reporting widget
To setup your bug reporting widget, you'll need to have a project created to collect your bug reports and simply configure your bug reporting widget as required.
There are a number of different options available when building your bug reporting widget and a few decisions you will need to make which include:
Am I just collecting bugs?
What is the best workflow for my users?
What information do I need to collect with each bug report?
The Userback widget settings will allow you to configure your widget that matches the type of bug reports you are collecting, the best workflow for your users and information that you need to collect.
To start with, the Widget lets you collect 3 separate types of feedback (Bug Reports, Feature Requests and General Feedback). Each option can be enabled or disabled independently.
Start by enabling the feedback options applicable to your use case. In this example, only the Bug Reporting feedback type is enabled.
Considering the workflow for your users, you can set your bug reporting widget to behave differently. Userback defines each workflow as a destination. There are 3 destinations available including:
When a user clicks the widget button, only show the feedback form, allowing the user to decide if they add a screenshot or video recording.
When a user clicks the widget button, automatically load the screenshot tool, followed by the feedback form.
When a user clicks the widget button, automatically load the video tool, followed by the feedback form.
To change this behavior for 1, 2, or 3, select the destination from the destination drop down based on how you would like the widget button to behave.
If you have more than one feedback type enabled, the destination setting will work in the same way however, the user will need to select the type of feedback they are submitting from the routing screen.
In the example below, Feature Requests and General Feedback are also enabled. Depending on the destination selected for 'Report a Bug', either the Screenshot tool, Video tool or feedback form will be loaded.
The final step to reporting a bug with Userback is the feedback form itself. Each feedback type has its own form that can be configured. If you have multiple types of feedback selected, ensure that you have the Report a Bug form selected when making changes to the form.
When adding fields to the feedback form, you can also update the placeholder text for both the Title field and Comment Field. So for example, in the comment field, you could change the placeholder text to "Please provide all steps to replicate the bug".
Filtering bug reports with Board View
As bug reports start to come in, your overview page will give you an idea of the separation of bug reports to other feedback.
You can easily access a filtered view of your bug reports by clicking the bug reports section of the overview page.
In the board view, simply click the 'Type' Filter and select Bug Report. You can easily add or remove other types of feedback to the board by selecting from the 'Type' filter.
Configure your integrations
The final thing to do when managing bug reports with Userback is setup your integrations. You may not be using any 3rd party tools to manage bugs and that's totally fine, Userback gives you plenty of flexibility when it comes to helping you manage bugs with your team. There are loads of features to help such as:
Adding team members to your account
Assigning bugs to team members
Setting priority of bugs
Configuring your workflow for bugs
If however, you do use a 3rd party tool, great! Userback will allow you to sort incoming feedback such as Bug Reports and send those Bugs to other tools.
In this example, we're connected to ClickUp. In the Automation section, Bug is selected when feedback is automatically sent to Clickup.
If you manage multiple types of feedback in your 3rd party tools, you can select them here and send multiple types of feedback to the tool.
If you're collecting bug reports on a web app, SaaS tool or website that requires the user to log in, chances are, you already know a bunch about the users including their name, email, customer ID etc.
Using the JS API, you can automatically add this information with every Bug Report and the great thing about this is that when the customer is submitting feedback to you, via the Userback widget, they will not need to enter their email, name and other details each time.
When using the JS API, any custom data sent with feedback, will be available in the Custom Data section of the feedback.