文件

Squarespace

透過 Code Injection 將你的代理程式加入 Squarespace 網站。

透過 Code Injection（Squarespace 原生的全站指令碼注入方式）將你的 AI 代理程式加入 Squarespace 網站，大約一分鐘即可完成。

首先，從儀表板的 代理程式 > 發布 取得你的嵌入程式碼。

快速設定

  1. 開啟你 Squarespace 網站的 Dashboard。
  2. 前往 Settings → Website Tools → Code Injection。（在較舊的網站上，這個選項可能位於 Settings → Advanced → Code Injection 底下。）
  3. 將你的嵌入程式碼貼到 Footer 欄位（不是 Header 欄位——小工具應該在頁面轉譯完成後才載入）。
  4. 點選 Save。
  5. 開啟你正式上線的網站，小工具會在幾秒內出現。

範例格式（請使用 代理程式 > 發布 中的實際數值）：

<script
  src="YOUR_WIDGET_URL"
  data-chatbot="YOUR_CHATBOT_ID"
  async
></script>

方案需求

Code Injection 是付費功能：

  • Core、Plus 及 Advanced 方案皆可使用。舊版的 Business 方案（以及後來已改名的較舊方案）也包含此功能。
  • Basic 方案（前身為 Personal）不支援 Code Injection，面板會維持停用狀態，直到你升級為止。

請在你的 Squarespace 儀表板中，前往 Billing → Plans 進行升級。

個別頁面安裝

Code Injection 會套用到整個網站。若只想在單一頁面上載入小工具，請改用該頁面上的 Code Block：

  1. 編輯該頁面。
  2. 新增一個 Code 區塊。
  3. 貼上你的嵌入程式碼。
  4. 儲存。

如此一來，小工具就只會在該頁面上載入。

結帳頁面

Squarespace 不會在原生結帳頁面上執行 Code Injection。小工具不會在結帳過程中顯示。如果你需要在結帳期間提供支援，可以在訂單確認電子郵件中加入連結，或在導向結帳的頁面上使用 Code Block。

儲存後

Code Injection 的變更會立即在正式上線的網站生效，不需要另外發布。

疑難排解

小工具在任何頁面上都沒有出現。

  • 確認程式碼片段位於 Footer，而非 Header。
  • 確認貼上後已點選 Save。
  • 確認你的網域已在 代理程式 > 發布 > 安全性 中被允許。
  • 執行強制重新整理（⌘+Shift+R）以略過瀏覽器快取。

小工具在結帳頁面上沒有出現。

  • 這是預期行為——Squarespace 不會在結帳流程中執行 Code Injection。

Code Injection 面板已停用。

  • 你目前使用的是 Basic（前身為 Personal）方案，請升級至 Core、Plus 或 Advanced。

方案遭降級後，程式碼片段雖然仍已儲存，卻不再執行。

  • Squarespace 在降級後仍會保留並顯示已儲存的程式碼片段，但不再執行它們。請重新升級，或在需要的頁面上透過 Code Block 重新加入小工具。

測試

  1. 在無痕視窗中開啟你的網站網址。
  2. 尋找聊天氣泡。
  3. 點選開啟並傳送一則測試訊息。

後續步驟