如何在网站上添加whatsapp

摘要：在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端和移动端代码一定要分开，哪怕是响应式网站也不能用同一套代码。因为PC端的whatsapp链接点击后是跳转到网页版whatsapp，如果在移动端也点击这个链接就没法实现直接跳转到app的功能。

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