歡迎來到 Super 8 的使用教學，這個單元將教您如何透過 Live Chat 對話工具，讓顧客瀏覽網站時能即時得到幫助，加深品牌與粉絲間的互動。
1. Live Chat 後台連接設定
從左側功能列「組織設定」找到「Live Chat」，包含三種功能設定「網站連接設定」、「插件設定」以及「文字選單設定」。
步驟1. 輸入網站地址
請將欲安裝 Live Chat 之網站地址填入欄位中。
若品牌的網域有多種，Super 8 可以支援兩種同一組的網域（Domain），例如：1. https://www.no8.io/ 以及 2. https://no8.io 。品牌僅需輸入 http://*.no8.io，即可適用同一網域多網址的 Live Chat 設定。
步驟2. 複製安裝代碼
提供以下兩種作法：
作法1. 於網站的每一頁網頁 </body>tag 前貼上安裝代碼
作法2. 品牌方不懂網頁程式碼也沒關係，Super8 支援 Google Tag Manager 工具快速安裝。→ 立即前往 GTM 安裝 Live Chat 插件
2. 插件設定
品牌方可以在「插件設定」，建立歡迎詞、營業時間、社群管道，以利顧客在官網與客服聯繫。
品牌 LOGO：管理員可以上傳品牌 LOGO，顧客會在官網看到插件 LOGO 及對話筐大頭貼。請上傳 180x180 的 png 圖檔，容量上限為 1 MB。
網站文字、標題、說明：品牌方可以自訂歡迎詞、營業時間，以利顧客了解品牌的服務項目與服務時間。
網站插件位置：選擇網站插件安裝於網頁上所位於的位置
網站左下角
網站右下角
可各自定義插件到底部的距離，插件離 右側 / 左側 距離。
＊小提醒：預設的距離皆為 10px，為確保功能正常運作請將數值設定在 0~100 px 之間，並且不能為小數點。
＊小提醒：支援負數，為了部分 CSS 的應用，如動畫等，供品牌方更彈性的使用（若品牌方有工程師可以修改）。
社群及聯絡資訊，LiveChat 工具同步連接以下渠道來開啟對話：
① LINE 官方帳號
② Messenger 粉絲專頁
③ Instagram 商業帳號
④ 信箱
⑤ 電話
官網插件示意圖（左下角）：
3. 文字選單設定
品牌方可以利用文字選單功能，設定文字回覆或開啟指定網址，讓客戶與 Live Chat 輕鬆互動。
文字選單功能開關：當後台開啟才會顯示選單，未開啟的話將不會顯示在 Live Chat 上。
新增項目：選單最多可以設定三種按鈕，最少一種按鈕，按鈕數量會影響選單排版
支援兩種按鈕形式：1. 回傳文字按鈕、2. 網址按鈕。
貼標籤：僅有「回傳文字按鈕」可以上標籤，網址按鈕不支援上標籤。
若管理員關閉選單，先前已編輯的選單紀錄仍然會保留在後台，不會因為關閉選單而刪除，以利管理員使用。
Live Chat 預覽：右側為設定 1~3 個項目的按鈕示意圖。
4. 首次/離線機器人即時回應
回到平台功能列開啟聊天機器人的「首次對話即時回應/ 離線回應」，平台選擇「依平台個別設置」，選擇 Live Chat 頁籤 設定 首次/離線對話訊息。
建議將此處的「Email 通知回覆」按鈕開啟，當客戶第一次或離線傳送訊息，系統會主動發送 Email 通知。
▶︎ Email 通知回覆：
顧客離線後(關閉瀏覽器、切換至其他分頁)，從品牌回覆的第一則訊息計算，一次打包3分鐘內的所有客服回應之訊息內容，將訊息內容傳送至客戶所填寫的 Email 中進行通知。
當顧客點擊「前往對話」按鈕，馬上就可回到官網接續先前的對話。
5. Live Chat 呈現畫面
▶︎ 顧客於網頁、手機開始對話
→ 資訊填寫(暱稱、Email)
→ 繼續對話
→ 訊息進入到Super8的訊息中心
對話框訊息格式：
支援文字、卡片(通話/位置按鈕不支援)、圖片、檔案、影片文字預設回覆
(僅支援 PNG、JPG、JPEG 檔案格式，容量上限為 10 MB 之圖檔)
▶︎ 顧客留下的「暱稱」及「Email」，系統會將資訊自動寫至訊息中心的客戶欄位中
6. 客戶觸發紀錄規則
▶︎ 若品牌沒有安裝 GA4 官網串接
當客戶點擊 Live Chat 的右下角圓形 icon 才會在「客戶中心」建立客戶資料，此時「訊息中心」的對話紀錄是被隱藏的。
當客戶點擊開始對話或繼續對話時，首次對話機器人才會跳出，同時「訊息中心」會顯示對話紀錄，以及所有收件夾的用戶人數 +1。
▶︎ 若品牌已經安裝 GA4 官網串接
當客戶直接進到電商網頁就會在「客戶中心」建立客戶資料，此時「訊息中心」的對話紀錄是被隱藏的。
當客戶點擊開始對話或繼續對話時，首次對話機器人才會跳出，同時「訊息中心」會顯示對話紀錄，以及所有收件夾的用戶人數 +1。
如何安裝 GA4 官網串接，請參閱 Live Chat 功能介紹
按鈕開啟 LiveChat 對話筐：
若品牌方希望在指定按鈕裡（例如：聯絡我們）放上 livechat 連結，以利用戶點擊後即可在對話筐詢問客服。
請在 livechat 網址 querystring 新增 autoOpenLiveChat=true 參數，即可使 livechat 聊天視窗自動被打開。
例如：美妝小舖官方帳號，自動開啟對話筐 https://im888.shoplineapp.com/?autoOpenLiveChat=true
以上為此單元教學內容，希望有協助到您！
若有相關問題，歡迎透過 Super 8 平台右下方的「顧客聊天外掛程式」向線上客服專員詢問，服務時間為週一至週五 09:30～13:00，14:00～18:30。
Super 8 雲發互動科技 Messenger：m.me/no8.io
Super 8 雲發互動科技 LINE@：https://line.me/R/ti/p/@super88888