网站 WhatsApp 悬浮按钮

网站 WhatsApp 悬浮按钮: 用途

填写带国家区号的 WhatsApp 号码和客户将要发送的消息。选择屏幕角落、大小、颜色、距离边缘的间距、文字气泡，以及打开页面时按钮是否脉动。预览会显示在本页面的角落。

代码只有 HTML 和 CSS，图标为 SVG，并包含 wa.me 链接。气泡在小屏幕上会隐藏，动画也会尊重偏好减少动态效果的用户。

使用方法

1. 填写带区号的号码和消息。
2. 调整位置、颜色、大小和气泡。
3. 复制代码并粘贴到网站的 </body> 之前。

使用场景

• 商家和服务提供者的网站。
• 活动的落地页。
• WordPress、Wix 或手写的网站。

常见问题

代码粘贴到哪里？

粘贴在 </body> 结束标签之前，所有页面都要加（或加到主题的页脚）。在 WordPress 中，使用在页脚插入代码的插件或主题编辑器。在 Wix 和 Webflow 等建站工具中，使用网站的自定义代码栏。

需要 WhatsApp Business 吗？

不需要。wa.me 链接适用于任何 WhatsApp 账号。号码需带国家区号（如 86），且只包含数字。

按钮会让网站变慢吗？

不会。代码只有 HTML 和 CSS，图标为 SVG，没有任何库或外部请求。

如果我想要多个按钮呢？

使用另一个位置（左侧和右侧），并用另一个号码重新生成代码。请修改第二段代码中的 id wa-flutuante，避免重复。

真的免费吗？

是的，100%免费。无需注册，无需订阅，不限使用次数。所有工具：Tools123是免费的。

相似工具