返回整合

使用 Codex 或 Claude Code 連接 ABC Sales AI


正在用 AI 程式開發助手製作網站?把 ABC 的整合說明交給它,就能協助您將網站表單連接到 ABC Sales AI 帳戶。訪客在網站填寫表單後,資料便會作為潛在客戶傳入 ABC。


ABC Codex 外掛為 Codex 提供撰寫連接所需的說明。Claude Code則可以使用放在專案中的同一套整合技能。按您使用的助手選擇一種設定方式即可,不需要兩種都安裝。


ℹ️
搶先體驗: 外掛目前透過私有 GitLab 儲存庫分享。您需要有 ABC 外掛儲存庫的存取權限,並使用能夠開啟網站專案和執行命令的程式開發助手。如果無法存取儲存庫,請向 ABC 申請權限。安裝外掛不會自動登入 ABC,也不會自動連接表單。

它可以幫您做什麼?


  • 將聯絡、報價、報名或申請表單連接到 ABC。
  • 將姓名、電話號碼、電子郵件和自訂答案對應到正確的潛在客戶欄位。
  • 在表單需要時,新增檔案上傳和防垃圾提交功能。
  • 協助開發人員使用 ABC API 建立伺服器端整合,例如讀取對話或訂閱潛在客戶事件。

目前的外掛提供整合說明和 API 參考資料。程式開發助手仍然需要存取您的專案檔案,並取得適當的 ABC 連接資料。它與 ABC 應用程式內的 AI Manager 是不同的工具。


步驟 1:設定您的程式開發助手


選項 A:Codex


在 Codex 中開啟您的網站專案,然後貼上以下內容:


💡
請幫我安裝 ABC Sales AI 外掛。使用我現有的 GitLab 存取權限,按順序執行以下命令:

codex plugin marketplace add https://git.jcalonso.com/abcsalesbot/abcsalesai-codex-plugin.git

codex plugin add abcsalesai@abcsalesai-plugins

codex plugin list --marketplace abcsalesai-plugins --json

確認 abcsalesai@abcsalesai-plugins 已安裝並啟用。如果已經安裝,請驗證現有安裝,不要重複建立。請說明任何驗證身分或 CLI 錯誤,不要要求我將密碼或存取權杖貼到對話中。

新增外掛市集後,外掛才會出現在可安裝清單中。第二條命令負責安裝。驗證結果應顯示 installed: trueenabled: true。如果安裝後目前對話仍無法使用,請在同一專案中開啟新的 Codex 任務,並要求它使用 ABC 整合技能。


選項 B:Claude Code


此選項適用於在網站專案中執行的 Claude Code。儲存庫目前提供的是 Codex 外掛清單,因此應使用其中的技能檔案,不要嘗試將它安裝為 Claude 外掛市集。


將以下內容貼到 Claude Code:


💡
請幫我在這個網站專案中使用 ABC Sales AI 整合技能。使用我現有的 GitLab 存取權限,讀取或複製 https://git.jcalonso.com/abcsalesbot/abcsalesai-codex-plugin.git。

閱讀 plugins/abcsalesai/skills/abc-lead-integration/SKILL.md 及其引用的檔案。將完整的 abc-lead-integration 資料夾複製到此專案的 .claude/skills/ 目錄,包括 reference 資料夾。保留現有專案指令;如果已有同名技能,先檢查再決定是否替換。確認 .claude/skills/abc-lead-integration/SKILL.md 和 reference/abc-public-api.yaml 都存在。如果無法存取儲存庫,請說明缺少什麼權限,不要要求我將憑證貼到聊天中。

然後請 Claude Code 在連接表單時使用 abc-lead-integration。只複製 SKILL.md 會遺漏它需要的 API 參考資料。專案技能的運作方式可參考 Claude Code 技能指南


步驟 2:準備 ABC 網站表單


在應該接收潛在客戶的 ABC 帳戶中,開啟設定 > 網站表單。按照將您的網站表單連接到 ABC Sales AI的步驟建立連接。


