Our browser extensions make it simple for anyone to report issues directly from their browser without needing to install any additional code on your website. These extensions are available for Google Chrome, Mozilla Firefox, and Microsoft Edge. This guide will walk you through everything you need to know to get started.
Why Use Marker.io's Browser Extensions?
The Marker.io Browser Extension is an excellent tool for website owners, developers, and anyone involved in managing a website or web application. Here’s why you might find it useful:
No Code Required: If you’re not able to, or prefer not to, edit your website’s code, these extensions let you report issues without any coding.
Versatile Reporting: Easily capture screenshots and report issues from any webpage, no matter where you are online.
Comprehensive Data Collection: The extensions can gather session replay videos, console logs, and network requests when enabled, providing a thorough understanding of issues.
Marker.io Browser Extension Pros and Cons.
Pros | Cons |
No need for website code access | Only available for and invited users with project access |
Multiple screenshot options (full page, desktop, etc.) | Desktop-only |
Works on any webpage | Each user must install the extension |
Getting Started with the Browser Extension
Follow these simple steps to start using the Marker.io browser extension:
Add a Project: Connect your preferred project management tool or issue tracker to Marker.io.
Configure Your Widget: Set up the widget that will appear on your website for issue reporting.
Activate the Widget: Make sure the widget is active on your website so users can start reporting issues.
Invite Collaborators: Invite team members who need access to the project. To use the extension, collaborators must:
Have a Marker.io account.
Be added to the specific project.
Install the browser extension on their device.
Reporting Issues on Any Website
One of the best features of the Marker.io browser extension is that it allows you to report issues from any website. This opens up possibilities like:
Sharing ideas for new design improvements.
Suggesting changes in product pricing.
Collaborating on top-ranking Google search results.
Discussing the latest technology news with your team.
Example Use Case
Imagine you find a product comparison idea on another website and want to share it with your team. The Marker.io extension lets you capture that webpage, add your comments, and send it directly to your project management tool without leaving your browser.
Collecting Session Replays, Console Logs, and Network Requests
If you'd like more detailed data to analyze each issue, you can configure the widget to collect session replay videos, console logs, and network requests. Ensure the widget is visible on the website you want to monitor for these features to be active. And ask reporters to click on the widget when reporting issues.
Go to Settings > Widget > Installation > Browser Extension, and toggle on "Show widget on my website."
.
In the following example, we will demonstrate the process using a browser extension with the widget activated.
Google Chrome Extension
Click here to install our Google Chrome Extension, and follow the on-screen instructions:
Add To Chrome -> Add Extension.
Optional: Pin to the toolbar as displayed below.
Firefox Extension
Click here to install our Firefox Extension, and follow the on-screen instructions:
Add To Firefox -> Add Extension.
Microsoft Edge Extension (Using the Chrome web store)
Click here to open the Marker.io Chrome Web Store page on Edge.
On the top of your Edge window, click “Allow extension from other stores.”
Allow > Add to Chrome > Add extension
Optional: Pin to the toolbar as displayed below.
Browser Extension FAQs
Got questions about using the browser extension? Check out our Browser Extensions: FAQs page for answers to the most common questions.
Need Help?
If you have any questions, comments, or corrections, chat with us at the bottom right of our web pages.