Deactivating Zopim Live Chat on Mobile Devices

0 votes
310 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 155 views
asked Jun 22, 2016 in General by mithunrockey (550 points)
0 votes
1 answer 183 views
asked May 26, 2016 in General by Cyan
+1 vote
1 answer 12 views
+1 vote
0 answers 98 views
+2 votes
1 answer 285 views
0 votes
1 answer 307 views
...