@media (max-width: 1200px) {
}body .novashare-buttons.novashare-inline .novashare-button-icon { width: 100%; }
之前介紹過 MsgUs.io 可為網站加入 Facebook Messenger 按鈕，打造免費線上即時傳訊功能，後來收到一些讀者詢問，有沒有可能使用其他服務來取代 Facebook 做為線上即時客服呢？答案是可以的，例如 Chat by KeyReply 能在網站右下角顯示各種網路服務帳戶，方便使用者從可行的途徑找到你。
本文要介紹的 WhatsHelp.io 與 MsgUs.io 出自同一家開發商，它能在網站右下角或左下角顯示一個小圖示，當使用者點選後，就會出現你設定的帳號資訊，除了支援眾所皆知的 Facebook Messenger，也能加入 WhatsApp、LINE、SnapChat 或 Viber 共五種不同但常被使用的即時通訊和社群應用程式。
WhatsHelp.io 和 MsgUs.io 一樣簡單，開啟網站、設定好要顯示的即時通訊服務帳號或鏈結，將產生的 .js 程式加入網站就能使用。除此之外，WhatsHelp.io 提供幾種不同顏色的圖示，也允許使用者自訂顯示的說明文字和 Logo。
網站名稱：WhatsHelp.io
網站鏈結：https://whatshelp.io/widget
使用教學
STEP 1
開啟 WhatsHelp.io 網站後，可以從首頁看到它的顯示效果，其實跟 MsgUs.io 看起來非常相似，不過 MsgUs.io 側重於 Messenger，WhatsHelp.io 則可以讓你設定多個不同的即時通訊帳號，方便你的網站訪客使用者選擇他們慣用的方式與你聯絡。
STEP 2
選擇你要使用於 WhatsHelp.io 即時通訊類型，支援 Messenger、WhatsApp、LINE、Viber 和 SnapChat，之後還會加入 Telegram 和微信 WeChat。
只要依照網站指示說明，將相關資訊填入後就能繼續，例如 Messenger 會要求輸入你的 Facebook 名稱，WhatsApp 為電話號碼，LINE 的話就是你的 QR Code 網址，這部分可以在 LINE 的邀請好友功能裡使用 SMS 或 Email 寄送，就可以取得網址。
STEP 3
接著別忘記自訂一下你的按鈕。預設情況下會使用你的 Facebook 頁面頭像作為你的公司企業 Logo，當然你也可以視情況需要自行變更。預設訊息、按鈕顏色及位置也都可以在網站上調整設定，將訊息改成中文會更方便中文使用者使用這項工具。
如果你有設定 WhatsApp 或 Viber 的話，會提示使用者將號碼加入手機聯絡人，利用應用程式來傳送訊息，這部分也記得要把說明改成中文顯示。
STEP 4
最後，把 WhatsHelp.io 產生的 Widget 程式碼加入網站就能出現按鈕，記得要把程式碼加到網站 </body> 標籤前，如果你使用的平台不支援 JavaScript 就無法使用。
STEP 5
下圖就是 WhatsHelp.io 在網站上的顯示效果。預設情況下按鈕會固定於網站的右下或左下角，點擊後就會出現歡迎文字及使用者預先設定的幾個即時通訊帳號。
如果你需要提供使用者線上即時客服，WhatsHelp.io 或許會符合需求。當然它也是一個增加讀者黏性、保持聯絡的方式。
相關文章
- Zotabox 網站整合 Facebook 粉絲專頁即時訊息，打造免費線上支援平台
- MsgUs.io 為網站加入 Facebook Messenger 按鈕，打造免費線上即時傳訊功能
- Pepper 為網站加入免費小工具，顯示社群網站、Email、電話等聯絡資訊
- Messengerify 為網站加入臉書 Messenger 按鈕，更好用的即時傳訊功能
Ten articles before and after
Pepper 為網站加入免費小工具，顯示社群網站、Email、電話等聯絡資訊 – Telegram简体版
Telegraph：Telegram 推出免費線上發佈平台，支援 Markdown 嵌入功能 – Telegram简体版
mssg.me 將即時通訊按鈕集中在單一頁面，可建立 QR Code 及個性化網址 – Telegram简体版
Telegram X 以 Swift 重新編寫應用程式 iOS、macOS 版免費下載 – Telegram简体版
Telegreat 非官方 Telegram 應用程式下載，台灣網友開發改進多種功能 – Telegram简体版
KUKU.io 貼文排程、自動同步多社群平台，支援臉書、推特、Google+ – Telegram简体版
All-in-One Messenger 同時用 WhatsApp、Messenger 等27種即時通訊服務 – Telegram简体版
Franz 整合 Slack、Facebook、WhatsApp 等八種即時通訊平台的免費軟體 – Telegram简体版
