Overview of Marker.io for agencies

Here we will explore the main steps you need to implement Marker.io for website agencies.

Add a project

Widget

Forms

Feedback

Summary

Add a project

A project is where your users report their website feedback. A project can be created directly on Marker.io without an integration, or you can integrate with your favorite issue tracker or project management tools.

To add a project, click "Create Project", enter your project name and the website where you'd like to collect feedback.

Select your preferred integration. If you don't use one of our integrations, you may continue without one.

If connecting to an integration, select an area within that tool to log your website feedback and select "Create project". See the below example using Jira.

See our integration helpdesk area for help setting up your integrations.

Widget

The next step is to connect the website/web app to Marker.io.

Widget Installation

You may install our widget in several ways. Two we'd like to highlight here are:

  • The standard JavaScript snippet installation

  • The WordPress Plugin installation

Install our widget using the JavaScript snippet

The JavaScript snippet installation is very straightforward if you have access to your source code. Copy the snippet code and place it above your website's closing </head> tag.

Install our widget using the WordPress plugin

We have detailed WordPress installation documentation here, and we also recently hosted a WordPress Webinar that you can check out.

Button

Use our button

You can make several changes to our Marker.io button. By default, the button is red, placed on the right-center of the window, and the title is "Report a bug."

Edit our button

You can make many changes within the "Button appearance" settings including:

  • Button color

  • Button Text

  • Button Placement

Forms

Depending on your integration, you will have many choices on what field you display to your users to collect feedback.

Show/Hide fields

It is important to remember that your users may get overwhelmed if they have too many fields to complete in their feedback. By default, we keep the form simple.

However, you may add more fields, and you can do this within the project settings → Widget → Guest form.

For example, here we will include priority and due date:

Guest form versus Member form

If you have users that would like to send you more detailed and advanced reporting, like internal teams, you may invite them as members of your Marker.io team. They will then see a more advanced "member form" when they give feedback in the future. Members can also

  • Choose the issue type (bug, feedback, new feature, etc.)

  • Add new projects

  • Report to various projects

  • Attach new feedback to existing feedback

  • Invite others to the platform.

Check out our User Roles article for more detailed information on Members & guests.

Feedback

How it works

Collect feedback

Reporters can submit their feedback directly to your Trello project without leaving their website. Their feedback will automatically include detail-rich technical data.

Let’s say the Contact Us button is broken on the About Us page. The reporter clicks on the widget and is presented with a screenshot and a feedback form to complete.

The screenshot can be annotated, and the feedback form can be as simple or as complex as you wish. We recommend keeping the feedback form as simple as possible for your non-technical reporters.

Review issues

In your Trello project, you see the feedback arrive with the screenshot and automatically captured technical data, including:

  • Page URL

  • Browser

  • Screen size

  • Operating system

Communicate with reporters

The "Contact via Marker.io" link opens the Feedback Page, where you can communicate with your reporters. All conversations will be synced with Trello.

Synchronize Status

Once you update an issue status to “done” within Trello, this will update the Marker.io status to resolved and notify the reporter via email that the issue is complete.

Summary

Here at Marker.io, we have many great features for your to use. Above, we have highlighted our main features that apply to you if you develop websites for clients. We hope these features are useful to you, and please feel free to contact us at any time by using the chat function at the bottom right of any of our pages. Thanks for reading.

Did this answer your question?