客服组件

客服工具接入

JS埋码型（推荐）

在客服的管理后台或开发者文档中找到部署代码与对话窗口激活的方式。用户可以不离开当前页面直接打开客服界面，也可以主动邀请对话。​JS埋码的方式不仅对用户体验更友好，也为你提供了更强的互动能力、客服场景与数据收集能力。

设置基础代码

在页面左侧找到页面基础代码
根据各产品的说明，将基础代码添加到正确的位置

设置客服代码

1. 选中按钮、文字或图片
2. 在工具条上选中【点击动作】按钮
3. 在点击动作方式中，选择“咨询客服”，并点击【+新建咨询客服】

客服代码有两种执行模式。
1. 执行代码，适用于onclick事件调起的情况
2. class绑定，适用于需要修改class命名的情况

这两种方式需要根据你的IM服务来对应选择。你可以在“自定义客户端”、“自定义按钮样式”、“自定义调起”等相关的说明片段中找到说明。

设置完成后，点击创建，灵蹊会为你保存这个客服配置，未来使用时直接选取即可，无需反复设置。

为页面内容设置客服调起

如果你的页面上有许多元素都指向打开客服，可以使用批量设置。

在页面上拖拽框选可以直接选中多处元素
点击设置“点击动作”
可以一次性为所有元素完成设置。

链接打开型​

客服工具通常可以生成聊天链接，你可以像设置打开新页面一样设置聊天页面到按钮或图片等元素上。