显示自定义映像状态

注意:本指南仅适用于聊天专用帐户的聊天小部件，而不适用于聊天+支持帐户。看到<一个href＝＂https://support.zendesk.com/hc/en-us/articles/4408836197658">关于聊天账号类型在聊天帮助中心。

您可以在您的网站上放置一个自定义的图像按钮，以显示小部件的当前状态。

首先，需要将API代码放在图像按钮中。代码如下:

             

              
<一个href＝＂javascript: $ zopim.livechat.window.show ()＂><imgid＝聊天\ _imgsrc＝＂在这里添加img SRC＂/>一个>
             

将图片放在“ADD IMG SRC HERE”的位置。例子来源:<一个href＝＂http://www.yourdomain.com/image/btn_online.png">www.yourdomain.com/image/btn_online.png．你可以把图片放在你网站的任何地方。

接下来，放入一个代码，告诉图像在状态改变时改变。请确保将代码放在小部件代码之后。

             

              
<脚本类型＝＂text / javascript＂>zopim美元（函数（）｛zopim美元．livechat．setOnStatus（改变\ _chat \ _img）；｝）；函数改变\ _chat \_img（状态）｛varimg＝文档．getElementById（“聊天\ _img”）；如果（状态= =“在线”）img．src＝在这里添加在线img SRC；//在这里放置在线图像源其他的如果（状态= =“走开”）img．src＝添加img SRC；//删除图片源其他的如果（状态= =“离线”）img．src＝添加离线img SRC；//在这里放置离线图像源｝脚本>
             

正确设置后，图像应该反映小部件的当前状态，如下面的示例所示。