網站嵌入(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 是對外的主要互動入口, 建議搭配完整內容與設定使用,以確保回覆品質。