1. Home
  2. Channels
  3. How to add the chat widget to your website

How to add the chat widget to your website

功能概述

网站不仅是信息展示的平台,更是企业与客户互动的重要前线。通过在网站中添加聊天插件,您不仅能即时响应访客的咨询,还能有效利用第三方引流渠道,增强用户体验,优化流量分配和转化率。

操作步骤

只需要一串代码,即可搞定 PC 和移动端网站,插件代码自动适配网站样式,移动/PC网站为同一代码,需要分别部署,请让你的技术人员进行代码部署。

1.复制代码

左侧导航,点击【接入】后,在接入渠道中选择「Web」,查看你的专属插件代码。

如果你有多个网站,希望单独部署独立的网页插件,实现不同的聊天按钮和聊天窗口效果,可以点击下方的「添加接入网站」,创建独立生效的插件代码,注意每个Web渠道的代码都要单独部署!

如果你需要不同语言的网站部署对应语言的聊天插件,记得选择插件代码-语言,复制对应的语言代码

2.粘贴代码(建议找研发人员完成此步骤)

操作方法:访问站点服务器,将复制的插件代码粘贴在网页代码 </body> 标签的前面,设置完成后,插件的按钮将会展示在网页右下角

Demo展示:

3. 开发文档

如果你有充足的研发能力,希望对针对插件代码进行自定义的调整,比如自写聊天按钮、用户开启对话时传递用户信息等操作,可以参考此开发文档。

4. 自定义聊天窗口样式

代码部署成功后,可以根据你的需求在系统后台配置聊天按钮和聊天窗口样式,完美匹配品牌风格。

Updated on 2025年10月11日
Was this article helpful?

Related Articles