對于外貿建站來說,國外流行的社交聊天工具或APP的使用是必不可少的,WhatsApp就是其中之一,WhatsApp是與國外客戶取得聯系的絕佳方式,本文WPPOP詳細介紹如何在自己的網站中加入WhatsApp社交聊天工具,實現這個功能,我們需要準備:一個漂亮的WhatsApp圖標 和 一個WhatApp 鏈接。
添加WhatsApp圖標
獲取WhatsApp圖標的方法很多,百度或Google搜索,挑選一個自己滿意的圖標上傳到自己網站即可使用,如下圖所示一個簡潔風格的WhatsApp按鈕圖標:
創建WhatsApp鏈接
WhatsApp提供“Click to Chat”點擊聊天功能,允許您在網頁中創建一個鏈接,當用戶點擊時即可響應打開WhatsApp聊天窗口。
WhatsApp提供PC電腦端和手機移動端兩種不同的鏈接地址:
PC電腦端:<a href="https://api.whatsapp.com/send?phone=+86123456789&text=Hello">WhatsApp</a>
手機移動端:<a href="whatsapp://send?phone=+86123456789&text=Hello">WhatsApp</a>
里面都包含兩個參數 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軟件程序進行聊天。