免费使用 · 无需注册
WhatsApp 网站按钮生成器
为网站生成 WhatsApp 联系按钮，预览样式后复制 HTML 代码。
切换工具
02
预览与嵌入代码
仅为预览。网站本身的样式和布局可能影响最终位置。
嵌入代码会显示在这里。
确认按钮预览后，生成代码并添加到你的网站。
输入内容仅在当前浏览器处理，不会被这些工具上传或保存。
添加到你的网站
- 01
换成自己的业务号码
替换示例号码，填写按钮文案，然后生成代码。
- 02
把按钮放到网站上
正文按钮放在希望出现的位置；悬浮按钮的代码放在 </body> 前一次。
- 03
发布前测试一下
分别用手机和电脑点击，确认打开的是正确号码的对话。
使用建站平台？
使用网站的自定义 HTML 区域。如果平台移除了 style 标签，请开发者将 CSS 加入样式表。
常见问题
你可能想知道
这会在网站里添加在线客服吗？
生成的按钮会打开 WhatsApp 对话，不是嵌入式客服工作台，也不包含聊天机器人或自动回复。
按钮需要付费订阅吗？
生成的按钮无需订阅。你需要可用的 WhatsApp 号码，以及编辑网站 HTML 和 CSS 的权限。
可以放在 WordPress 或 Shopify 上吗？
可使用允许 HTML 与 CSS 的自定义代码区块或主题区域。不同建站平台和套餐限制不同，如样式被移除或无法添加代码，请联系开发者。
按钮会追踪访客吗？
生成的代码不包含分析脚本。点击后访客会进入 WhatsApp，并使用 WhatsApp 的服务。