张佑晨个人博客 张佑晨个人博客
  • 首页
  • 国外出海
    • Facebook
    • YouTube
    • 外贸电商
  • 推广
    • 国内SEO
    • 谷歌SEO
    • 竞价SEM
    • 信息流
  • 互联网百科
    • 网站建设
    • 工具教程
    • 资源
    • 栏目精选
  • 抖音
    • 抖音直播
    • 抖音短视频
  • 影音资源
  • 友情链接
首页 › 网站建设 › 网页添加WhatsApp链接教程

网页添加WhatsApp链接教程

帅的一批
3年前网站建设

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

  添加WhatsApp图标

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

网页添加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软件程序进行聊天。

whatsapp 网页聊天
赞赏 赞(12)
为dedeCMS(织梦cms)内容页图片自动加ALT和title标签解决方法
上一篇
dedecms文章页调用栏目名称和url链接地址的标签及方法
下一篇
再想想
暂无评论
近期文章
  • 热门美剧《老友记 S01~S10》重聚版 Friends 百度云盘高清下载 中文字幕 带音频版
  • 2021年美剧《肇事逃逸》全集百度云高清下载 中文字幕
  • 抖音直播间拆解分析方向和维度
  • 乌克兰电视剧喜剧【人民公仆 S01~S03】百度云高清下载中文字幕
  • 2022年5款最好的付费和免费电子邮箱推荐
相关文章
2021年国外9个最好的CDN服务推荐 出海建站必备
[教程]WordPress的文章TAG标签如何使用ID的方式显示链接
WhatsApp怎么使用分享链接(点击直接对话功能)
[转载]wordpress整站搬家教程,已测试成功
[转载]wordpress上传的图片保存到二级域名 详细设置教程
[亲测可用]织梦Dedecms转wordpress搬家方法教程
可能喜欢
美剧《时光之轮 第一季》百度云高清下载 中文字幕无删减
跨境电商SHOPEE入驻问题全总结
亚马逊Acos是什么?Acos计算公式
电商类整体运营思路
增长黑客:私域流量增长风险提示!
随想-一无所成,碌碌无为!
2021年国外9个最好的CDN服务推荐 出海建站必备
1年前
0 0
[教程]WordPress的文章TAG标签如何使用ID的方式显示链接
1年前
0 0
WhatsApp怎么使用分享链接(点击直接对话功能)
2年前
0 20
[转载]wordpress整站搬家教程,已测试成功
2年前
0 3
12
  • 12
  • 0
关于张佑晨个人博客

一个个人运营的个人博客,没有套路,不定时的更新博客内容,主题有点宽泛,内容有点深度,你想要的可能就在这里,多用博客站内搜索,简单便捷的找到你想要的的内容!如果没有也可以联系我,尽最大的能力帮助你。注:张佑晨个人博客采用知识共享署名-非商业性使用-相同方式共享协议。

网站导航
互联网百科 国外出海 Facebook YouTube 外贸电商 工具教程 推广 网站建设 资源 栏目精选 国内SEO 谷歌SEO 碎碎念
友情链接
个人博客
Copyright © 2003 -2022 张佑晨个人博客. 本媒体部分图片、文章来源于网络,不代表本人观点,版权归原作者所有,如有侵权,请联系本站删除。 冀ICP备19023356号-1
  • 首页
  • 互联网百科
  • 国外出海
    • 资源
    • Facebook
    • YouTube
    • 外贸电商
  • 工具教程
    • 网站建设
  • 抖音
    • 抖音直播
    • 抖音短视频
  • 推广
    • 信息流
    • 国内SEO
    • 竞价SEM
    • 谷歌SEO
  • 影音资源
# 百度云下载 # # 美剧 # # 搜索引擎原理 # # dedecms # # 百度搜索算法 #
帅的一批