如何使用在线客服组件？

一、什么是在线客服组件？

在线客服组件是一个通过将第三方在线客服提供商提供的代码添加到组件设置项的代码框中，实现个性化在线客服需求的模块。该组件是由“插件代码”组件衍生出来的带有实际应用场景的组件。

当领动平台提供的“快速联系”组件不能满足您的需求时，您可以调用第三方在线客服平台提供的代码，添加到在线客服组件的设置项中的代码框中，实现个性化在线客服的展示。

二、如何使用在线客服组件?

如何在页面上添加在线客服组件？

如果需要每个页面都出现在线客服，那么建议把在线客服组件添加到首页页脚位置，单击查看页脚区域是指哪一块，因为页脚位置是所有页面都共享的。

如果只出现在首页或部分页面，需要把在线客服组件添加到指定的页面就可以（先把要添加的页面切换为当前页面，然后再添加在线客服组件），位置可以选择页面靠下的位置，这样不影响页面的加载速度。在线客服组件在网站编辑后台只是一个占位。

在网页上无论添加任何组件，添加方法都是一样的.

如何在“在线客服组件”中添加第三方在线客服代码？

第1步：“在线客服”组件在网站后台只是一个占位，显示“在线客服HTML/Javascript代码”这些字的就是，把鼠标放到这些字上出现组件名称“在线客服”及一排操作按钮，鼠标单击“在线客服”后的第一个按钮“设置”；

第2步：在弹出的“设置在线客服”窗口，如下图所示位置，添加第三方在线客服代码，然后保存。

设置好以上内容以后要单击页面右上角的“保存”按钮，目的是把此修改保存到网站后台；

然后可以单击“预览”按钮查看不同终端下展示的效果，如果不合适可以到后台再做修改；

如果需要让访客也看到，请单击页面右上角的“发布”按钮，发布之后稍等两分钟左右即可看网站前台展示效果。

请注意：在线客服组件在网站编辑后台只显示一个占位，要看展示效果需要到预览界面以及发布网站后到网站前台去看哦。

在线客服组件在后台展示的效果：

前台展示效果举例如下，显示的具体效果是由提供第三方代码的服务商决定的，代码怎么写的，效果就是什么样子的。

新增功能（2019-3-28更新）

1、高级组件新增“Tawk.to在线客服”组件；

【应用场景】Tawk.to是国外的一款在线客服工具，用户可通过此工具和网站的访客进行沟通，和客户的有效沟通有助于提高营销效果。因此我们新增了一个“Tawk.to在线客服”组件，用户可根据自身需要使用组件，增强网站获客能力。

【操作方法】在高级组件分类中找到并成功添加组件到网站后，可在组件设置项中找到我们为您提供的使用攻略链接跳转入口，点击后即可跳转至相应攻略界面。链接跳转入口位置如下图所示: