部署

透過 JavaScript 小工具或 iframe，將你的代理程式嵌入任何網站。

將你的代理程式部署到網站，讓訪客可以與它互動。你可以選擇浮動聊天小工具，或全頁 iframe 嵌入。

嵌入選項

聊天小工具（建議）

一個可展開成聊天視窗的浮動聊天氣泡，適用於任何網站。

Iframe 嵌入

將完整的聊天介面嵌入頁面的某個區塊，適合用於專屬的支援頁面。

新增聊天小工具

前往你的代理程式的「發布」分頁
複製 JavaScript 程式碼片段
將它貼到你網站 HTML 中的 </body> 標籤之前：

<script
  src="https://your-domain.com/widget.js"
  data-chatbot-id="your-chatbot-id"
  async
></script>

重新整理你的網站——聊天氣泡就會出現！

小工具會顯示為一個浮動按鈕（通常位於右下角）。訪客點選即可開啟聊天視窗。

各平台專屬指南

如需特定平台的詳細操作說明：

JavaScript Widget - 適用於任何 HTML 網站
React/Next.js - React 應用程式
WordPress - WordPress 網站
Iframe Embed - 嵌入式聊天介面

小工具自訂

在「設計」分頁中自訂外觀：

顏色

主色（聊天氣泡、標頭）
強調色
淺色／深色主題

位置

右下角（預設）
左下角
透過 CSS 自訂位置

品牌

歡迎訊息
聊天標題
建議訊息
移除「Powered by」品牌標示（Standard／Pro 方案）

可見性設定

控制誰能存取你的代理程式：

設定	說明
公開	任何人都能使用嵌入的小工具
私人	僅能在儀表板的 Playground 中存取

於「設定 > 安全性 > 可見性」中設定。

網域限制

限制哪些網站可以嵌入你的代理程式：

前往「設定 > 安全性」
找到「允許的網域」
新增可嵌入你小工具的網域

設定完成後，小工具只會在核准的網域上載入，藉此防止代理程式遭到未經授權的使用。

驗證你的嵌入結果

新增程式碼後：

在瀏覽器中造訪你的網站
尋找聊天氣泡
點選以開啟聊天視窗
傳送一則測試訊息
確認回應是否正確

疑難排解

小工具沒有出現：

檢查嵌入程式碼是否放在 </body> 之前
確認代理程式 ID 是否正確
清除瀏覽器快取
檢查瀏覽器主控台是否有錯誤

小工具位置錯誤：

在設計設定中調整位置
檢查是否有 CSS 衝突

聊天沒有回應：

確認已有訓練內容
檢查你的方案訊息限額
先在 Playground 中測試

上線檢查清單

在公開你的代理程式之前：

[ ] 在 Playground 中測試常見問題
[ ] 確認訓練內容完整
[ ] 自訂外觀以符合你的品牌
[ ] 設定網域限制（選填）
[ ] 設定速率限制以防止濫用
[ ] 檢查可見性設定

部署