文件

Wix

使用網站設定中的 Custom Code，將你的代理程式加入 Wix 網站。

使用 Custom Code 功能，將你的 AI 代理程式加入 Wix 網站。只要符合以下平台需求，任何已發布的 Wix 網站都能使用。

在 Agentkit 開啟 頻道 → 網站嵌入 → 聊天視窗，啟用該頻道並複製完整的產生程式碼。程式碼包含行內初始化程式與非同步載入程式，兩個 script 標籤都要保留。

快速設定

  1. 開啟你網站的 Wix Dashboard。
  2. 在左側邊欄中，前往 Settings。
  3. 在 Development & integrations 區段中，點選 Custom Code。
  4. 點選 + Add Custom Code。
  5. 將你的嵌入程式碼貼到程式碼欄位中。
  6. 在 Name 欄位中，輸入類似 Agentkit Widget 的名稱。
  7. 在 Add Code to Pages 中選取 All pages，並選擇訪客開啟每個頁面時載入程式碼。
  8. 在 Place Code in 中，選取 Body - end。
  9. 點選 Apply。

將兩個產生的 script 標籤一併貼入同一筆 Wix Custom Code 設定。不要改用只有一個標籤的範例，也不要手動輸入小工具網址或代理程式 ID。

方案與網域需求

Wix 的 Custom Code 需要：

  • 付費的 Premium 方案。
  • 已連結的自訂網域（例如 yourcompany.com）。使用 *.wixsite.com 子網域的免費網站無法使用 Custom Code。

如果你看到 Custom Code 選項顯示為灰色或鎖定狀態，請先升級方案並連結網域。

個別頁面安裝

若只想在特定頁面上載入小工具：

  • 在上述步驟 7 中，選取 Choose specific pages，而非 All pages。
  • 選取你想要的頁面。

儲存後

Custom Code 不會 在 Wix Editor 的預覽畫面中執行。你必須在你的自訂網域上開啟 正式上線、已發布的網站，才能看到小工具。

疑難排解

小工具沒有出現在 Editor 或 Preview 中。

  • 這是預期行為。Custom Code 只會在正式上線、已發布的網站上執行，請開啟真實的網址。

小工具在正式上線的網站上也沒有出現。

  • 確認你的 Custom Code 程式碼片段狀態為 Active（而非 Inactive）。
  • 確認你使用的是付費方案，並且 已連結自訂網域。
  • 確認已發布的 Wix 網域在 Agentkit 網域限制中受到允許。
  • 執行強制重新整理（⌘+Shift+R）以略過 Wix 的 CDN 快取。

我使用的是免費的 Wix 方案。

  • 請升級至 Premium 方案並連結自訂網域，或使用我們的 Iframe 整合，將其嵌入 Wix 的 HTML iframe 元素中，作為部分替代方案。

測試

  1. 在無痕視窗中開啟你已發布網站的網址。
  2. 尋找聊天氣泡。
  3. 點選開啟並傳送一則測試訊息。
  4. 檢查已發布頁面的原始碼，確認兩個產生的 script 標籤都在其中。

後續步驟