Show or hide Messenger on specific pages

Avatar

By Jitta

updated 2 months ago

Once you have successfully installed the Gist tracking code on your website, the Messenger will appear on all pages by default.

However, you can decide on which pages of your website, the Messenger will appear. For instance, you can display the Messenger when a visitor is on a specific page URLs such as homepage, pricing page, landing pages and hide it completely from your blog and other high-traffic pages.

Show or hide Messenger on specific pages (basic)

  1. Navigate to Settings > Tools > Messenger > Visibility
  2. Scroll down to Show Messenger on these pages or Hide Messenger on these pages sections.
  3. Click add rules and enter the pages where the Messenger will be visible or hidden.

A few things to note:

The show Messenger represents the URLs where the Messenger needs to be shown, while the hide messenger represents the URLs where the messenger needs to be hidden. In the event that the same URL is given in both, the Messenger will be hidden.

You can specify the pages where the Messenger will be shown or hidden based on the website URL. See the available conditions and examples below:

  • is all pages - the Messenger will be shown or hidden on all pages/URLs.
  • is the homepage - the Messenger will be shown on hidden only on the homepage
  • contains - match a part of the URL. For example, 'pricing'. The Messenger will be shown or hidden on any pages that contain 'pricing'.
  • is exactly - match an exact URL. For example, 'https://docs.getgist.com/'. The Messenger will be shown or hidden only on this exact page.
  • starts with - match the starting URL. For example, 'app.getgist.com'. The Messenger will be shown or hidden on all pages that start with 'app.getgist.com'.
  • ends with - match the ending URL. For example, 'getgist.com/pricing'. The Messenger will be shown or hidden on the pricing page of any subdomain of getgist.com.
  • matches pattern - support the use of special character (*) to match a pattern, where (*) is treated as a wildcard. For example, app.getgist.com/projects/*/messages/. The Messenger will be shown or hidden on any pages that start with 'app.getgist.com/projects/' and end with '/messages/'.

Show or hide Messenger using the Gist Javascript code (Technical)

The Gist JavaScript API provides a Gist JavaScript object that responds to a few methods to identify or update users or to interact with the Messenger such as hiding or showing it programatically. Learn about about the Gist Javascript API.

Show Messenger

This will display the Gist chat messenger on the page on which this API is called. To make this happen, you can call the following API.

document.addEventListener('gistReady', function () {
    gist.chat('show');
});

Hide Messenger

This call will hide the Gist chat messenger if it is loaded on that particular page. It will not hide the Messenger Launcher everywhere in general, but just hides on those pages where this script loads. To make this happen, you can call the following API method.

document.addEventListener('gistReady', function () {
    gist.chat('hide');
});

This is useful if you want to hide the chat messenger by default on a page and only display it when an event is triggered by your users, such as clicking a link or a button.


Need Help?

If you have any further questions, please start a Live Chat. Just "Click" on the Chat Icon in the lower right corner to talk with our support team.

Did this answer your question?