其他分享
首页 > 其他分享> > 添加WhatsApp链接教程

添加WhatsApp链接教程

作者:互联网

添加WhatsApp链接教程

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

添加WhatsApp图标

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

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=后面的电话号码格式有一定的要求,如果添加错误,可能链接就无法生效。

正确的格式示例

错误的格式示例:

WhatsApp的链接可与手机端的WhatsApp应用程序,PC端的WhatsApp程序配合使用,当用户点击你网站上的WhatsApp链接时,手机端会响应打开你手机里的WhatsApp应用程序,PC端则会响应打开你电脑里的WhatsApp软件程序进行聊天。

标签:教程,send,链接,phone,电话号码,WhatsApp,whatsapp
来源: https://blog.csdn.net/sunsineq/article/details/114980694