對(duì)于外貿(mào)建站來(lái)說(shuō),國(guó)外流行的社交聊天工具或APP的使用是必不可少的,WhatsApp就是其中之一,WhatsApp是與國(guó)外客戶取得聯(lián)系的絕佳方式,本文WPPOP詳細(xì)介紹如何在自己的網(wǎng)站中加入WhatsApp社交聊天工具,實(shí)現(xiàn)這個(gè)功能,我們需要準(zhǔn)備:一個(gè)漂亮的WhatsApp圖標(biāo) 和 一個(gè)WhatApp 鏈接。
添加WhatsApp圖標(biāo)
獲取WhatsApp圖標(biāo)的方法很多,百度或Google搜索,挑選一個(gè)自己滿意的圖標(biāo)上傳到自己網(wǎng)站即可使用,如下圖所示一個(gè)簡(jiǎn)潔風(fēng)格的WhatsApp按鈕圖標(biāo):
創(chuàng)建WhatsApp鏈接
WhatsApp提供“Click to Chat”點(diǎn)擊聊天功能,允許您在網(wǎng)頁(yè)中創(chuàng)建一個(gè)鏈接,當(dāng)用戶點(diǎn)擊時(shí)即可響應(yīng)打開(kāi)WhatsApp聊天窗口。
WhatsApp提供PC電腦端和手機(jī)移動(dòng)端兩種不同的鏈接地址:
PC電腦端:<a href="https://api.whatsapp.com/send?phone=+86123456789&text=Hello">WhatsApp</a>
手機(jī)移動(dòng)端:<a href="whatsapp://send?phone=+86123456789&text=Hello">WhatsApp</a>
里面都包含兩個(gè)參數(shù) phone
和 text
;phone=
后面為你的電話號(hào)碼,text=
后面為發(fā)送的文本信息;
可以把兩種代碼都添加到網(wǎng)站中,如下所示:
<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>
當(dāng)然,你也可以通過(guò)程序判斷PC端和手機(jī)端來(lái)分別顯示各自的代碼。
注意事項(xiàng)
WhatsApp對(duì)于電話號(hào)碼格式
要?jiǎng)?chuàng)建鏈接:phone=
后面的電話號(hào)碼格式有一定的要求,如果添加錯(cuò)誤,可能鏈接就無(wú)法生效。
-
使用
phone=
后面必須是帶有國(guó)家代碼的完整電話號(hào)碼; - 不要使用電話號(hào)碼前面的零,不能有空格、破折號(hào)、括號(hào)等;
正確的格式示例:
-
一個(gè)中國(guó)(國(guó)家代碼是+86或0086)的電話號(hào)碼是:010-12345678,則鏈接應(yīng)該是:
https://api.whatsapp.com/send?phone=+861012345678
-
一個(gè)德國(guó)(國(guó)家代碼是 0049)的電話號(hào)碼是:0151-87654321,則鏈接應(yīng)該是:
https://api.whatsapp.com/send?phone=+4915187654321
錯(cuò)誤的格式示例:
-
錯(cuò)誤格式:
https://api.whatsapp.com/send?phone=
+86(0)1012345678 -
錯(cuò)誤格式:
https://api.whatsapp.com/send?phone=
+86-010-1234-5678 -
錯(cuò)誤格式:
https://api.whatsapp.com/send?phone=
008601012345678
WhatsApp的鏈接可與手機(jī)端的WhatsApp應(yīng)用程序,PC端的WhatsApp程序配合使用,當(dāng)用戶點(diǎn)擊你網(wǎng)站上的WhatsApp鏈接時(shí),手機(jī)端會(huì)響應(yīng)打開(kāi)你手機(jī)里的WhatsApp應(yīng)用程序,PC端則會(huì)響應(yīng)打開(kāi)你電腦里的WhatsApp軟件程序進(jìn)行聊天。