You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在网页中添加WhatsApp呼叫按钮?

实现网页WhatsApp一键呼叫按钮的正确方法

要实现类似tel:协议的一键唤起WhatsApp呼叫功能,你需要使用正确的URI格式,以下是具体方案:

正确的呼叫链接格式

必须使用whatsapp://call?phone=国际区号+手机号码格式,注意两点:

  • 手机号码不能保留开头的0,比如原号码是0123456789,如果是中国号码,要改成86123456789
  • 必须加上对应国家的国际区号(无需加+号,直接写数字即可)

示例代码:

<a href="whatsapp://call?phone=8613800138000" target="_blank">WhatsApp呼叫我们</a>

移动端用户点击该按钮后,会直接唤起WhatsApp并发起呼叫(或弹出确认对话框),和tel:协议的体验一致。

你之前尝试的代码问题说明

  • whatsapp://0123456789:格式错误,WhatsApp呼叫需要明确指定call动作和phone参数,无法识别这种直接写号码的格式
  • whatsapp://call?number=0123456789:参数名错误,正确参数是phone而非number,且缺少国际区号,导致无法正确识别号码
  • https://wa.me/0123456789:该链接是WhatsApp官方的聊天唤起链接,仅用于发起文字聊天,不支持呼叫功能

内容的提问来源于stack exchange,提问作者Mahbub Tonoy

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.21 13:37:26