Zopim offers a great way to add a text chat window right into your small business websites with their free Zopim Lite. While the customization features are limited in any Lite product, it is fully functional and doesn't have the 30 chats per month limitation found in ClickDesk Free.
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.
The good news is that 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-->
April 23, 2013 at 4:47 AM
Working great, thanks!
August 24, 2013 at 7:36 AM
Zopim is great choice for mobile devices. Another great choice is Live2Support for small mobile devices and tablets.
September 3, 2013 at 8:37 PM
Thanks for the comment Alex! I am not familiar with Live2Support but I did notice that they are a pay service while Zopim us great for folks for those looking for a free service.
January 7, 2014 at 7:11 PM
Thank you, works great!
January 7, 2014 at 11:59 PM
Your welcome Pat. Thanks for letting me know that it helped you out.
April 23, 2014 at 6:37 PM
For some reason that didn’t work so I just used the jQuery function which I was already using elsewhere:
if ($(window).width() > 720) {
“Zopim snippet here”
}
It’s a shame to disable it, because the chat widget is a nice function, however I was finding that it didn’t adjust properly when you switch from landscape to portrait on mobile as well as the same problem with the available screen space.
December 5, 2015 at 8:02 AM
Perfeito, funcionou muito bem!