记录时光:成长、生活、工作 记录时光:成长、生活、工作
  • 首页
  • 国外出海
    • Facebook
    • YouTube
    • 外贸电商
  • 推广
    • 巨量千川
    • 国内SEO
    • 谷歌SEO
    • 竞价SEM
    • 信息流
  • 电商
    • 小红书
    • 抖音
      • 抖音直播
      • 抖音短视频
  • 生活
  • 怎么办?
  • 资源
    • 网站建设
    • 工具教程
    • 影音资源
首页 › 网站建设 › 网页添加WhatsApp链接教程
  • 13
  • 0

网页添加WhatsApp链接教程

时光故事
6 年前
智能摘要 DeepSeek
本文介绍了如何在外贸网站中添加WhatsApp聊天功能。首先需要准备WhatsApp图标和链接,图标可通过搜索获取并上传至网站。WhatsApp提供“Click to Chat”功能,生成PC端和移动端链接,链接中包含电话号码和文本信息。电话号码格式需正确,包含国家代码且无空格、破折号等。链接可分别用于PC和手机端,点击后自动打开相应WhatsApp程序进行聊天。

  对于外贸建站来说,国外流行的社交聊天工具或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 网页聊天
13
为dedeCMS(织梦cms)内容页图片自动加ALT和title标签解决方法
上一篇
dedecms文章页调用栏目名称和url链接地址的标签及方法
下一篇

评论 (0)

再想想
暂无评论

最新文章

抖音:我们鼓励这样的优质内容
抖音社区医疗健康公约
抖音为何突出“收藏”按钮
抖音:App会“窃听”用户谈话吗
抖音:网红是抖音平台“强推”出来的吗?

你可能喜欢

2021年最热门的国外网站推荐
[搜索引擎原理]HITS链接分析算法
千川学习-如何判断巨量干川账户覆盖的人群是否精准?
2024年最新版小红书运营知识地图 pdf
[转载]wordpress整站搬家教程,已测试成功

相关推荐

2021年国外9个最好的CDN服务推荐 出海建站必备
[教程]WordPress的文章TAG标签如何使用ID的方式显示链接
WhatsApp怎么使用分享链接(点击直接对话功能)
[转载]wordpress整站搬家教程,已测试成功
[转载]wordpress上传的图片保存到二级域名 详细设置教程

猜你喜欢

2021年国外9个最好的CDN服务推荐 出海建站必备

2021年国外9个最好的CDN服务推荐 出海建站必备

时光故事
0 0
[教程]WordPress的文章TAG标签如何使用ID的方式显示链接

[教程]WordPress的文章TAG标签如何使用ID的方式显示链接

时光故事
0 1
WhatsApp怎么使用分享链接(点击直接对话功能)

WhatsApp怎么使用分享链接(点击直接对话功能)

时光故事
0 20
[转载]wordpress整站搬家教程,已测试成功

[转载]wordpress整站搬家教程,已测试成功

时光故事
0 4
13

网站介绍

嘿,各位!欢迎来到“时光博客”。这里啥都有,聊聊生活,工作上的那些事儿,分享抖音、小红书等热门信息流等平台上的新鲜事儿,还有怎么在网上做广告、搞SEO的小技巧。咱不装,就是图个乐呵,分享真实,一块儿学习进步。来吧,咱们一起侃大山,玩转互联网!

栏目导航

首页 国外出海 资源 Facebook YouTube 外贸电商 工具教程 网站建设 抖音 抖音直播 抖音短视频 推广 信息流 国内SEO 竞价SEM 谷歌SEO 影音资源

友情链接

时光博客
Copyright © 2019-2025 记录时光:成长、生活、工作. Designed by nicetheme. 有问题去解决,困难不再难,成功就在脚下!!
  • 首页
  • 国外出海
    • Facebook
    • YouTube
    • 外贸电商
  • 推广
    • 巨量千川
    • 国内SEO
    • 谷歌SEO
    • 竞价SEM
    • 信息流
  • 电商
    • 小红书
    • 抖音
  • 生活
  • 怎么办?
  • 资源
    • 网站建设
    • 工具教程
    • 影音资源
  • 抖音
  • 小红书
  • 千川
  • 教程

时光故事