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

网页添加WhatsApp链接教程

zhangyouchen
4年前网站建设阅读 7,832

  对于外贸建站来说,国外流行的社交聊天工具或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链接地址的标签及方法
下一篇
再想想
暂无评论
最新文章
ceshi
世界,您好!
抖音SEO新人入门详解
如果同行账号太少,达人相似账号怎么选?
不是所有的同行都能做你的相似达人!如何筛选相似达人?
相关推荐
2021年国外9个最好的CDN服务推荐 出海建站必备
[教程]WordPress的文章TAG标签如何使用ID的方式显示链接
WhatsApp怎么使用分享链接(点击直接对话功能)
[转载]wordpress整站搬家教程,已测试成功
[转载]wordpress上传的图片保存到二级域名 详细设置教程
你可能喜欢
美剧科幻《81号档案》百度云高清下载 无删减中文字幕
美国悬疑电视剧《离职》百度云盘下载 前2集 在线高清看 中文字幕
linux卸载php
亚马逊全球开店需要什么条件
抖音直播:蝉妈妈分析自己要做或想做品类市场的方法
2021年国外9个最好的CDN服务推荐 出海建站必备
zhangyouchen
5,262 0 0
[教程]WordPress的文章TAG标签如何使用ID的方式显示链接
zhangyouchen
1,502 0 0
WhatsApp怎么使用分享链接(点击直接对话功能)
zhangyouchen
13,773 0 20
[转载]wordpress整站搬家教程,已测试成功
zhangyouchen
1,294 0 4
12
  • 12
  • 0
介绍

关于我们
付费内容-会员订单 友情链接 张佑晨博客采用知识共享署名-非商业性使用-相同方式共享协议 最近浏览记录 栏目精选 碎碎念 示例页面 示例页面
栏目标题
付费内容-会员订单 友情链接 张佑晨博客采用知识共享署名-非商业性使用-相同方式共享协议 最近浏览记录 栏目精选 碎碎念 示例页面 示例页面
Copyright © 2023 张佑晨个人博客. Designed by www.yenb.com.
  • 首页
  • 国外出海
    • Facebook
    • YouTube
    • 外贸电商
  • 推广
    • 国内SEO
    • 谷歌SEO
    • 竞价SEM
    • 信息流
  • 互联网百科
    • 网站建设
    • 工具教程
    • 资源
    • 栏目精选
  • 抖音
    • 抖音直播
    • 抖音短视频
  • 影音资源
  • 友情链接
# 百度云下载 # # 美剧 # # 搜索引擎原理 # # dedecms # # 抖音直播 #
zhangyouchen
243
文章
1
评论
414
喜欢