企点客服DOM ID使用说明

什么是DOM ID？

ID在HTML中的作用是给一个DOM元素一个独一无二的标识，用于定位该元素，在同一个HTML文档中，ID值必须是唯一的。

如何设置DOM ID？

在HTML文档中一个元素的ID属性可以通过该元素的DOM标签的属性设置。

可能有以下几种原因使用到ID属性：

· 你想链接到一个页面的指定位置

· 你要在某个HTML元素上使用特定的样式

· 你要为某个特定的DOM元素使用脚本修改

· 你要区分两个相同的DOM元素

示例：

<div id="container1">使用container1和container2来区分两个div标签</div>

<div id="container2">使用container1和container2来区分两个div标签</div>

在企点如何设置自定义DOM类型接待组件？

用户可以通过创建类型为 “自定义DOM”的接待组件，指定元素的DOM ID。当用户点击该元素时，即可触发接待逻辑。

以“独角兽旅游”网站为例（此网站仅为虚构，用于演示，如有雷同纯属巧合）：

1、想要在页面右下角的“点我咨询”按钮被点击时打开接待组件；

2、使用Chrome等浏览器的开发工具，定位到此按钮，也可以通过网站源代码来定位到该按钮；

3、可以看到该按钮的id为btnClickMe，在源代码窗口也可以看到；

4、在配置接待组件时选择“DOM”类型和你想要的接待通路；

5、将“btnClickMe”填写到DOM ID输入框，填写组件名称，选择对外方式和接待人，按照指引完成后续配置即可。