网站能不能把访客转化成客户，客服入口是关键。YMX 主题内置了一套悬浮客服按钮系统，无需安装任何插件，就能在网站右侧（PC 端和手机端）显示一排客服入口，支持 QQ 咨询、电话、微信二维码、自定义链接、WhatsApp、Telegram 以及回顶部等多种按钮。
本文带你从零开始配置 YMX 主题的客服功能。
一、客服配置入口在哪里
登录 WordPress 后台，进入：
外观 → 主题设置 → 客服设置
这里就是客服悬浮按钮的全部配置项。配置完成后，前台页面右下角（或右侧中部）就会显示一排客服悬浮按钮。
客服模块在后台管理页和 404 页面会自动隐藏，只在前台正常页面显示。
二、基础设置：显示位置、排序与手机端
1. 显示位置
配置项：显示位置（单选）
控制 PC 端客服悬浮按钮的显示位置，有三个选项：
| 选项 | 说明 |
|---|---|
| 右侧底部 | 悬浮在页面右侧底部（默认，最常用） |
| 右侧中部 | 悬浮在页面右侧垂直居中位置 |
| 不显示 | PC 端不显示客服悬浮按钮 |
2. 按钮排序（PC 端）
配置项：按钮排序
控制 PC 端显示哪些按钮、按什么顺序排列。填写按钮 ID，用空格隔开。
各按钮对应的排序 ID 如下：
| 排序 ID | 按钮 | 默认提示文字 |
|---|---|---|
| 1 | 回顶部 | 回顶部 |
| 2 | QQ 咨询 | QQ咨询 |
| 3 | 电话咨询 | 电话咨询 |
| 4 | 微信/二维码 | 关注微信 |
| 5 | 自定义客服 | 在线咨询 |
| 6 | ||
| 7 | Telegram | Telegram |
默认值是 2 4 1，即按「QQ → 微信 → 回顶部」的顺序显示这三个按钮。
排序列表只写你想显示的按钮 ID 即可，没写的按钮不会出现在前台。例如只想要 QQ 和电话，就填
2 3。
3. 手机端开关
配置项：手机端（勾选框，默认开启）
- 开启：手机端也显示客服悬浮按钮。
- 关闭：手机端完全不显示客服按钮。
4. 手机端按钮排序
配置项：手机端 – 按钮排序
与 PC 端按钮排序逻辑一致，但针对手机端单独控制。默认值是 2 3 4，即手机端默认显示「QQ → 电话 → 微信」。
手机屏幕窄，建议手机端只保留 2–3 个最常用的按钮（如电话、微信），避免按钮过多占满屏幕。
三、各客服按钮的详细配置
下面按排序 ID 逐个说明每个按钮需要填写的内容。
1. 回顶部（排序 ID：1）
配置项：回顶
- 按钮提示文字：默认「回顶部」。
点击后页面会平滑滚动回顶部。这个按钮有智能显隐逻辑：只有页面往下滚动超过 300 像素时才会显示，停在页面顶部时自动隐藏。
2. QQ 咨询（排序 ID：2）
配置项：QQ
| 字段 | 说明 |
|---|---|
| 按钮提示文字 | 默认「QQ咨询」 |
| QQ号码 | 填写客服 QQ 号 |
点击后会自动唤起 QQ 的临时会话窗口（通过 tencent://message 协议），访客无需加好友即可直接和你的客服 QQ 发起对话。
需要访客电脑/手机安装了 QQ 客户端才能正常唤起。若 QQ 号码留空，悬停会提示「未设置QQ」。
3. 电话咨询（排序 ID：3）
配置项：电话
| 字段 | 说明 |
|---|---|
| 按钮提示文字 | 默认「电话咨询」 |
| 电话号码 | 填写客服电话号码 |
点击后会自动唤起设备拨号（tel: 协议）。手机端点击会直接弹出拨号界面，PC 端则唤起系统默认的拨号/通话应用。
4. 微信/二维码（排序 ID：4）
配置项：微信/二维码
| 字段 | 说明 |
|---|---|
| 按钮提示文字 | 默认「关注微信」 |
| 微信号 | 填写客服微信号，默认 keyeavi |
| 微信二维码 | 上传微信二维码图片（建议 200×200px 正方形） |
悬停或点击该按钮时，会弹出一个气泡，显示微信号和二维码图片，访客可以扫码或搜索添加你的微信。
二维码建议使用正方形图片，尺寸约 200×200px 最清晰。微信号和二维码至少填一个，气泡里才会显示对应内容。
5. 自定义客服（排序 ID：5）
配置项：自定义客服
| 字段 | 说明 |
|---|---|
| 按钮提示文字 | 默认「在线咨询」 |
| 自定义客服链接 | 填写客服链接，默认 https://www.yimenapp.com/ |
点击后会在新窗口打开你填写的链接。这个按钮用途很广，可以接：
- 第三方在线客服系统（如美洽、网易七鱼、53 客服等）的聊天链接；
- 淘宝/天猫旺旺客服链接；
- 你网站的「联系我们」页面地址；
- 表单、工单系统等任意 URL。
链接如果忘记写
https://，主题会自动补全为https://再打开，非常省心。
6. WhatsApp（排序 ID：6）
配置项：WhatsApp
| 字段 | 说明 |
|---|---|
| 按钮提示文字 | 默认「WhatsApp」 |
| WhatsApp号码 | 填写 WhatsApp 号码 |
点击后会自动打开 WhatsApp 聊天窗口（wa.me 链接）。填写号码时无需纠结格式：
- 主题会自动去除空格；
- 如果没写国家区号的
+号，会自动帮你补上； - 只保留数字和
+号。
适合面向海外访客的站点，例如外贸、跨境电商、出海产品等场景。
7. Telegram（排序 ID：7）
配置项：Telegram
| 字段 | 说明 |
|---|---|
| 按钮提示文字 | 默认「Telegram」 |
| Telegram号码 | 填写 Telegram 用户名 |
点击后会自动打开 Telegram 对话（t.me 链接）。填写时：
- 主题会自动去掉开头的
@和多余空格； - 直接填用户名即可，例如
yimenapp。
同样是面向海外用户的客服渠道，与 WhatsApp 搭配使用可覆盖大部分海外访客。
四、按钮 ID 对照速查表
排序和显隐都靠「按钮 ID」控制，这里集中列一遍方便对照：
| ID | 按钮 | 字段名（主题后台） |
|---|---|---|
| 1 | 回顶部 | 回顶 |
| 2 | QQ 咨询 | |
| 3 | 电话咨询 | 电话 |
| 4 | 微信/二维码 | 微信/二维码 |
| 5 | 自定义客服 | 自定义客服 |
| 6 | ||
| 7 | Telegram | Telegram |
五、配置示例：三套常用方案
方案 A：国内中文站（最简）
适合普通中文企业站、博客，只保留最常用的三个渠道：
- 显示位置：右侧底部
- PC 端按钮排序：
2 4 3 - 手机端开启，手机端按钮排序：
2 3 4 - 配置好 QQ 号、微信号 + 二维码、电话号码
效果：PC 端显示「QQ → 微信 → 电话」，手机端显示「QQ → 电话 → 微信」。
方案 B：接入第三方在线客服
如果你用美洽、网易七鱼等在线客服系统：
- 显示位置：右侧底部
- PC 端按钮排序：
5 4 3 - 「自定义客服」按钮提示文字改为「在线客服」，链接填第三方客服系统给你的聊天地址
- 微信、电话按需配置
效果：点击「在线客服」直接打开第三方聊天窗口。
方案 C：外贸/出海站
面向海外访客，重点用 WhatsApp 和 Telegram：
- 显示位置：右侧底部
- PC 端按钮排序：
6 7 4 - 配置 WhatsApp 号码（带国家区号）、Telegram 用户名、微信号 + 二维码
效果：PC 端显示「WhatsApp → Telegram → 微信」，覆盖海外主流即时通讯渠道。
六、配置建议清单（快速上手）
- 显示位置：一般保持「右侧底部」。
- 按钮排序（PC 端）：按重要程度填写要显示的按钮 ID，空格隔开。
- 手机端开关：保持开启。
- 手机端按钮排序：只保留 2–3 个最常用的，如
2 3 4。 - 回顶部：默认文字即可，无需改动。
- QQ：填按钮文字 + QQ 号。
- 电话：填按钮文字 + 电话号。
- 微信：填按钮文字 + 微信号，并上传 200×200px 二维码。
- 自定义客服：接第三方在线客服链接（选配）。
- WhatsApp / Telegram：海外站选配。
发表评论