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