Skip to content

安装聊天插件 ​

把一小段代码贴到网站每个页面的 </body> 之前,打开一次网站,聊天按钮就会出现在页面角落(域名会自动验证)。大多数网站 5 分钟左右就能装好。

1. 添加站点,复制代码 ​

  1. 在 站点 点 添加站点,填站点名称和网站地址(访客访问的网址,例如 shop.example.com)。
  2. 打开 站点 → 你的站点 → 安装,复制嵌入代码:
html
<script src="https://cdn.sealreply.com/widget.js" data-site-key="sk_…" async></script>

data-site-key 是这个站点专属的。脚本异步加载,不会拖慢页面显示。如果很在意打开速度,勾选 页面加载完再加载聊天插件,复制那一版代码:网站内容先显示,聊天按钮稍后出现。

2. 贴到网站上 ​

原则只有一条:贴一次,贴在所有页面共用的地方,放在 </body> 前面。

普通 HTML 或建站工具 ​

  • 静态网站:贴到每个 .html 页面的 </body> 前面,或者贴到公共的页脚模板里。
  • 大多数建站工具都有“自定义代码”“页脚代码”之类的设置,贴在那里即可。

WordPress ​

  • 推荐:用插件加代码。 安装一个能往页脚加代码的插件(例如 WPCode),新建一段页脚代码,贴进去保存。主题升级不会把代码冲掉。
  • 直接改主题: 外观 → 主题文件编辑器,打开 footer.php,把代码贴在 </body> 前面。请用子主题,否则主题升级后代码会丢。
  • 用了缓存插件(WP Rocket、W3 Total Cache 等)的,贴完清一下缓存。

Shopify ​

  1. Shopify 后台 → 在线商店 → 模板,在当前模板旁点 … → 编辑代码。
  2. 打开 layout/theme.liquid,把代码贴在文件末尾 </body> 的上一行,保存。

注意:换模板后要在新模板里再贴一次;Shopify 的结账页不运行模板代码,所以结账页不显示聊天。

WooCommerce ​

WooCommerce 是 WordPress 的插件,按上面 WordPress 的方法装即可。

Wix ​

  1. Wix 后台 → 设置 → 高级 → 自定义代码,点 添加自定义代码。
  2. 粘贴代码;添加代码到页面 选 所有页面,并选 每个页面只加载一次;放置代码位置 选 正文 - 结尾,保存。

Wix 需要付费套餐并连接你自己的域名,才能添加自定义代码。

Squarespace ​

  1. Squarespace 后台 → 设置 → 开发者工具 → 代码注入。
  2. 把代码粘贴到 页脚 一栏,保存。

代码注入需要商业版或更高的套餐。

Webflow ​

  1. 打开站点设置里的 自定义代码。
  2. 把代码粘贴到 页脚代码(</body> 标签之前),保存。
  3. 重新发布网站。

自定义代码需要付费的站点套餐。

谷歌标签管理器 ​

网站已经装了谷歌标签管理器的,可以不改网站,直接在那里加:

  1. 新建代码,类型选 自定义 HTML,粘贴嵌入代码。
  2. 触发条件选 所有网页,保存。
  3. 点 提交 发布这个版本。

发布前可以用 预览 打开网站,确认聊天按钮出现。

其他建站平台 ​

在后台找 自定义代码、第三方代码、页脚代码 或 编辑主题代码 之类的设置,把代码加到所有页面的末尾即可。实在找不到,可以把这一页发给平台客服,或在聊天里问我们。

3. 添加所有访问地址 ​

插件只在 站点 → 你的站点 → 基本设置 → 允许的域名 里列出的域名(及其子域名)上显示。别人把你的代码复制到他的网站上,也不会出现聊天窗口。

每行填一个域名。第一行是主域名,验证的就是它。访客可能从多个地址进来的,都要加上,例如带不带 www.、Shopify 的 你的店铺.myshopify.com。

域名很多或者经常更换的话,可以打开下面的 不限制域名,插件在任何网站上都能加载,不用一个个添加。代价是别人复制你的代码放到他的网站上也能用,可能带来无关访客。主域名仍然要验证,被平台封禁的域名照样不能用。

4. 验证域名 ​

在证明主域名是你的之前,插件不会显示。只需要做一次。

大多数情况下你什么都不用做:代码贴到网站首页并发布后,打开一次你的网站,我们会自动去首页找这个站点的嵌入代码,找到就算验证通过,刷新页面聊天按钮就出现了。

代码不在首页的网页源码里时(例如通过谷歌标签管理器添加,或只装在部分页面),在 站点 → 你的站点 → 域名验证 里任选一种:

  • DNS TXT 记录:把页面上的“主机记录”和“记录值”添加到域名服务商的 DNS 设置里。生效可能要几分钟。
  • 上传文件:在页面显示的地址发布一个小文本文件,内容照抄。

然后点 立即检查。修改主域名后需要重新验证。

5. 测试一下 ​

打开你的网站,以访客身份发一条消息,再到工作台 会话 里回复。两边你都看过,就知道访客看到什么、你在哪里回复。新手引导里的测试对话不计入每月会话数,也不进报表。

插件没出现? ​

现象怎么办
工作台提示“还没有检测到插件”你打开的页面上没有代码。确认已保存并发布,清一下缓存插件或 CDN 的缓存。
提示“请先验证域名”确认代码已贴到首页并发布,再打开一次网站;还不行就按第 4 步加 DNS 记录或上传文件。DNS 记录可能要几分钟才生效,稍后再点 立即检查。
提示插件加载在了其他域名上你打开的网址不在允许的域名里(常见是带不带 www.、测试环境地址)。在第 3 步加上。
站点显示“已暂停”站点数超出了当前套餐,插件不会加载。升级套餐或删除其他站点后恢复。
网站设置了内容安全策略(CSP)需要放行插件用到的地址,清单见 插件进阶。

不想在某些页面显示 ​

在 站点 → 你的站点 → 页面规则 里添加“不显示聊天的页面”,按网址规则匹配,最多 20 条。手机上不想显示按钮的,在 外观 里关掉 手机上显示聊天按钮。

想用自己的按钮打开聊天、或者让客服认出你网站上已登录的用户,见 插件进阶(需要一点开发)。

想在你自己的 App 里接待用户,见 接入你的 App。