0 votes
1.8k views
in General by
How about deactivating Zopim Live Chat on Mobile Devices?

The problem is that, on mobile phones with really small screens, even the minimized chat bubble can take up a significant portion of valuable screen real estate. If you happen to tap it, the minimize button may actually end up beyond the top of the screen disabling people from accessing your site. To make matters worse, a cookie will keep re-opening the window each time you reload the page.

Does not seem to be a able to do this with CSS

1 Answer

0 votes
by

By just adding a couple of lines to the official Zopim Javascript snippet in the <head> section of your page, you can easily disable Zopim on mobile devices with small screens and really small browser windows. Sure, a few visitors won't be able to chat with you, but wouldn't you rather they be able to access your site?

Here is an example of the code which will disable Zopim on screens with a height or width resolution under 480 px. I've highlighted the two lines that you will need to add to your code:

<!--Start of Zopim Live Chat Script-->
 <script type="text/javascript">
 if (Math.min(window.screen.availHeight,window.screen.availWidth) > 480) {
 window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s=
 :     :     :     :     :     :     :     :     :     :     :     :     :
 type='text/javascript';e.parentNode.insertBefore($,e)})(document,'script');
 }
 </script>
<!--End of Zopim Live Chat Script-->

Related questions

0 votes
1 answer 631 views
asked Oct 4, 2021 in General by Tester Testee (220 points)
0 votes
0 answers 431 views
asked Oct 4, 2021 in General by anonymous
0 votes
1 answer 553 views
asked May 25, 2021 in General by Tester jjavelin (120 points)
0 votes
1 answer 2.6k views
0 votes
1 answer 2.6k views
0 votes
1 answer 1.1k views
asked Jun 22, 2016 in General by mithunrockey (620 points)
...