订阅本栏目 RSS您所在的位置: 深山工作室 > 电商 > 正文

网页添加WhatsApp跳转链接教程

2022/6/3 15:03:58 字体: 浏览 21192

对于外贸建站来说,国外流行的社交聊天工具或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软件程序进行聊天。

相关阅读
山西万景国际旅行社晋中分公司
jquery动态生成的html代码中无法使用jquery事件的解决方法
求实时获取两个input日期型值的差
点出窗口,选择类别
asp防止多个后台用户同时登陆
css里阴影效果滤镜DropShadow颜色数值的详细设置
Dreamweaver错误:以下翻译器没有被装载,由于错误;xsltransform.htm;有不正确的设置信息
ASP读取json并输出
更多信息>>栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>同类信息
抖音直播音挂载小雪花 懂车帝小程序
aliyun阿里云续费域名优惠口令(注册、续费都可以使用)
解决国内 github.com 打不开的准确方法
chrome谷歌浏览器中的谷歌翻译有问题一键修复处理
阿里云短信验证码签名不合法isv.SMS_SIGNATURE_ILLEGAL
facebook广告推广设定像素标准事件的值和币种等说明
更多>>最新添加文章
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试:使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
python里面requests.post返回的res.text还有其它的吗
更多>>随机抽取信息
收集各种游览器禁止javascript的方法
页面javascript倒计时跳转
DIV+CSS做的透明菜单兼容IE、FF等
纯asp根据当前日期计算出当前年份的属相
jquery获得当前所有input表单数据并进行序列化的各种问题与解决方案serialize与serializeArray的区别分析
当鼠标移到图片上时会发生梦幻般轮流变化的图片特效