聊天小工具｜訊息中心

SHOPLINE 訊息中心推出「聊天小工具」功能，顧客瀏覽網店前台時，可選擇透過 Facebook Messenger、Instagram、LINE 及 WhatsApp 或網店訊息，即時與您展開對話。

⚠️ 注意：目前僅支援 Ultra Chic、Kingsman、Varm 店面版型顯示「聊天小工具」。

以下將分別說明：

• 安裝功能 App
• 設定說明
• 網店前台畫面
• 回覆顧客訊息
• 注意事項

 

一、安裝功能 App

步驟一

點按訊息中心左側「客服助手 > 官網聊天小工具」頁面。

 

步驟二

點按右側擴充功能連結。

 

步驟三

將開啟安裝「SHOPLINE 聊天小工具」擴充功能頁面，點按「立刻安裝」按鈕免費安裝此功能 App。安裝功能 App 的詳細說明請參考此篇文章。

 

步驟四

安裝完成後，前往「擴充功能 > 我的擴充功能」點按剛才安裝的「SHOPLINE 聊天小工具」右側「啟用腳本」按鈕。

 

二、設定說明

步驟一

成功安裝 App 後，回到「訊息中心 > 客服助手 > 官網聊天小工具」頁面。

 

步驟二

開啟聊天小工具開關按鈕。

 

步驟三

A. 已在「商店後台 > 第三方服務」串接社群

若您已在「商店後台 > 第三方服務」串接相關社交管道，會直接顯示於此（系統自動帶入）；若您串接多個 Facebook 粉絲專頁或 Instagram 帳號，點按下拉選單可選擇其他粉專或帳號。

 

B. 尚未在「商店後台 > 第三方服務」串接社群

若您尚未串接，可在此輸入相關資訊，以啟用該管道（上述已串接的店家也可透過以下方式額外增加對話管道）：

• Facebook Messenger：輸入粉專 ID，如何找到粉專 ID？
  
• Instagram：輸入 Instagram 帳號名稱。
• LINE：輸入 LINE 個人帳號加入好友連結，如何取得連結？
  ＊備註：若您的商店擁有 LINE 官方帳號，且希望顧客透過官方帳號與您聯繫，請前往「商店後台 > 第三方服務」串接 LINE 帳號。
• WhatsApp：輸入包含國碼的手機號碼。

 

設定完成後，可選擇開啟哪些管道。開啟後，顧客瀏覽網店時即可透過該管道與您聯繫。

⚠️ 請留意：

- 若您是台灣店家，且僅擁有「網路開店」系統，則目前只支援開啟「線上對話、Facebook
Messenger、傳送電郵」管道。
需購買「社群購物」系統，才能使用「Instagram、LINE、WhatsApp」社交管道。

- 若您是香港店家，且僅擁有「網路開店」系統，則目前只支援開啟「線上對話、傳送電郵」管道。
需購買「社群購物」系統，才能使用「Facebook Messenger、Instagram、LINE、WhatsApp」社交管道。

 

步驟四

可選擇是否啟用線上對話的「歡迎訊息」並自訂內容。

若啟用，顧客每次透過聊天小工具「線上對話」登入會員，便會觸發系統發送歡迎訊息，實際畫面請參考下方說明。

＊備註：

• 自訂訊息內容時，僅支援輸入文字及 emoji，且字數上限為 200 字元。
• 若您沒有自訂訊息內容，系統將發送預設文案。

 

可選擇是否啟用 WhatsApp「引導語」並自訂內容。

若啟用，該引導語將在顧客透過 WhatsApp 與您聯繫時，自動帶入顧客對話框中，實際畫面請參考下方說明。

＊備註：

• 自訂訊息內容時，僅支援輸入文字及 emoji，且字數上限為 340 字元。
• 若您沒有自訂訊息內容，系統將發送預設文案。

 

步驟五

若想調整社交管道的順序，可點按右上方「編輯排序」按鈕進行調整。

 

步驟六

點按「外觀設定」區塊，調整聊天小工具按鈕的外觀。

A. 標題

輸入大標題及小標題。

 

B. 樣式

選擇按鈕樣式。

 

C. 主題顏色

選擇按鈕顏色。

 

D. 按鈕位置

選擇按鈕位置。

 

步驟七

設定完成後點按「儲存」。

 

三、網店前台畫面

完成上述設定後，網店會顯示聊天小工具按鈕，顧客點按該按鈕即可透過社交管道與您聯繫。

 

A. 線上對話

