網站小工具
把一段嵌入代碼貼進你的網站,訪客就能跟 agent 對話;有招呼氣泡、真人協助、離開前評分,只在允許的網域上出現。
這是什麼
網站小工具是掛在你網站右下角(或左下角)的對話按鈕,就像常見的線上客服視窗,只是接客的是 agent。訪客屬於 對外 受眾:看不到團隊內部的東西;需要核准的動作一律進審核收件匣,不會出現在小工具裡。
在哪裡找到它
主控台 → Agent → 點進一位 agent → 通道 分頁 → 網站小工具 卡,按 新增。列表上每個小工具會顯示「啟用中 / 已停用」、幾個允許網域、預覽 與編輯。
怎麼做
- 在「網站小工具」卡按 新增,填好下面的設定,儲存。
- 在「允許內嵌的網域」填你的網站,一行一個,例如
https://example.com。不在清單上的網站載不了小工具。 - 按 複製代碼,把「嵌入代碼」貼進網站的每一頁(通常放在共用的頁尾):
<script async src="https://你的網域/widget.js" data-widget="小工具 id"></script>
- 按 預覽 看看訪客會看到的樣子。
設定項
| 欄位 | 說明 |
|---|---|
| 名稱、開場白 | 預設「網站小幫手」與「嗨!有什麼可以幫你?」 |
| 訪客語言 | 跟隨 Agent、繁體中文或 English |
| 按鈕主色、位置 | 八個色塊或自訂;右下角 / 左下角 |
| 招呼氣泡 | 選填;訪客進站後浮出一次 |
| 真人協助 | 開了以後訪客可以留聯絡方式。agent 要不要「主動」彈出表單,另由工具權限「轉真人接手」控制 |
| 離開前評分 | 1 到 5 星的滿意度 |
| 開場建議問題 | 一行一條,最多 5 條;訪客點一下就發問 |
| 允許內嵌的網域 | 一行一個;不在清單上的網站載入不了小工具 |
| 這個小工具的工具權限 | 以「對外基準線」為底逐項調整。需要「設定 Agent 的思考方式」權限 |
訪客看到什麼
- 標題列有名稱、「線上」,以及(開了的話)真人協助 按鈕。
- 開場白與建議問題。輸入框可以送圖片。
- 按「真人協助」會跳出表單,填聯絡方式與補充說明;送出後畫面會顯示已轉接真人客服。
- 關閉視窗時,如果開了評分,會問「離開前,幫這次服務打個分?」。
轉人工請求與滿意度
小工具卡下方的 轉人工請求 列出訪客留下的聯絡方式與補充說明,狀態「待處理 / 已處理」,處理完按 標記已處理。上面一行顯示平均滿意度。
會遇到的狀況
網站上看不到按鈕
先確認那個網站的網址(含 https)在「允許內嵌的網域」清單裡,再確認小工具是「啟用中」。
已驗證用戶密鑰
每個小工具有一把「已驗證用戶 JWT 密鑰(HS256)」,給你的網站後端用來告訴 agent「這位訪客已登入、是誰」。這一項要請你的網站工程師處理。
相關頁
本頁對應 v0.111.1