作者:张振琦
Udesk能够支持APP,微信,企业微信,微信小程序,微博,web页面,六大即时通讯渠道。
web渠道只需要管理员在后台建立即时通讯网页插件,然后将代码嵌入网页即可实现。在此基础上,还提供灵活丰富的自定义功能,包括自定义对话按钮、对话窗口,并设置导航、留言等。
即时通讯网页插件,在【管理中心】-【渠道管理】-【即时通讯】-【网页插件】下,点击新建网页插件按钮即可。
在弹窗中填写名称和备注,点击“确定”。
之后在已创建网页插件列表中,找到新建的网页插件,点击后面的“管理”,就可进入该网页插件的管理页面。
管理页面包含六个选项卡:基本信息、按钮设置、窗口设置、邀请设置、导航菜单、其他设置
- 基本信息包括名称、备注、插件代码、专用链接、指定客服组、指定客服、自定义渠道、语言以及添加用户信息的KEY等内容。
- 按钮设置分为桌面网站设置和移动网站设置。
- 窗口设置包括web窗口自定义、无消息对话过滤已经窗口上的按钮等信息。
- 邀请设置分为桌面网站设置和移动网站设置。
- 导航菜单可以设置客服导航信息,根据不同业务选择不同的客服组或客服。
- 其他设置包括人工工作时间、Urobot机器人、留言及询前表单等设置。
在基本信息中,给了一段插件代码,我们只需要把这段添加代码添加到网页body标签中即可。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>IM</title>
</head>
<body>
<script>
(function(a,h,c,b,f,g){a["UdeskApiObject"]=f;a[f]=a[f]||function(){(a[f].d=a[f].d||[]).push(arguments)};g=h.createElement(c);g.async=1;g.charset="utf-8";g.src=b;c=h.getElementsByTagName(c)[0];c.parentNode.insertBefore(g,c)})(window,document,"script","https://assets-cli.udesk.cn/im_client/js/udeskApi.js","ud");
ud({
"code": "你的code",
"link": "的link"
});
</script>
</body>
</html>
访问此网页,即可看到即时通讯按钮。点击后即可与客服通讯。
PC效果:
移动端效果:
在基本信息中还有一个专用链接,可以直接在浏览器打开或者嵌入到网页的iframe里,可以打开与客服的对话窗口。专用链接的用处非常广泛,以后再详细介绍。
至此,我们已经完成了创建即时通讯网页插件,并可以在网页上进行显示。