Hide Chat bubble on entire website

  • Resolved crealys

    (@crealys)


    4 years ago

    (click on hidden ‘close’ button on top right corner of box to pass through ‘coming soon’ popup)

    Hello!
    I Discovered this amazing plugin a couple of weeks ago and it’s only now that I have time to go deep in it… I have to say What a fantastic plugin you made here!

    I want to hide the chat widget until the visitor click on a ‘chat with support’ button/link.

    1. For the button/link trigger I found this code and added it on my footer:

    <script>
    $ = jQuery;
    $(‘#chat-btn’).on(‘click’, function(e){smartsupp(‘chat:open’);
    });
    </script>

    As well as added a CSS ID ‘chat-btn’ to my button/link on my contact page under CHAT tab (link given above in specific field)

    The part above works like a charm – but please read below:

    I went through the documentation and got this JS:

    _smartsupp.hideWidget = true; // use on specific pages
    _smartsupp.hideMobileWidget = true; // hide chat box on mobile devices

    I’ve put these 2 lines of code in the advance area of the plugin setting and it does not work on desktop version… However on mobile it works like a charm!

    Any help would be much appreciated!

    Thank you and best regards!
    Ludovic

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter crealys

    (@crealys)

    anyone here? ??

    Hello, Ludovic,

    sorry for a late reply and thank you for the feedback. It is great to hear that you like Smartsupp and also use the advanced features ??

    About the hide chat option on the desktop, I forwarded your request to our devs and they copied your sterps and it worked for them. I see you are using Smartsupp on two domains, is crealys.mu the website that has the problem? We can look at it and look for possible reasons why it is not working.

    I also got a tip that you can try adding the API call to the code: <script>smartsupp(‘chat:hide’);</script>

    All the best,
    Michaela, Smartsupp

    Thread Starter crealys

    (@crealys)

    Hello, Thank you for your answer!
    The website I need help with: https://www.somawarsaw.com/

    I copied all these on the chat advanced setting area:

    smartsupp(‘chat:hide’);
    _smartsupp.hideWidget = true; // use on specific pages
    _smartsupp.hideMobileWidget = true; // hide chat box on mobile devices

    Upon visit on mobile it works! its hiding the chat button
    But I have no chance for desktop version… ??

    Hello, Ludovic!

    I seems you have the chat code inserted twice on your website. Seems like it was once installed by the wp plugin and once by manually inserting it. These two chat codes are probabbly cancelling each other and this might be the cause of your trouble. Please delete this part:

    <meta name=”generator” content=”Site Kit by Google 1.20.0″ /><!– HFCM by 99 Robots – Snippet # 2: hide-chat –>
    <script type=”text/javascript”>
    var _smartsupp = _smartsupp || {};
    _smartsupp.key = “aa26f5342bc39acced9209b912294e80d4a42ae6”;
    _smartsupp.hideWidget = true; // use on specific pages
    _smartsupp.hideMobileWidget = true; // hide chat box on mobile devices
    window.smartsupp||(function(d) {
    var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
    s=d.getElementsByTagName(‘script’)[0];c=d.createElement(‘script’);
    c.type=’text/javascript’;c.charset=’utf-8′;c.async=true;
    c.src=’https://www.smartsuppchat.com/loader.js?&#8217;;s.parentNode.insertBefore(c,s);
    })(document);
    </script>

    And then in the plugin advanced settings add this:
    _smartsupp.hideWidget = true; // use on specific pages
    _smartsupp.hideMobileWidget = true; // hide chat box on mobile devices

    Best regards, Michaela

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Hide Chat bubble on entire website’ is closed to new replies.