WordPress 怎么添加在线客服？5 分钟设置教程

给 WordPress 网站加在线客服，只要把聊天插件的代码贴到网站页脚、</body> 前面。最稳的办法是用一个“页眉页脚代码”插件，这样主题升级也不会把代码冲掉。整个过程 5 分钟左右，不需要专门的在线客服插件。

下面以 SealReply 为例，讲三种常见情况：用代码插件、经典主题、区块主题。其他建站平台见网站怎么添加在线客服。

准备

WordPress 网站的管理员账号。
如果用的是 WordPress.com，需要支持插件或自定义代码的套餐；自己搭建的 WordPress（WordPress.org）没有这个限制。
一个 SealReply 免费账号。免费版没有使用期限。

第 1 步：添加网站，复制代码

注册后，工作台会打开“设置在线客服”引导。
在“你的网站”里填写站点名称和网站地址，例如 shop.example.com，点“继续”。
在“安装插件”这一步，“网站使用的平台”选 WordPress，点“复制”。

代码大概是这样：

<script src="https://cdn.sealreply.com/widget.js" data-site-key="sk_…" async></script>

引导页保持打开。它每隔几秒检查一次你的网站，聊天插件加载后会告诉你。

第 2 步：把代码贴到 WordPress 里

下面三种方法选一种就行。只贴一次，贴两次可能出现两个聊天按钮。

方法 A：用页脚代码插件（推荐）

任何主题都适用，主题升级、换主题都不受影响。

在 WordPress 后台进入“插件 → 安装插件”，搜索 WPCode，安装并启用。
进入“Code Snippets → Header & Footer”。
把代码贴到 Footer 框里。
点“Save Changes”。

其他能往页脚加代码的插件用法也一样，已经装了的话直接用。

方法 B：经典主题的 footer.php

熟悉改主题文件再用这种方法。

确认用的是子主题。改父主题的话，下次升级就没了。
进入“外观 → 主题文件编辑器”，打开 footer.php。
把代码贴在 </body> 前面。
点“更新文件”。

方法 C：区块主题

区块主题（例如近几年的 WordPress 默认主题）没有 footer.php，站点编辑器也没法往所有页面加脚本。用方法 A。

第 3 步：清缓存

大多数 WordPress 网站都装了缓存插件或用了 CDN。不清缓存，访客（以及引导页）看到的还是没有聊天插件的旧页面。

在缓存插件里清除缓存，用了 CDN 的话 CDN 也要清。
如果缓存插件有“延迟加载 JavaScript”或“合并 JavaScript”选项，聊天按钮可能要等访客滚动或点击后才出现。不想这样的话，把 widget.js 加到这个选项的排除列表里。

插件约 38 KB，异步加载，不阻塞页面显示，不需要为了网站速度去延迟它。如果你还是希望它最后加载，在安装这一步勾选“页面加载完再加载聊天插件”，复制那一版代码。

第 4 步：验证域名

证明域名是你的之前，插件不会显示，这样别人没法把你的聊天放到不属于他的网站上。WordPress 两种方式都能用：

DNS TXT 记录：在域名注册商或 DNS 服务商那里添加。
上传文件：把小文本文件上传到页面上显示的地址。能用 FTP 或主机的文件管理器的话，这种往往更快。

然后点“立即检查”。每个站点只需验证一次。

第 5 步：发一条测试消息

在引导页点“打开我的网站”，聊天窗口会自动打开。
假装自己是访客，发一条消息。
在工作台里回复。

测试对话不计入每月会话数，也不进报表。

插件没出现怎么办

工作台提示	WordPress 上常见的原因
还没有检测到插件	页面还是缓存的旧版本，或者代码没保存。把每一层缓存都清掉再刷新。
请先验证域名	完成第 4 步；DNS 可能要几分钟才生效。
插件加载在了其他域名上	你打开的是带 `www.` 的地址，添加的却是不带的，或者反过来。在“修改允许域名”里两个都加上。

还要检查安全插件或“Cookie 同意”插件有没有拦截其他域名的脚本。网站设置了内容安全策略（CSP）的话，放行插件文档里列出的地址。

不该出现的页面把聊天藏起来

登录页、感谢页、不卖东西的页面，可能不需要聊天按钮。在工作台打开“站点 → 你的站点 → 页面规则”，在“不显示聊天的页面”里点“添加页面”。这些页面不显示聊天按钮，也不记录访问。

装好之后

改成网站的风格：在“外观”和“文字”里设置 Logo、主题色和欢迎语，旁边有实时预览。
设置工作时间：工作时间外，访客可以留言，不用干等。
打开推送：关掉工作台，手机上也能收到新咨询。

延伸阅读：人不在电脑前，怎么不漏客户。