“WhatsApp 接入 WordPress / WooCommerce 网站：悬浮聊天按钮插件”

网站访客常常想「先问清楚再下单」，与其让他们填联络表单等回复，不如直接放一个悬浮的 WhatsApp 按钮，一键跳转到对话。这篇笔记讲几款常用的 WordPress WhatsApp 悬浮按钮插件怎么选、怎么设置，以及 WooCommerce 网店特有的「产品页直接问询」玩法。前置知识：先看过《WhatsApp Business App 基础设置》，账号本身已经设置好。

重点内容

插件怎么选

安装与基础设置（以 Joinchat 为例）

1. Plugins → Add New Plugin，搜索 Joinchat，安装并启用
2. 后台会出现 Joinchat 设置页面，填入：
   • WhatsApp 号码（含国码，例：60123456789，不加 + 号）
   • 预设打招呼文字（访客点击按钮后，WhatsApp 对话框会自动带出这段文字）
   • 按钮位置（左下角/右下角）、按钮样式

[截图：Joinchat 设置页面，填写 WhatsApp 号码与预设打招呼文字]

1. WooCommerce 网店额外设置：Joinchat 支持在产品页显示专属 CTA，可以针对不同产品分类设定不同的打招呼文字（比如问询「这款有现货吗」自动带出产品名称）
2. 保存后前台刷新，确认悬浮按钮正常显示、点击能跳转到 WhatsApp 对话

[截图：网站前台右下角悬浮 WhatsApp 按钮的实际显示效果]

用悬浮按钮减少弃单

• 结账页/产品页放上「有疑问先问客服」的悬浮按钮，能接住那些原本会直接关掉页面的犹豫型访客——尤其是运费、尺寸、到货时间这类客户不想等邮件回复的问题
• 可以针对不同页面显示不同的预设文字：产品页带出产品名称、结账页带出「关于付款方式有疑问」，减少客户自己重新打字说明的麻烦
• 📌 悬浮按钮不是万能——响应速度还是关键，如果客服经常没空及时回复，先用《App 基础设置》那篇提到的自动回复/离线消息顶上，避免访客点了按钮却石沉大海

常见误区 / 常见问题

• WhatsApp 号码格式加了 + 号或漏了国码——按钮点击后会跳转失败或跳到错误号码，填号码前先用自己手机测试一次
• 装了悬浮按钮却没人盯着回复——按钮只是降低联络门槛，响应速度跟不上，转化效果一样打折扣
• 同时装了两三个功能重叠的聊天插件——容易造成按钮重复显示、前台加载变慢，选一款够用的就好，不用叠装
• 用免费版插件却想要「多客服自动分流」这种进阶功能——这类功能通常是付费版或直接要上 WhatsApp Business API（见《WhatsApp Business API 简介》）

Sources

Blog / Website：

1. The 8 Best WhatsApp Plugins I've Found for WordPress
2. Best WhatsApp Plugins for WordPress (2026)

官方文档：

1. Joinchat – Enhanced "click to chat" – WordPress plugin
2. Chaty – Contact Chat Icons, Floating Widget – WordPress plugin