設置網站客服視窗

透過 GetButton、Facebook 即時客服或 Omnichat 在官網設置客服視窗，提升品牌與顧客溝通效率。

客服視窗說明¶

設定客服視窗旨在 建立品牌與客戶間的溝通管道，有助於增加網站成交機會並減少客服成本。目前主要透過外掛插件（如 GetButton）或 Facebook 即時客服功能來達成。以下為詳細的操作說明與教學：

GetButton 外掛客服插件設定¶

GetButton 是一款能同時整合 Messenger、LINE 等多種通訊軟體的第三方客服外掛。

1. 建立 GetButton 程式碼：

   • 搜尋並進入 GetButton 網頁，點擊 「Get Your Button」。
   • 選擇通訊管道： 選擇 Messenger 或 LINE。輸入 FB 粉絲專頁網址（取得 Page ID）或將從 LINE OA 管理後台複製的好友連結 貼入對應欄位。
   • 設定 Chatbot 外觀： 可自訂視窗顏色、位置（置左或置右）以及 Call to action（引導文字）。
   • 取得程式碼： 完成設定後，複製系統產生的整段 GetButton Code。
   • 完整設定流程，請參閱 GetButton 官方教學影片 。

   若需更直觀的操作示範，請觀看 GetButton 官方教學影片 。

2. 串接至 CYBERBIZ 後台：

   • 後台路徑： 前往 網站外觀 > 套版主題管理。
   • 開啟編輯器： 在目前使用的主題上點選「選擇操作」>「CSS/HTML 編輯器」。
   • 埋設語法： 搜尋並點開 theme.liquid 檔案，將從 GetButton 複製的程式碼貼入檔案中（通常建議放在 </body> 標籤前）並儲存。
   • 完成展示： 儲存後即可在官網前台右下角看到客服視窗。
   theme.liquid

   ...
           <script type="text/javascript">
               (function () {
                   var options = {
                       line: "//line.me/ti/p/@您的ID", 
                       facebook: "您的專頁ID",
                       // ... 其他設定屬性 ...
                   };
                   // ... 系統初始化語法 ...
               })();
           </script>
       </body>
   </html>
   

臉書即時客服 (FBE 2.0)¶

針對使用 進階版以上 的商家，可以直接透過 Facebook 商業擴充套件開啟即時客服功能。

• 功能開關： 商家可在後台執行 FBE 2.0 串接流程，並在設定中找到「臉書即時客服」開關進行啟閉。
• 優點： 系統會自動將 Facebook 帳號與 CYBERBIZ 顧客列表關聯，方便篩選透過 FB 登入的會員。

進階第三方客服整合 (Omnichat)¶

若商家有更高階的多通路整合需求，CYBERBIZ 也支援安裝 Omnichat 客服應用。

詳細設定說明，請參閱 Omnichat 官方教學說明 。

重要注意事項¶

• 二擇一建議： CYBERBIZ 建議 Facebook 即時客服或 GetButton 插件擇一使用，以避免版面混亂或語法衝突。
• 程式碼風險： 商家自行修改程式碼若導致版面跑版，需自行承擔風險，建議操作前先記錄時間點，發生異常時利用編輯器中的 「查看之前版本」 功能回溯至先前版本。
• 版型限制： 拖拉版型僅支援部分程式碼編輯，實際操作需視後台開放的功能而定。

常見問題¶