输入号码后,这里会显示预览和代码。
如何把按钮加到网站上
复制上面的代码,粘贴到网站的 HTML 中,最好放在 </body> 之前。WordPress 可以使用在页脚插入代码的插件,或主题中的自定义脚本设置。Shopify、Wix、Squarespace 和 Webflow 的网站设置里都有自定义代码栏。凡是加载了脚本的页面都会在您选择的角落显示按钮,并悬浮在内容上方。
代码会做什么,不会做什么
| 问题 | 回答 |
|---|---|
| 使用 Cookie 或追踪吗? | 不会。脚本不保存任何内容,也不发送任何数据 |
| 有网络请求吗? | 只有加载脚本本身。点击后直接打开 wa.me |
| 大小 | 小于 5 KB,无第三方库,异步加载,不会拖慢页面 |
| 会和您的 CSS 冲突吗? | 不会。按钮位于 Shadow DOM 中,您的样式和我们的样式互不影响 |
| 无障碍支持? | 支持。带有 aria-label、清晰的焦点框,并遵循“减少动态效果”设置 |
可以在代码中修改的设置
每项设置都是 script 标签上的 data 属性,以后修改无需回到本页。data-number 是国际格式的号码,只含数字。data-text 是预填消息。data-label 是按钮文字。data-position 可设为 right 或 left。data-color 可填任意十六进制颜色;浅色按钮上的文字会自动变为深色。data-credit="off" 可隐藏小链接“via InBetween”。我们很希望您保留它,但去掉后按钮功能完全一样。
获得更多有效咨询的小技巧
- 文字要清楚。“WhatsApp 咨询”或“获取报价”比只写“WhatsApp”效果更好。
- 预填有用的消息。“您好,我想咨询……的报价”能让您一眼看出客户需求。
- 颜色要醒目。按钮要显眼,但不要遮挡内容。
- 回复要快。点击聊天按钮的访客通常希望一小时内得到回复,准备好的快捷回复模板会很有帮助。
只需要用于印刷品或车身的链接或二维码?请使用 WhatsApp 链接生成器。
消息变多了,却只有一部手机。谁来回复?
聊天按钮会带来更多 WhatsApp 消息,而它们都发到同一部手机上。使用 InBetween,每条客户消息都会自动转发给负责这项工作的同事。同事在自己的 WhatsApp 里回复,客户收到的回复来自您的商业号码。按钮照常有效,因为号码不变。
自动转发客户消息,回复从您的号码发出。
免费试用 30 天常见问题
WhatsApp 聊天按钮免费吗?
免费。无需注册,没有期限。无论是否订阅 InBetween,按钮都能正常使用。
支持 WhatsApp Business 吗?
支持。按钮打开的是 wa.me 链接,WhatsApp 和 WhatsApp Business 号码都适用。
按钮会使用 Cookie 或追踪访客吗?
不会。不设置 Cookie,不存储数据,也不发送数据。唯一的请求是加载脚本文件本身。
可以去掉“via InBetween”链接吗?
可以。在 script 标签中加上 data-credit="off",或在复制代码前取消上方的勾选。
需要新的 WhatsApp 号码吗?
不需要。您连接现有的 WhatsApp 或 WhatsApp Business 号码,方式和连接 WhatsApp Web 一样。客户继续给他们熟悉的号码发消息。
