Here we help you collect feedback from specific people and/or pages.

Widget Targeting with manual code installation

Widget Targeting with the WordPress Plugin

Widget Targeting with the Browser Extension

Display the Marker.io widget on specific pages or a subset of pages

Widget Targeting with manual code installation

If you install our widget manually using the JavaScript code (our most popular installation method), anyone who can access your website/web app can see the Marker.io widget. This may not be ideal for your use case.

To change this setting, go to Destination > Settings > Widget > Button

Here you can change the setting from Everyone to either of:

  • Logged-in users only: Users must have their own Marker.io account and log in to see the button

  • Hidden: Only people aware of the secret visibility functions can report feedback.

Some examples:

  • I want specific internal people to report feedback.

    Invite these people as Members and target Logged-in users only.

  • I want my external clients to report feedback also.

    Invite your external clients as Guests and target Logged-in users only.

  • My website is on a private network, and only certain people can access it. I want everyone to have the ability to report feedback.

    Set button visibility to the default: Everyone

  • I want the button hidden and require a specific set of users to report feedback.

    Set button visibility to Hidden, and contact this set of users to educate them about our secret visibility settings.

    For clarity on the difference between Members and Guests, see our User Roles Guide.


Widget Targeting with the WordPress Plugin

If using the WordPress plugin, we recommend leaving all the default visibility settings on the button (leave it set to Everyone) and editing the WordPress plugin settings where you see fit.

Here you can fine-tune many display settings, including:

  • Enable/Disable the widget on both the live site and the admin section.

  • Control which WordPress user roles can see the widget.

  • Decide on page & post types to display the widget

  • Show the button on published an/or draft content.


Widget Targeting with the Browser Extension.

Only invited members and guests can see the widget if you install the widget using the browser extensions.

Once you invite a member or guest to your account. they will receive guided instructions on how to install the extension.

Navigate to your destination > Widget > Installation > Browser Extension

Here you can toggle off the widget

Note: To report via the browser extension method, a user needs to be invited to your team and install the browser extension.


Display the Marker.io widget on specific pages or a subset of pages

We often get asked how to display the marker.io widget on a certain page or a specific subset of pages.

This is easily achieved by wrapping a little JavaScript around our snippet code.

Let's examine the following use cases:

  1. Collect website feedback from product pages only.

  2. Collect website feedback from all web pages EXCEPT blog pages.

  3. Collect website feedback on my staging website, not my live website.

  4. Collect website feedback on my Webflow staging website and not my live Webflow website

For the above use cases, we need to investigate some JavaScript to examine the URL of our website pages.

How to check if a URL contains a certain string in JavaScript?

<script>
if (window.location.href.includes('CertainString')) {
{
//do something
};
</script>

How to check if a URL does NOT contain a certain string in JavaScript?

<script>
if (!window.location.href.includes('CertainString')) {
{
//do something
};
</script>

Let's now apply the above knowledge to our specific cases:

1: Collect website feedback from product pages only.

Here we will search the URL for any mention of the word "product" and only display the marker.io feedback widget on these pages.

<script>
if (window.location.href.includes('product')) {
{
window.markerConfig =
{
//replace the destination below with your own destination
destination: '62835625544ad308a0f416d7dd',
source: 'snippet'
}
};
</script>

2: Collect website feedback from all web pages EXCEPT blog pages.

Here we will search the URL for any mention of the word "blog" and display the marker.io feedback widget only on all other pages.

<script>
if (!window.location.href.includes('blog')) {
{
window.markerConfig =
{
//replace the destination below with your own destination
destination: '62835625544ad308a0f416d7dd',
source: 'snippet'
}
};
</script>

3: Collect website feedback from my staging website, and NOT my live website:

<script>
if (window.location.href.includes('staging')) {
{
window.markerConfig =
{
//replace the destination below with your own destination
destination: '62835625544ad308a0f416d7dd',
source: 'snippet'
}
};
</script>

4: Collect website feedback on my Webflow staging website and not my live Webflow website.

Consider the following query we have recently received:

I'm working on Webflow, and with Webflow, you get two domains for your site. The first is a staging link (e.g. yourwebsite.webflow.io), and the second is your live site (e.g. yourwebsite.com).

I would like to implement Marker ONLY on the Webflow domain (i.e. yourwebsite.webflow.io), as this is the link we use for QA before we push changes to the live domain.

I've set up my project to work on my Webflow domain, but the marker tab also appears on the live site.

I believe it is because the marker script added to the page head code appears on both domains, which activates the tab.

Is there a way I can disconnect the marker plugin from the live site but still keep it on the staging link?

For this one, we can use the string webflow.io, so the solution would be:

<script>
if (window.location.href.includes('webflow.io')) {
{
window.markerConfig =
{
//replace the destination below with your own destination
destination: '62835625544ad308a0f416d7dd',
source: 'snippet'
}
};
</script>

Did this answer your question?