我的学习记录 我的学习记录
  • 首页
  • 国外出海
    • 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链接地址的标签及方法
下一篇
再想想
暂无评论
相关文章
2021年国外9个最好的CDN服务推荐 出海建站必备
[教程]WordPress的文章TAG标签如何使用ID的方式显示链接
WhatsApp怎么使用分享链接(点击直接对话功能)
[转载]wordpress整站搬家教程,已测试成功
[转载]wordpress上传的图片保存到二级域名 详细设置教程
近期文章
  • 16套直播玩法揭秘,全网首次公开!
  • 抖音SEO新人入门详解
  • 如果同行账号太少,达人相似账号怎么选?
  • 不是所有的同行都能做你的相似达人!如何筛选相似达人?
  • 广告投放中必掌握的AB测试思维
随机推荐
抖音直播操盘笔记
Shopee入驻条件及注意事项,Shopee开店限制
马上过年了,但没有年味了~
广告投放中必掌握的AB测试思维
如何登录注册Facebook(脸书)?
2021年国外9个最好的CDN服务推荐 出海建站必备
2年前
0 0
[教程]WordPress的文章TAG标签如何使用ID的方式显示链接
2年前
0 0
WhatsApp怎么使用分享链接(点击直接对话功能)
3年前
0 28
[转载]wordpress整站搬家教程,已测试成功
3年前
0 3
12
  • 12
  • 0
个人介绍

没什么可以介绍的,拿不出手啊!!!!!

栏目导航
首页 国外出海 Facebook YouTube 外贸电商 推广 国内SEO 谷歌SEO 竞价SEM 信息流 互联网百科 网站建设 工具教程 资源 栏目精选 抖音 抖音直播 抖音短视频 影音资源 友情链接
友情链接
Copyright © 2003-2023 我的学习记录. Designed by nicetheme. 如果对你有帮助,支持下吧! 冀ICP备19023356号-1
  • 首页
  • 国外出海
    • Facebook
    • YouTube
    • 外贸电商
  • 推广
    • 国内SEO
    • 谷歌SEO
    • 竞价SEM
    • 信息流
  • 互联网百科
    • 网站建设
    • 工具教程
    • 资源
    • 栏目精选
  • 抖音
    • 抖音直播
    • 抖音短视频
  • 影音资源
  • 友情链接
# 搜索引擎原理 # # dedecms # # 抖音直播 # # 百度搜索算法 # # 平台 #
帅的一批