How do I use Zopim chat code in the Web Widget?

Disclaimer: This article is provided for instructional purposes only. Zendesk does not support or guarantee the code. Zendesk also can't provide support for third-party technologies such as JavaScript, jQuery, or CSS. Please post any issues you have in the comments section or try searching for a solution online.

Question

I found a script that applies to Zopim chat that I want to use it for my Web Widget. How can I use the code on my website? 

Answer

If you have a script that only applies to Zopim chat, you can wrap the code so that it applies to the Web Widget.

Zopim chat refers to our legacy chat option, but some code references from Zopim are still available to use in the Web Widget. Find out which widget you use with this article: Which widget do I have with my Zendesk account and website? 

Note: The code format is only required for Zopim code that you want to use on your Web Widget. Determine if you're using the Chat or Web Widget code snippet on your page.

Insert the code under // Custom code here in the script below: 

zE(function(){
 $zopim(function(){
 // Custom code here
 });
 }); 

For more information on how to migrate from the Chat widget syntax to the Web Widget syntax, see the developer page: Migrating from the Chat widget syntax.