如何在网站上添加whatsapp

/ 1评 / 1

摘要:在PC端和移动端网站上均可添加whatsapp按钮,访客点击后可直接跳转到与你对话的whatsapp界面。

网上有很多《外贸站添加whatsapp按钮》的教程,大多是一套样式代码加一个whatapp链接,作者实测了一下,发现PC端的添加方法是有效的,但移动端几乎没有可以成功跳转到whatsapp的链接代码。于是作者用whatsapp的url scheme试了一下,亲测有效,现把PC端和移动端添加whatsapp按钮的方法分享给大家。按钮样式的代码我就不发了,网上一搜都有。

PC端:

<a href="https://web.whatsapp.com/send?phone=86xxxxxxxxxxx">WhataApp</a>

移动端:

<a href="whatsapp://send?phone=86xxxxxxxxxxx">WhatsApp</a>

"phone=86xxxxxxxxxxx"中的"86"不要动,xx替换成你的手机号码,这样访客点击后会直接到达whatsapp中与你聊天的界面。

PC端-whatsapp样式
PC端-whatsapp样式

要注意的是PC端和移动端代码一定要分开,哪怕是响应式网站也不能用同一套代码。因为PC端的whatsapp链接点击后是跳转到网页版whatsapp,如果在移动端也点击这个链接就没法实现直接跳转到app的功能。

移动端-whatsapp样式
移动端-whatsapp样式

移动端的whatsapp链接是url scheme,点击后会自动打开手机上的whatsapp app的聊天界面,亲测安卓和ios都可以正常打开。

hi,我是徐明晗,专注B2B互联网营销,略懂SEM、SEO、短视频运营、内容营销等。欢迎在微信上与我交流(微信号:mishaxu0305)
  1. james说道:

    作者你好忙,我最近在添加whatsapp按钮在网站,但是这个代码添加上去不行,还需要样式代码,你能帮我看看不

发表评论

邮箱地址不会被公开。