经验教程

网页添加WhatsApp链接方法

悠悠楠杉

2020-08-29

0 评论

2,247 阅读

正在检测是否收录...

08/29

对于外贸建站来说，国外流行的社交聊天工具或APP的使用是必不可少的，WhatsApp就是其中之一，WhatsApp是与国外客户取得联系的绝佳方式，本文WPPOP详细介绍如何在自己的网站中加入WhatsApp社交聊天工具，实现这个功能，我们需要准备：一个漂亮的WhatsApp图标和一个WhatApp 链接。

1、添加WhatsApp图标
　　获取WhatsApp图标的方法很多，百度或Google搜索，挑选一个自己满意的图标上传到自己网站即可使用，如下图所示一个简洁风格的WhatsApp按钮图标：

2、创建WhatsApp链接
　　WhatsApp提供“Click to Chat”点击聊天功能，允许您在网页中创建一个链接，当用户点击时即可响应打开WhatsApp聊天窗口。

　　WhatsApp提供PC电脑端和手机移动端两种不同的链接地址：
　　PC电脑端：https://api.whatsapp.com/send?phone=+86123456789&text=Hello
　　手机移动端：whatsapp://send/?phone=+86123456789&text=Hello 或者：https://wa.me/86123456789

　　里面都包含两个参数 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>

当然，你也可以通过js判断PC端和手机端来分别显示各自的代码。

3、注意事项
　　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软件程序进行聊天。