網站嵌入(Widget)

將聊天功能嵌入網站,讓訪客可以直接與系統互動。
Widget 的用途
Widget 是網站上的對話入口,讓訪客可以即時提問。
  • 提供訪客即時詢問
  • 自動回覆常見問題
  • 整合知識庫內容進行回答
運作方式
Widget 會以浮動視窗形式顯示在網站上。
  • 預設顯示為右下角按鈕
  • 點擊後展開聊天視窗
  • 可收合回最小狀態
在手機上會自動切換為全螢幕顯示。
安裝方式
Widget 程式碼可直接從系統設定頁取得。
  • 前往「頻道設定」頁面
  • 找到 Widget 嵌入設定
  • 點擊複製程式碼
  • 貼到網站中即可使用
建議將程式碼放在 <body> 結尾位置。
可調整設定
Widget 支援部分顯示設定:
  • avatar-size:按鈕大小(預設 60px)
  • chat-width:聊天視窗寬度(預設 420px)
  • chat-height:聊天視窗高度(預設 560px)
  • z-index:顯示層級(預設 999)
顯示邏輯
Widget 會依據裝置自動調整顯示方式。
  • 桌面:固定大小視窗
  • 平板:縮放高度顯示
  • 手機:全螢幕顯示
與系統連動
Widget 會直接連接你的 AI 頻道。
  • 使用指定的 channel-id
  • 套用該頻道的 AI 設定
  • 使用同一份知識庫內容
使用建議
建議在啟用 Widget 前先完成設定。
  • 先建立完整知識庫內容
  • 確認 AI 回覆效果正常
  • 再開放給訪客使用
使用情境
訪客在網站瀏覽商品時,可透過右下角聊天按鈕詢問問題, 系統會根據產品資料與知識庫內容提供回覆。
建議
Widget 是對外的主要互動入口, 建議搭配完整內容與設定使用,以確保回覆品質。