添加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