免费工具
WhatsApp 网站聊天按钮生成器
给你的独立站装一个 WhatsApp 悬浮聊天按钮:访客点击直接跳进与你号码的对话。下面配置样式,复制生成的代码粘进网站即可——全部在浏览器本地完成,无需注册。
不带 +、空格或横线;去掉前导 0
颜色
访客点开后出现在输入框里,仍需对方手动发送
实时预览
嵌入代码(粘贴到网站 </body> 之前)
怎么装到网站上
- 通用(任何网站):把代码粘贴到页面
</body>标签之前;多数建站器的「自定义代码/HTML」区即可。 - Shopify:后台 → 在线商店 → 主题 → 编辑代码 →
theme.liquid,把代码粘到</body>前保存。 - WordPress:外观 → 小工具/自定义 HTML,或用主题的页脚代码区粘入。
为什么用悬浮按钮而不是裸链接
wa.me 链接放在页脚常被忽略;悬浮按钮全程可见,是移动端访客最熟悉的求助入口。按钮本质仍是官方 Click to Chat 跳转——访客点击后进入自己的 WhatsApp 与你对话,无中间商、无数据经手。
常见问题
按钮点击后发生什么?
访客会跳转到 WhatsApp(手机唤起 App,电脑进入网页版),直接进入与你配置号码的对话;如果设置了预填消息,会出现在访客的输入框里。
生成的代码需要引入外部脚本吗?
不需要。代码是一段自包含的 HTML 与内联样式,不加载任何第三方资源,不影响网站速度,也不涉及数据上报。
我的号码会被这个工具收集吗?
不会。代码在你的浏览器本地拼接生成,本页面不发送任何网络请求。
咨询多了一个手机接不过来怎么办?
按钮解决入口问题;当量上来后,可以把 WhatsApp 接入客服工作台——多人共享同一号码、AI 先答常见问题、对话有记录可分配。
按钮背后接一个完整工作台:多坐席共享号码、AI 先接、人工兜底。