- 百度分词算法分析一
- C#多线程函数如何传参数和返回值
- JavaScript 解构赋值 | 微信小程序函数参数传对象解构
- 钩子函数(Hook)是什么?
- vue中的process.env.NODE_ENV和环境变量
- 外链建设的一点心得
- Office 2007 Windows Installer服务不能更新
- VS2005 VS2008新建网站和新建项目里选Web应用程序区别
- 网站快照隔天收录经验总结
- mysql8.0和5.7区别
邮箱:
手机:15383239821
添加WhatsApp链接教程
添加WhatsApp链接教程
对于外贸建站来说,国外流行的社交聊天工具或APP的使用是必不可少的,WhatsApp就是其中之一,WhatsApp是与国外客户取得联系的绝佳方式,本文WPPOP详细介绍如何在自己的网站中加入WhatsApp社交聊天工具,实现这个功能,我们需要准备:一个漂亮的WhatsApp图标 和 一个WhatApp 链接。
添加WhatsApp图标
获取WhatsApp图标的方法很多,百度或Google搜索,挑选一个自己满意的图标上传到自己网站即可使用,如下图所示一个简洁风格的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=后面为发送的文本信息;
可以把两种代码都添加到网站中,如下所示:
<p>My whatsapp +86123456789 <a href="https://api.whatsapp.com/send?phone=+86123456789&text=Hello">Web</a> | <a href="whatsapp://send?phone=+86123456789&text=Hello">App</a></p>
当然,你也可以通过程序判断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
错误的格式示例:
错误格式: https://api.whatsapp.com/send?phone=+86(0)1012345678
错误格式: https://api.whatsapp.com/send?phone=+86-010-1234-5678
错误格式: https://api.whatsapp.com/send?phone=008601012345678
WhatsApp的链接可与手机端的WhatsApp应用程序,PC端的WhatsApp程序配合使用,当用户点击你网站上的WhatsApp链接时,手机端会响应打开你手机里的WhatsApp应用程序,PC端则会响应打开你电脑里的WhatsApp软件程序进行聊天。
如果你有一个网站,如何让客户快速联系到你的WhatsApp呢?
假如你的手机号码是+86 18612345678
那么WhatsApp 链接就是:
https://wa.me/+86186123456783
或者是:
https://wa.me/008618612345678
- 上一篇:whatsapp如何加链接,点击a标签调起whatsapp
- 下一篇:矩阵号是什么
-
2012-10-11server application unavailable错误的解决方法
-
2014-03-28DotNetTextBox使用
-
2010-07-20优化整站和优化单个关键词的区别
-
2023-02-02sql语句中的group by的使用方法
-
2012-11-30css position: absolute、relative详解
