Marker.io offers several ways to install the issue tracking widget on your website or web app. Whether you're using a content management system (CMS), managing your own codebase, or prefer browser extensions, this guide will walk you through the different installation methods step-by-step.

This method is perfect if you have direct access to the backend of your website. By adding a small code snippet to your website, you enable Marker.io’s issue tracking on both desktop and mobile devices.

Steps:

If you’re using a CMS to build your website, Marker.io offers easy-to-install integrations with several platforms. This allows you to quickly add the widget without dealing with code.

To install via your CMS, refer to the specific integration guide provided for your platform. Each integration follows a simple, CMS-specific setup process.

For developers working on web applications, Marker.io provides an NPM package that allows you to control advanced features such as triggering captures or hiding/showing the widget programmatically.

Steps to Install:

For full setup instructions, visit the Marker.io platform, navigate to your project, and go to Settings > Widget > Installation > Add NPM Package.

Browser SDK: For developers preferring browser-based setups, check out the Official Marker.io Browser SDK.

If you'd prefer not to modify your website's code, you can still submit and track issues via browser extensions. This method allows reporters to send issue reports without embedding any code into your website.

Supported Browsers:

To learn how to install these extensions, refer to the Browser Extensions Guide.

If you have any questions, comments, or corrections, chat with us at the bottom right of our web pages.