网页添加WhatsApp跳转链接教程
对于外贸建站来说,国外流行的社交聊天工具或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软件程序进行聊天。
- 相关阅读
- asp无限级调用分类显示
- 另外的一种单项的选择
- CSS编写过程中常见的10个错误以及解决方法
- 当鼠标移到图片上时会发生梦幻般轮流变化的图片特效
- 超级实用且不花哨的js代码大全( 1 )
- 用GetString来提高ASP的速度
- DateDiff(计算类型,日期1,日期2)计算两个日期之间的差
- 超级实用且不花哨的js代码大全( 5 )
- 共有0条关于《网页添加WhatsApp跳转链接教程》的评论
- 发表评论
您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。
- 更多>>同类信息
- aliyun阿里云续费域名优惠口令(注册、续费都可以使用)
- 解决国内 github.com 打不开的准确方法
- chrome谷歌浏览器中的谷歌翻译有问题一键修复处理
- 阿里云短信验证码签名不合法isv.SMS_SIGNATURE_ILLEGAL
- facebook广告推广设定像素标准事件的值和币种等说明
- Shopify 店铺被封原因与防范及如何解封办法