顧客點按「線上對話」後，系統將檢查顧客是否已登入會員：

• 已登入：直接開啟與店家的對話視窗。
  
  
  
• 未登入：跳轉至網店會員登入頁面，顧客登入後開啟與店家的對話視窗，對話視窗內會顯示您剛才設定的歡迎訊息。
  

 

若顧客過去曾透過「聯絡我們」與您互動過，在線上對話視窗內將顯示所有歷史訊息。

 

當您回覆顧客訊息，聊天小工具將即時通知顧客：

• 新訊息將以預覽形式直接顯示，顧客無需打開小工具即可查看訊息內容。顧客點按訊息或回覆區塊，將直接開啟對話視窗，便可回覆訊息。
  
  
  
• 聊天小工具圖示上會標示未讀訊息數量，在瀏覽器頁籤也會顯示「x 封未讀訊息」的提示。
  
  
  
• 將游標移至任何訊息、回覆區塊，訊息右上角將顯示關閉按鈕，點按可關閉預覽訊息，但未讀數字依然會顯示。
  
  
  
• 關閉後若後續有新訊息，則只會顯示新訊息，不會顯示歷史未讀訊息。
  

 

B. Facebook Messenger

• 電腦版：顧客點按 Facebook Messenger 後，將開啟新分頁並自動跳轉至您商店粉絲專頁的 Messenger 聊天室。
  
  
  
• 手機版：顧客點按 Facebook Messenger 後，將開啟 Messenger App 並自動跳轉至您商店粉絲專頁的 Messenger 聊天室。
  

 

C. Instagram

• 電腦版：顧客點按 Instagram 後，將開啟新分頁並自動跳轉至您商店的 Instagram 帳號。
  
  
  
• 手機版：顧客點按 Instagram 後，將開啟 Instagram App 並自動跳轉至您商店的 Instagram 帳號。
  

 

D. LINE

顧客點按 LINE 後，可掃描 QR code 或點按「開啟 LINE」按鈕。

• 掃描 QR code：將開啟 LINE App 並自動跳轉至您商店的 LINE 官方帳號聊天室。
  
  
  
• 開啟 LINE：將開啟新分頁並顯示您商店的 LINE 官方帳號 QR code。
  

 

若您設定時是貼入個人帳號的加入好友連結，顧客掃描 QR code 將開啟 LINE App 並自動跳轉至個人帳號頁面，顧客可在此加您為好友。

 

顧客點按開啟 LINE 將開啟新分頁並顯示 LINE 個人帳號 QR code。

 

E. WhatsApp

顧客點按 WhatsApp 後，可掃描 QR code 或點按「開啟 WhatsApp」按鈕。

• 掃描 QR code：將開啟 WhatsApp App 並自動跳轉至您商店的 WhatsApp 聊天室，且對話框中會帶入您剛才設定的引導語，顧客可直接發送。
  
  
  
• 開啟 WhatsApp：將開啟網頁版 WhatsApp 新分頁並顯示引導語。
  

 

F. 傳送電郵

顧客點按傳送電郵後，將自動開啟「聯絡我們」彈窗，顧客可透過電郵或手機號碼與您聯繫。

 

四、回覆顧客訊息

若聊天小工具內顯示的是您於「商店後台 > 第三方服務」串接的社交管道，則您可在「訊息中心 > 社群訊息」頁面管理顧客透過「Facebook、Instagram、LINE、WhatsApp」傳送的訊息。

若聊天小工具內顯示的是未串接的社交管道，則須至對應的管道後台回覆顧客訊息。

 

若顧客是透過「線上對話、傳送電郵」管道與您互動，您可前往「訊息中心 > 官網訊息 > 網店訊息」頁面回覆顧客。

 

五、注意事項

1. 以下說明若顧客沒有安裝各社交管道 App，畫面將如何顯示：

• Facebook Messenger App
  • iOS 系統：跳轉至引導顧客下載 Messenger App 的頁面。
  • Android 系統：Chrome 瀏覽器將跳轉至安裝 Messenger App 頁面，其他瀏覽器則跳轉失敗且不會有任何提示。
• WhatsApp：無論是 iOS 或 Android 系統皆跳轉至網頁版的 WhatsApp。
• LINE：無論是 iOS 或 Android 系統皆跳轉至引導顧客下載 LINE App 的頁面。

2. 目前暫不支援於部落格首頁、登入/註冊頁面顯示聊天小工具按鈕。

 

 

 

延伸閱讀

• 訊息中心相關功能
• 新版訊息中心介面