Hide the chat widget on specific pages

52 December 11, 2020

To hide the chat widget on specific pages of your website, apply the following changes to your installation code:

Find your Chaport widget config

w.chaportConfig = {
   appId : '55ccb98067193d440e367a53'
};

and change it like this:

w.chaportConfig = {
   appId : '55ccb98067193d440e367a53',
   session: {
       autoStart: false
   }
};

Add these lines after the installation code:

<script>
    (function() {
        // list the pages you want to hide the chat widget on
        var hideOnPages = [
            'www.your-domain-name.com/hide-page-1/',
            'hide-page-2'
        ];
        
        // don't modify code below unless you know what you are doing
        if (!isPageOneOf(window.location.href, hideOnPages)) {
            window.chaport.q('startSession');
        }
 
        function isPageOneOf(url, patterns) {
            for (var i = 0, len = patterns.length; i < len; i++) {
                if (typeof patterns[i] === 'string') { // look for substring match
                    if (url.indexOf(patterns[i]) !== -1) return true;
                } else if (typeof patterns[i].test === 'function') { // presume regex
                    if (patterns[i].test(url)) return true;
                }
            }
 
            return false;
        }
    })();
</script>

In this part of the code:

<script>
(function() {
    var hideOnPages = [
        'www.your-domain-name.com/hide-page-1/',
        'hide-page-2'
    ];

don’t forget to change 'www.your-domain-name.com/hide-page-1/', 'hide-page-2' to the URL or a part of the URL of a page / pages where you want to hide the chat widget.

Please note: This code is a part of JavaScript API that is only available on our paid plans.