摘要:在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样式](http://www.xuminghan.com/wp-content/uploads/2020/01/PC-whatsapp.gif)
要注意的是PC端和移动端代码一定要分开,哪怕是响应式网站也不能用同一套代码。因为PC端的whatsapp链接点击后是跳转到网页版whatsapp,如果在移动端也点击这个链接就没法实现直接跳转到app的功能。
![移动端-whatsapp样式](http://www.xuminghan.com/wp-content/uploads/2020/01/移动whatsapp.gif)
移动端的whatsapp链接是url scheme,点击后会自动打开手机上的whatsapp app的聊天界面,亲测安卓和ios都可以正常打开。
作者你好忙,我最近在添加whatsapp按钮在网站,但是这个代码添加上去不行,还需要样式代码,你能帮我看看不