菜鳥救星網頁設計教學:幫網頁加上線上客服吧

文/圖、菜鳥編

文章轉自聯成電腦,未經授權請勿轉載,原文為:聯成電腦網頁設計教學:幫網頁加上線上客服吧

將社群媒體作為與消費者溝通的管道已是常態。讓消費者可以有效的立即互動是品牌服務的關鍵之一。WhatsHelp就是一個提供通訊服務的網站,可將網站所產生的編碼結合在自己經營的網頁上,立即讓網頁可以有線上客服的感覺。

 進到網站首頁,從圖示就可看到提供了在台灣最常使用的兩個社群APP,Messenger、Line。

操作方式很簡單,當你按下Get Your Button就可看到3步驟,依序完成就可產生對應的編碼來。

STEP1 選擇通訊的APP

可以看到提供了七種服務APP,Messenger、WhatAPP、Telegram、Vkontakte、LINE、Viber、Snapchat,預設已經幫你選定了Messenger、WhatAPP,當然你也可以自訂,要增加可直接點擊APP的ICON,亮起表示選起,灰色表示未選取。如果要取消只要點擊X的圖示就可取消選取。

每一個通訊APP下方都有提供範例給你,將你的帳號對應填入就完成第一步的設定。LINE服務也可以用LINE@。

STEP2 定義按鈕

主要設定所當消費者點擊按鈕後的視窗樣式:
1. LOGO設定:提供LOGO的URL
2. 內容資訊
3. 圖示顏色設定
4. 圖示位置設定

STEP3 輸入MAIL,取得code

最後就是將你的MAIL填入,點選「Get Button Code」就可以看到編碼

STEP4 貼上編碼

將編碼貼製你的網頁</body>前面,進到網頁後,馬上就可看到右下角的服務按鈕。

點擊了messenger,馬上就可出現對話視窗。

不過LINE的部分,則是出現QR code,需加入好友才有辦法對話。

加入菜鳥救星官方Line並回覆「我想看文章」,不定期獲得更多知識吧!

不同頻道,不同知識!

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料