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

网站WhatsApp链接设置自动填充消息的技术实现咨询

实现WhatsApp链接自动填充预设消息

没问题!要实现点击WhatsApp图标后自动填充预设消息,只需要利用WhatsApp官方支持的wa.me链接参数即可,操作非常简单。

核心原理

wa.me链接允许通过text参数传递预设消息,你只需要把编码后的消息内容拼接到原URL后面,就能让聊天窗口自动填充好你想要的内容。

修改后的代码示例

假设你想要预设的消息是"Hi, I'm interested in your services!",先对消息进行URL编码(空格替换为%20,逗号替换为%2C,单引号替换为%27等),然后修改你的HTML代码如下:

<a class="english call-msg" href="https://wa.me/+911234567891?text=Hi%2C%20I%27m%20interested%20in%20your%20services%21" data-action="share/whatsapp/share" target="_blank">
  <i class="fa fa-whatsapp"></i>Whatsapp
</a>

关键说明

  • URL编码的重要性:如果消息里包含空格、标点等特殊字符,必须进行URL编码,否则链接可能失效或者消息显示异常。你可以用常见的URL编码工具把自定义消息转换成符合要求的格式。
  • 保留原有属性:原代码中的data-action、target="_blank"以及样式类都可以保留,完全不影响功能实现。
  • 效果验证:点击修改后的链接,WhatsApp应用(或网页版)会直接打开与目标号码的聊天窗口,输入框中会自动填充你预设的消息,用户只需点击发送按钮就能完成发送。

内容的提问来源于stack exchange,提问作者Ms Designer

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.05.09 14:42:46