Ready to get detailed website feedback reports directly into Notion? Thanks to Marker.io when your team and clients find issues - they can annotate these directly on your website. No need to ask clients to install anything and your team will receive a detailed report directly into Notion. Check out the details below on how to set this up.

Ensure that you have at least one Table/Database set up on your notion account where you want to collect website feedback.

On the Marker.io dashboard, create a project entering the project name and the website where you wish to collect feedback.

Select the Notion Integration

Allow Marker.io to access your Notion database

We fetch your native Notion fields into your widget form. You can show/hide any fields and preset those fields if required. For example, set the default Priority as Medium and allow reporters to change that field as needed.

Note: Marker.io members report through the Member form, while Guests and Public Reporters report via the Guest form. More on that in our User Roles Guide.

The last step is to install the website widget. We have many options for installing our widget and recommend our manual JavaScript install in most cases.

Alternatively, install the widget via the WordPress plugin, NPM package, or send a request to your developer in one click. See our Widget Installation Guide for more details.

Now, anyone that can view your website, whether it's in a staging or a live environment, will see the Marker.io feedback widget.

Reporters can submit their feedback directly to your Notion 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.

You can now review your feedback both in Marker.io and in your Notion project.

In Notion you see the feedback arrive with a clear screenshot and automatically captured technical data your team will appreciate to help fix any problems.

We also provide links to Console Logs, Network Requests as well as a Session Replay video of what your reporter did just before submitting the feedback. Create to help your developer team understand the complete context of the issue.

The "Contact via Marker.io" link opens the Feedback Page, where you can communicate with your reporters. They will receive an email where they can reply. All conversations will be synced directly with Notion.

This feature is not currently available on our Notion integration. We are waiting on Notion to release their Webhooks feature. If you would like our team to build this out, please consider voting on that feature request here:

https://marker-io.canny.io/feature-request/p/notion-two-way-sync

Also, add some commentary on how it would benefit you. Every additional vote and comment will help convince our team to build out this feature.

We take your data and the security of our systems very seriously, using the most advanced security to connect with your account. See the latest version of our security policy at: https://marker.io/security.

Admin permissions are required on the Notion project you wish to connect with.

Custom fields are a powerful customization tool allowing you to add new field types and custom data specific to your workflow.

If you don't see your Notion database on Marker.io after following the above steps, you may need to add the Marker.io connection in Notion directly to your database/table.

Within Notion, select your database > Settings (3 dots on the top right) > Connections > Add connections > Select Marker.io

Back on Marker.io, refresh and your database should be now available.

We have received some information from Notion developers as regards the Relation field:

Because of this, you need to ensure that the sync is a two-way relation for it to appear as a field on Marker.io.

Below, for example, Database 01 has a Relation Type (field) relating to Database02.

Now we need to ensure that the Relation is two-way, so we click on Edit property and ensure that Show on Database 02 is toggled on as below.

For more details on the Notion two-way relation, check out the following article from Notion:

https://www.notion.so/help/relations-and-rollups

To effectively manage feedback within Notion by organizing it as subtasks under a primary task, follow these detailed steps to enable and utilize parent and subtask functionalities. This approach can help improve how feedback, such as bug reports, is categorized and addressed.

Enabling subtasks will introduce 'Sub-item' and 'Parent Item' fields in your Marker.io forms.

Decide whether these fields should be pre-selected and hidden from reporters, or if they should be editable. This decision will depend on how you prefer to manage the workflow. Allowing reporters to edit these fields can encourage more detailed feedback, but may require additional moderation.

An example below where we allow the reporter to select the parent item

Below is a Notion example of a Parent item: All Bug Reports, and a sub-item: Button Broken

By structuring your feedback as subtasks under a designated parent task within Notion, you can enhance organization, improve tracking, and streamline the resolution process. Experiment with these settings to choose the right setup for your needs.

Invite your team to collaborate on a dedicated Notion project today with Marker.io, where anyone can report bugs and feedback in seconds. We have many advanced features for you to explore. See Marker.io Academy, which we continuously update with our latest features.