小工具自訂
設定聊天小工具的外觀、行為和訊息，與您的品牌一致並有效吸引訪客。
外觀
控制小工具在您網站上的外觀。
| 設定 | 選項 | 說明 |
|---|---|---|
Primary Color | 任意十六進位色值 | 設定小工具標題欄、發送按鈕和強調色。搭配您的品牌（例如 #2563eb）。 |
Position | bottom-right、bottom-left | 小工具出現在頁面的哪個角落。 |
Chat Visible | 開 / 關 | 開關小工具而無需移除嵌入程式碼。適用於維護或季節性活動。 |
提示：使用與白色文字有良好對比度的色彩。小工具標題文字始終為白色，因此避免使用過淺的色彩。
歡迎訊息
歡迎訊息在訪客首次開啟聊天且沒有現有訊息時顯示。
運作方式
- 以您的預設語言設定訊息（例如英文）
- 訊息以語言對應表（JSON）儲存
- 訪客開啟聊天時，訊息會透過 Claude 自動翻譯為其瀏覽器語言
- 翻譯結果會被快取，後續相同語言的訪客可即時看到
範例
您以英文設定歡迎訊息：
"Hi there! How can we help you today?"使用法語瀏覽器的訪客會看到：
"Bonjour ! Comment pouvons-nous vous aider aujourd'hui ?"主動訊息
主動訊息鼓勵訪客在點擊小工具之前就開始對話。
模式
| 模式 | 行為 |
|---|---|
auto_open | 聊天小工具在頁面載入時自動開啟。訪客立即看到完整聊天視窗。 |
attract | 小工具旁出現一個浮動氣泡，顯示您的主動訊息，吸引注意而不唐突。 |
主動訊息同樣依語言設定，並自動翻譯為訪客的瀏覽器語言，與歡迎訊息相同。
提示：「attract」模式適合電商（「需要幫忙選擇嗎？問我們！」），而「auto_open」更適合訪客已經在尋求幫助的支援頁面。
備援訊息
備援訊息在訪客等待連接客服人員時顯示。它設定了回覆時間的預期。
詳情
- 依語言儲存，與其他訊息一樣自動翻譯
- 在對話等待客服人員加入時顯示
- 範例：「感謝您的留言！我們的團隊成員很快就會與您聯繫。」
客服人員語言
每個小工具都有一個預設客服語言。這是在尚未有特定客服人員被分配到對話時，翻譯的目標語言。
如何使用
- 訪客發送西班牙語訊息
- 尚未分配客服人員
- 訊息翻譯為小工具的客服語言（例如英文）
- 一旦客服人員接手對話，翻譯會改為以該客服人員的個人語言為目標
翻譯
控制此小工具的訊息是否自動翻譯。
| 設定 | 說明 |
|---|---|
Translation Enabled | 此小工具的主開關。關閉時，不會翻譯任何訊息。 |
Translation Model | 用於翻譯的 AI 模型。建議使用 Haiku 以獲得最佳的速度與成本平衡。 |
啟用後，所有訊息雙向自動翻譯 — 訪客訊息翻譯為客服的語言，客服回覆翻譯為訪客的語言。請參閱翻譯指南了解完整詳情。
速率限制
透過訊息速率限制保護您的小工具免受濫用。
設定
- 每分鐘訊息數 — 預設為
20 - 按訪客工作階段計算
- 達到限制時，訪客會看到以其語言顯示的「請放慢速度」訊息
- 防止垃圾訊息和過度的 Token 消耗
允許的來源
限制哪些網域可以嵌入您的小工具以確保安全。
運作方式
- 新增您的小工具應運作的網域（例如
https://yoursite.com） - 小工具只會在白名單網域上載入
- 如果清單為空，小工具可在任何網域上使用（無限制）
- 有助於防止未經授權在第三方網站上使用您的小工具金鑰
安全性：在生產環境中，請務必新增允許的來源。這可防止他人複製您的嵌入程式碼並在其網站上使用您的小工具（和您的 Token）。
嵌入程式碼
每個小工具都有唯一的嵌入程式碼 — 一個加入到網站的 script 標籤。
<script src="https://enuchat.com/widget/enuchat-v1.js"
data-widget-key="wgt_your_key_here"></script>詳情
data-widget-key屬性識別您的小工具- 腳本以非同步方式載入 — 不會阻塞頁面
- 放在 HTML 中
</body>之前 - 小工具金鑰可安全暴露在客戶端程式碼中 — 它只能用於啟動聊天會話，無法存取您的管理面板