Assistance Hiding Chat Pop-Up | Community
Skip to main content

Assistance Hiding Chat Pop-Up

  • July 20, 2017
  • 3 replies
  • 0 views
J

We are looking to have a chat link on an external page (outside our Help Center). On the page, I have added the widget code. Additionally, I have added a link and code to hide the pop-up per this community article: Adding a Chat Link

However, the code I have implemented to hide the pop-up is not working. And, I feel it has to do with the link not being in the Help Center, because the article suggests putting the script into the General Settings>Custom Design>JS. 

Any help is greatly appreciated!

Here is the relevant portion of my code:

<!-- Start of datawatchsupport Zendesk Widget script -->
<script>
*Widget Code* 
</script>

<!--hide script from pop up-->
<script>
$zopim(function() {
$zopim.livechat.hideAll();
}); 
</script>

<!-- End of datawatchsupport Zendesk Widget script -->

<!--chat link-->
<a href="javascript:$zopim.livechat.window.show();">
<img src="chat.png" alt="Chat Button" />
</a>

    This topic has been closed for replies.

    3 replies

    J
    • Jim28
    • Author
    • July 20, 2017

    I think I just answered my own question after I stumbled through the API. 

    For others who may have the same issue, it appears the following script works:

    <script>
     zE(function() {
     zE.hide();
     });
    </script>
    R
    • Ramin12
    • July 21, 2017

    Thanks Jim. For customers using the Web Widget instead of the Chat standalone widget, you will need to wrap the  Chat JS API calls in zE (function() and for general appearance you can use zE.hide instead of $zopim.livechat.hideAll() 

    J
    • Jessie17
    • July 22, 2017

    Welcome to the Community, Jim, thanks for coming back to let us know what you figured out!

    Terms & ConditionsCookie settingsAccessibility statement