如何使用网页客服组件API来提升信息获取和调用灵活性

小逸发表于:2015年12月14日 晚上 6:53:30更新于:2019年05月06日 下午 1:55:15

提及逸创云客服的网页客服组件功能相信很多在用企业并不陌生, 当使用逸创云客服的KCHAT渠道时,您需要将KCHAT以网页组件的形式放置于您的网页上,当您的网页访客点击网页按钮时即可发起留言反馈、在线交谈或是文档搜索等操作,如下图:


blob.png


但是我们也搜集了一些客户的反馈,认为网页客服组件还是存在一定的不灵活性,比如必须要放置按钮才能发起交谈窗口,关闭客服组件需要点击,无法获取当前已登录的用户的信息进而开启交谈等等。


blob.png


这些问题可以使用网页客服组件API进行很好的解决,我们先看下网页客服组件API的一些特性:


网页客服组件API能方便企业开发者拓展网页客服组件的能力,提供灵活的组件调用方式、控制方式等,此外,通过API可以让网页客服组件获取到当前网页的用户信息,并将信息传入网页客服组件,让用户发起留言和在线交谈时无需再次输入用户信息。


小特性


1、引入方式简单:要使用网页客服组件API,只需在页面引入外部JS文件,无需下载其他文件,不依赖于其他第三方框架或对象。

2、开发使用快捷、成本低:尽在网页前端添加script标签,使用javascript即可调用所有API方法,实现功能扩展和定制性开发。

3、传递用户信息给组件:通过网页客服组件API,可将您网站收集的用户信息传递给客服组件、自动填写工单表单,为客户提供具有针对性的服务。

4、场景操作定制化:通过网页客服组件API,可实现显示和隐藏客服组件按钮、显示和隐藏客服组件交互界面、刷新客服组件的内容,适应各种使用场景。


网页客服组件API提供的方法


  • identify 传递用户信息给组件

  • removeButton 移除默认按钮

  • showButton 显示默认按钮

  • hideButton 隐藏默认按钮

  • open 打开组件弹出层

  • close 关闭组件弹出层

  • refresh 刷新组件内页面


具体的使用方法请查看我们的开发者文档里的网页客服组件API里每个函数的用法。


懂技术的小伙伴肯定一下就能明白其中的含义,网页客服组件API定义了若干灵活可操作的函数方便企业按照自己喜欢的方式来操作网页客服组件的自定义事件。了解到这里,下面我向大家介绍一些比较实用的场景:


通过链接形式触发网页客服组件


用这种方式可以很方便代替默认的点击反馈按钮来触发反馈窗口的方式,企业可以定义一个链接,然后使用 OPEN 方法来开启反馈窗口,如下图所示:


blob.png


在文字中嵌入的链接可以给该链接标签添加OPEN事件来开启反馈窗口。同时别忘了使用 hideButton 函数来隐藏默认的网页客服组件按钮哦。


仅需要以下两部分JS代码即可


window.KF5SupportBoxAPI.ready(function()
{
        // 打开组件弹出层
        window.KF5SupportBoxAPI.open(function(){
             // 动画完成后执行的回调函数
        });
});


以及


window.KF5SupportBoxAPI.ready(function()
{
        // 移除默认按钮
        window.KF5SupportBoxAPI.removeButton();
});



获取网页当前登录用户的基本信息


当企业把网页客服组件使用于用户系统或者是SAAS产品中时,可能希望在用户交谈时或是发起留言反馈时获取到当前登录用户的基本信息,如姓名、邮箱和手机号,免去用户重复输入这些信息,也方便接待的客服能获取到用户的真实信息而非匿名访客,那么用这个功能就对了。


使用 identify 函数可以获取到网页当前已登录的用户的信息,并在用户发起对话时,将这些信息传入网页客服组件,客服在接待时能立即获取到该用户的真实信息。


企业的开发者只需下面几行JS代码,传入当前登录的用户信息即可实现,需要企业技术的同学协助哦!!


window.KF5SupportBoxAPI.ready(function()
{
        // 传递用户信息给组件使用
        window.KF5SupportBoxAPI.identify({
         "name" : "用户昵称" ,
         "email" : "用户邮箱" ,
         "phone" : "用户手机"
        });
});


此外,企业还可以根据这些函数的功能配合实现想要的效果和功能。

比如企业必须要在执行了某步操作后,才可以让用户发起交谈和反馈,那么可以在执行了这步后由企业的程序执行 showButton 显示默认按钮,然后让用户发起交谈,并获取当前用户的基本信息。


怎么样? 学会了么?   如果还有疑问请及时和我们的服务人员联系哦!

当然,如果您还有更好的提议希望多向我们进行反馈,我们的产品哥哥很开心收到大家的反馈建议。


如果还有问题,请用网页打开: http://developer.kf5.com/supportbox  查看详细开发文档。



20秒免费开通服务,拥有和逸创云客服官方一样的帮助中心+讨论社区+全渠道客服平台

免费注册服务

在线客服 电话咨询 免费开通 返回顶部