安装聊天插件
把一小段代码贴到网站每个页面的 </body> 之前,打开一次网站,聊天按钮就会出现在页面角落(域名会自动验证)。大多数网站 5 分钟左右就能装好。
1. 添加站点,复制代码
- 在 站点 点 添加站点,填站点名称和网站地址(访客访问的网址,例如
shop.example.com)。 - 打开 站点 → 你的站点 → 安装,复制嵌入代码:
<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
- Shopify 后台 → 在线商店 → 模板,在当前模板旁点 … → 编辑代码。
- 打开
layout/theme.liquid,把代码贴在文件末尾</body>的上一行,保存。
注意:换模板后要在新模板里再贴一次;Shopify 的结账页不运行模板代码,所以结账页不显示聊天。
WooCommerce
WooCommerce 是 WordPress 的插件,按上面 WordPress 的方法装即可。
Wix
- Wix 后台 → 设置 → 高级 → 自定义代码,点 添加自定义代码。
- 粘贴代码;添加代码到页面 选 所有页面,并选 每个页面只加载一次;放置代码位置 选 正文 - 结尾,保存。
Wix 需要付费套餐并连接你自己的域名,才能添加自定义代码。
Squarespace
- Squarespace 后台 → 设置 → 开发者工具 → 代码注入。
- 把代码粘贴到 页脚 一栏,保存。
代码注入需要商业版或更高的套餐。
Webflow
- 打开站点设置里的 自定义代码。
- 把代码粘贴到 页脚代码(
</body>标签之前),保存。 - 重新发布网站。
自定义代码需要付费的站点套餐。
谷歌标签管理器
网站已经装了谷歌标签管理器的,可以不改网站,直接在那里加:
- 新建代码,类型选 自定义 HTML,粘贴嵌入代码。
- 触发条件选 所有网页,保存。
- 点 提交 发布这个版本。
发布前可以用 预览 打开网站,确认聊天按钮出现。
其他建站平台
在后台找 自定义代码、第三方代码、页脚代码 或 编辑主题代码 之类的设置,把代码加到所有页面的末尾即可。实在找不到,可以把这一页发给平台客服,或在聊天里问我们。
3. 添加所有访问地址
插件只在 站点 → 你的站点 → 基本设置 → 允许的域名 里列出的域名(及其子域名)上显示。别人把你的代码复制到他的网站上,也不会出现聊天窗口。
每行填一个域名。第一行是主域名,验证的就是它。访客可能从多个地址进来的,都要加上,例如带不带 www.、Shopify 的 你的店铺.myshopify.com。
域名很多或者经常更换的话,可以打开下面的 不限制域名,插件在任何网站上都能加载,不用一个个添加。代价是别人复制你的代码放到他的网站上也能用,可能带来无关访客。主域名仍然要验证,被平台封禁的域名照样不能用。
4. 验证域名
在证明主域名是你的之前,插件不会显示。只需要做一次。
大多数情况下你什么都不用做:代码贴到网站首页并发布后,打开一次你的网站,我们会自动去首页找这个站点的嵌入代码,找到就算验证通过,刷新页面聊天按钮就出现了。
代码不在首页的网页源码里时(例如通过谷歌标签管理器添加,或只装在部分页面),在 站点 → 你的站点 → 域名验证 里任选一种:
- DNS TXT 记录:把页面上的“主机记录”和“记录值”添加到域名服务商的 DNS 设置里。生效可能要几分钟。
- 上传文件:在页面显示的地址发布一个小文本文件,内容照抄。
然后点 立即检查。修改主域名后需要重新验证。
5. 测试一下
打开你的网站,以访客身份发一条消息,再到工作台 会话 里回复。两边你都看过,就知道访客看到什么、你在哪里回复。新手引导里的测试对话不计入每月会话数,也不进报表。
插件没出现?
| 现象 | 怎么办 |
|---|---|
| 工作台提示“还没有检测到插件” | 你打开的页面上没有代码。确认已保存并发布,清一下缓存插件或 CDN 的缓存。 |
| 提示“请先验证域名” | 确认代码已贴到首页并发布,再打开一次网站;还不行就按第 4 步加 DNS 记录或上传文件。DNS 记录可能要几分钟才生效,稍后再点 立即检查。 |
| 提示插件加载在了其他域名上 | 你打开的网址不在允许的域名里(常见是带不带 www.、测试环境地址)。在第 3 步加上。 |
| 站点显示“已暂停” | 站点数超出了当前套餐,插件不会加载。升级套餐或删除其他站点后恢复。 |
| 网站设置了内容安全策略(CSP) | 需要放行插件用到的地址,清单见 插件进阶。 |
不想在某些页面显示
在 站点 → 你的站点 → 页面规则 里添加“不显示聊天的页面”,按网址规则匹配,最多 20 条。手机上不想显示按钮的,在 外观 里关掉 手机上显示聊天按钮。
想用自己的按钮打开聊天、或者让客服认出你网站上已登录的用户,见 插件进阶(需要一点开发)。
想在你自己的 App 里接待用户,见 接入你的 App。