Deactivating Zopim Live Chat on Mobile Devices

0 votes
531 views
asked Sep 6, 2016 in General by Jermy
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
answered Sep 6, 2016 by Zopim support

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 203 views
asked Jun 22, 2016 in General by mithunrockey (560 points)
0 votes
1 answer 299 views
asked May 26, 2016 in General by Cyan
0 votes
0 answers 11 views
+1 vote
1 answer 195 views
+1 vote
0 answers 252 views
+2 votes
1 answer 445 views
...