WhatsHelp.io 在網站加入 FB、LINE 等 App 按鈕,讓讀者與你保持聯絡 – Telegram简体版

Telegram

@media (max-width: 1200px) {

}body .novashare-buttons.novashare-inline .novashare-button-icon { width: 100%; }FacebookTwitterPinterestLineShare

WhatsHelp.io 在網站加入 FB、LINE、WhatsApp App 按鈕,讓讀者與你保持聯絡

之前介紹過 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 則可以讓你設定多個不同的即時通訊帳號,方便你的網站訪客使用者選擇他們慣用的方式與你聯絡。

WhatsHelp.io

STEP 2

選擇你要使用於 WhatsHelp.io 即時通訊類型,支援 Messenger、WhatsApp、LINE、Viber 和 SnapChat,之後還會加入 Telegram 和微信 WeChat。

只要依照網站指示說明,將相關資訊填入後就能繼續,例如 Messenger 會要求輸入你的 Facebook 名稱,WhatsApp 為電話號碼,LINE 的話就是你的 QR Code 網址,這部分可以在 LINE 的邀請好友功能裡使用 SMS 或 Email 寄送,就可以取得網址。

WhatsHelp.io

STEP 3

接著別忘記自訂一下你的按鈕。預設情況下會使用你的 Facebook 頁面頭像作為你的公司企業 Logo,當然你也可以視情況需要自行變更。預設訊息、按鈕顏色及位置也都可以在網站上調整設定,將訊息改成中文會更方便中文使用者使用這項工具。

WhatsHelp.io

如果你有設定 WhatsApp 或 Viber 的話,會提示使用者將號碼加入手機聯絡人,利用應用程式來傳送訊息,這部分也記得要把說明改成中文顯示。

WhatsHelp.io

STEP 4

最後,把 WhatsHelp.io 產生的 Widget 程式碼加入網站就能出現按鈕,記得要把程式碼加到網站 </body> 標籤前,如果你使用的平台不支援 JavaScript 就無法使用。

WhatsHelp.io

STEP 5

下圖就是 WhatsHelp.io 在網站上的顯示效果。預設情況下按鈕會固定於網站的右下或左下角,點擊後就會出現歡迎文字及使用者預先設定的幾個即時通訊帳號。

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简体版

Chat by KeyReply 在網站右下角顯示即時通訊聯絡小圖示,讓訪客更容易找到你! – Telegram简体版

Telegram使用人数破四亿!高隐私与高争议:安全,也危险! -Telegram 繁体版

About Me

Pretium lorem primis senectus habitasse lectus donec ultricies tortor adipiscing fusce morbi volutpat pellentesque consectetur risus curae malesuada dignissim lacus convallis massa mauris.