準備好以下資料:


  • 環境: 正式或測試環境。使用在對應 ABC 應用程式中建立的表單金鑰。
  • 表單金鑰: 儲存後複製的公開金鑰,以 pfk_ 開頭。
  • 網站地址: 在允許的網站中加入準確的來源網址,例如 https://www.example.com,不要包含頁面路徑。
  • 欄位對應: 網站實際傳送的準確名稱,以及每個答案的儲存位置。例如,如果網站傳送這些名稱,可設定 name → 名稱、email → 電子郵件、phone → 電話。
  • 防垃圾提交: 無防護,或 Cloudflare Turnstile 及其公開的網站金鑰(Site key)。選擇自動化時必須使用 Turnstile。
  • 下一頁: 提交成功後,訪客應該前往的頁面。

如果不清楚網站的欄位名稱,請讓程式開發助手檢查表單,並提供可貼到欄位對應(Field matching)中的值。如果不同語言的潛在客戶歸屬不同 ABC 帳戶,請為各帳戶分別準備連接。


ℹ️
現在可以在設定 > 網站表單中建立表單金鑰。舊版外掛說明可能仍表示需要管理員在此頁面以外建立金鑰。帳戶設定請以目前的網站表單指南為準。

步驟 3:複製這段連接提示詞


替換每個預留內容,然後貼到 Codex 或 Claude Code:


💡
請使用 ABC Sales AI 整合技能連接我現有的網站表單,保留目前的設計。

表單頁面:{FORM_PAGE_URL}
ABC 環境:{LIVE_OR_STAGING}
公開表單金鑰:{PFK_FORM_KEY}
允許的網站來源網址:{WEBSITE_ORIGIN}
欄位對應:{EXACT_WEBSITE_FIELD_NAMES_AND_ABC_DESTINATIONS}
防垃圾提交:{NONE_OR_TURNSTILE}
如已啟用,公開的 Turnstile 網站金鑰:{SITE_KEY_OR_NOT_NEEDED}
感謝頁面:{THANK_YOU_PAGE_URL}

使用對應環境的 Website Forms 提交端點。將公開表單金鑰放在 X-Form-Key,將答案放在 fields;啟用 Turnstile 時,將驗證憑證放在 captcha_token。不要把私密憑證放進瀏覽器端程式碼。只有 ABC 確認成功後,才跳轉到感謝頁面。失敗時保留訪客的答案,並說明如何重試。執行相關檢查,向我展示修改內容。在進行可能觸發後續跟進的真實提交之前,請讓我指定測試聯絡人。

公開表單金鑰用於識別接收答案的表單。它是為網站程式碼使用而設計的,不是訪客需要填寫的欄位。助手負責撰寫連接程式碼,再透過您平時的網站部署流程發布。


步驟 4:驗證完整流程


  1. 使用您能控制的測試聯絡方式,在已部署的網站上提交表單。
  2. 到預期的 ABC 帳戶檢查潛在客戶、答案和來源。
  3. 確認網站在提交成功後開啟感謝頁面。
  4. 另外檢查已設定的自動化或後續跟進。

僅看到感謝頁面,不代表潛在客戶已經儲存。請助手明確區分模擬測試和真實提交,並在上線前確認網站和 ABC 兩端都正常。


哪些金鑰可以交給助手?


  • 公開表單金鑰(pfk_): 可以放入網站設定提示詞和瀏覽器端程式碼。
  • Turnstile 網站金鑰(Site key): 公開;網站需要該元件時,可以交給助手。
  • Turnstile 密鑰(Secret key): 只填入 ABC。不要放入公開程式碼或設定提示詞。
  • 私密 ABC API 金鑰: 用於伺服器端 API 整合。儲存在伺服器的環境變數或機密設定中,不要放入瀏覽器端程式碼或聊天。請參考公開 API 指南

常見問題






還需要幫助?

我們的支援團隊隨時為你提供協助。

聯絡支援