网页添加WhatsApp链接教程

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

添加WhatsApp图标

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

创建WhatsApp链接

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

　　WhatsApp提供PC电脑端和手机移动端两种不同的链接地址：

PC电脑端：https://api.whatsapp.com/send?phone=+86123456789&text=Hello

手机移动端：whatsapp://send/?phone=+86123456789&text=Hello

里面都包含两个参数 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软件程序进行聊天。