对于外贸建站来说，国外流行的社交聊天工具或APP的使用是必不可少的，WhatsApp就是其中之一，WhatsApp是与国外客户取得联系的绝佳方式，本文详细介绍如何在自己的网站中加入WhatsApp社交聊天工具，实现这个功能。
添加WhatsApp图标
挑选一个自己满意的图标上传到自己网站服务器
创建WhatsApp链接
WhatsApp提供“Click to Chat”点击聊天功能，允许您在网页中创建一个链接，当用户点击时即可响应打开WhatsApp聊天窗口。
WhatsApp提供PC电脑端和手机移动端两种不同的链接地址：
PC电脑端：<a href="https://api.whatsapp.com/send?phone=+86123456789&text=Hello">点我WhatsApp聊天</a>
手机移动端：<a href="whatsapp://send?phone=+86123456789&text=Hello">点我WhatsApp聊天</a>
里面都包含两个参数 phone 和 text ；phone=后面为你的电话号码，text=后面为发送的文本信息；
你可以通过程序判断PC端和手机端来分别显示各自的代码。
注意事项
WhatsApp对于电话号码格式
要创建链接：phone=后面的电话号码格式有一定的要求，如果添加错误，可能链接就无法生效。
使用phone=后面必须是带有国家代码的完整电话号码；
不要使用电话号码前面的零，不能有空格、破折号、括号等；
正确的格式示例：
一个中国（国家代码是+86或0086）的电话号码是：010-12345678，则链接应该是：https://api.whatsapp.com/send?phone=+861012345678
一个德国（国家代码是 0049）的电话号码是：0151-87654321，则链接应该是：https://api.whatsapp.com/send?phone=+4915187654321
WhatsApp的链接可与手机端的WhatsApp应用程序，PC端的WhatsApp程序配合使用，当用户点击你网站上的WhatsApp链接时，手机端会响应打开你手机里的WhatsApp应用程序，PC端则会响应打开你电脑里的WhatsApp软件程序进行聊天。
网页添加WhatsApp跳转链接教程
shitouadmin
2023-12-29 14:56:28
￥ 打赏
×
如果您觉得文章帮助了您就打赏一下吧
非常感谢你的打赏，我们将继续分享更多优质内容，让我们一起创建更加美好的网络世界！
支付宝扫一扫打赏
微信扫一扫打赏
本文《网页添加WhatsApp跳转链接教程》发布于石头博客文章，作者：shitouadmin，如若转载，请注明出处：https://www.pweb123.com/html/htmljc/1009.html，否则禁止转载，谢谢配合!
阅读排行
小程序插件
站长推荐
-
-
-
百度小程序审核被拒原因--汇总各种奇葩原因
- 587
-
-
-
重新对百度支付进行编写封装（百度智能小程序支付）
- 424
-
-
-
phpcms小程序插件api接口升级到4.3
- 869
-
添加微信好友
文章点评