HubSpot形式的整合

至關重要的： 從 2023 年 8 月 29 日開始，您可以選擇使用以下連結將您的 Webflow 網站與 HubSpot 的行銷和 CRM 平台連結： HubSpot應用程式。有關更多詳細信息，請查看我們的 HubSpot 應用程式指南。

透過將 Webflow 表單欄位與 HubSpot 中的配置對齊，避免使用第三方連接工具和手動編寫的 CSS 來嵌入表單。當使用者在您網站的表單上輸入詳細資訊時，整合會自動將此資訊導向至 HubSpot。

記住： 此功能僅供 Webflow Enterprise 用戶端使用。如果您或客戶有興趣了解更多信息，請 聯絡我們的企業團隊.

在本教程中，您將學習：

1. HubSpot與Webflow如何連接
2. 如何使用 HubSpot 對齊個別表單

連接 HubSpot 與 Webflow

最初，您必須將 HubSpot 整合新增到您的工作區。要訪問您的工作區：

1. 展開 帳戶 導覽列中的下拉式選單
2. 點選 工作空間‍
3. 選擇一個工作區來建立 HubSpot 集成

要新增 HubSpot 整合：

1. 訪問 工作區設定 > 整合 選項卡 > 行銷自動化集成
2. 點選 新增行銷整合
3. 選擇 HubSpot 從下拉式選單中
4. 點選 新增行銷整合 （您將被重定向到 HubSpot 以連接兩個應用程式）
5. 選擇您的 HubSpot帳戶 在「將Webflow產品連接到HubSpot」頁面中，按一下 選擇帳戶‍
6. 打 連接應用程式 授予 Webflow 存取您的 HubSpot 帳戶的權限（然後您將被引導回 整合 Webflow 工作區中的選項卡）

筆記： 要修改您的集成，您必須刪除並替換它。

刪除 HubSpot 集成

如果您希望消除 HubSpot 集成，請先訪問您的工作區： 

1. 展開 帳戶 導覽列中的下拉式選單
2. 選擇 工作空間
3. 選擇 工作空間 您想要從中刪除 HubSpot 集成

接下來，刪除 HubSpot 整合：

1. 繼續 工作區設定 > 整合 選項卡 > 行銷自動化集成
2. 點選 刪除 在您要卸載的整合旁邊
3. 進入 ”刪除” 確認並單擊 刪除 按鈕

至關重要的： 如果您刪除工作區的 HubSpot Marketing 自動化集成，然後重新添加它，您還需要刪除站點上任何先前的 HubSpot 表單集成，然後重新添加它們以確保其正常運行。

將各個表格與 HubSpot 對齊

當使用者在 Webflow 網站上填寫表單時，連結至 HubSpot 表單欄位的每個 Webflow 表單欄位會自動將提交的資料檢索到對應 HubSpot 欄位的值中。本質上，此整合會在 Webflow 表單和 HubSpot 表單之間交換對映欄位提交的資料。您可以透過以下步驟調整表單並對其進行管理：

1. 發布您的表單並進行測試提交
2. 將您的 Webflow 表格連結到 HubSpot
3. 測試您的連結表單
4. 調整您的表單整合設定
5. 刪除您的表單集成

發布您的表單並進行測試提交

在將動態 Webflow 表單與通用 HubSpot 表單對齊之前，您必須在 Webflow 中建立表單，發布您的網站（如果您已經有正在運行的表單，則重新發布它），並進行測試提交：

1. 創造 Webflow 中的表單（如果尚不存在）
2. 發布 （或重新發布）包含您希望連接到 HubSpot 的表格的網站
3. 徹底 填寫 和 提交 您的即時網站上的表格

記住，每一個 形成塊 在您的網站中應該有一個明顯的 表格名稱。如果兩個或多個表單共用相同的名稱，則可能會導致 Webflow 的 API 及其取得可對應表單欄位的方式出現問題。預設情況下，我們的 API 會取得最近提交的表單，如果 2 個表單共用相同的名稱，它可能會破壞或破壞 Webflow 和 HubSpot 之間的預期對應。擁有多個同名表單還會導致其他複雜情況（例如，當您只想提交一份表單時，卻向 HubSpot 提交了多個表單）。

至關重要的： 即使您之前已經發布了表單，您也需要重新發布它才能使整合按預期工作。

了解有關表格的更多信息.

將您的 Webflow 表格連結到 HubSpot

從您希望連接到 HubSpot 的表單產生測試提交並將 HubSpot 整合新增至 Webflow 後，您可以將該表單連結到 HubSpot。 

1. 使用權 站點設定 包含您希望連結到 HubSpot 的表格的網站的名稱
2. 導航至 形式 選項卡 > 表單集成
3. 點選 地圖新形式
4. 選擇 webflow.com(HubSpot) 來自 行銷平台 下拉式選單
5. 從以下位置選擇您的表格 行銷形式名稱 下拉式選單
6. 從以下選擇您各自的 Webflow 表格 Webflow表格名稱 下拉式選單
7. 連結您的 Webflow 表單字段 和 行銷主導領域 （例如，Webflow 中的「名字」欄位連結到 HubSpot 中的「名字」欄位 — 如果您不想，則不必連結所有欄位）
8. 點選 連結表格 將您的 Webflow 表格連結到 HubSpot

有助於了解： 連結表單欄位時，請確保您的 HubSpot 表單將每個 Webflow 表單欄位合併為 HubSpot 表單本身中的對應欄位。您可以在 HubSpot 表單中包含這些對應的字段，方法是選擇匹配的 HubSpot 表單、存取它、編輯它，然後將任何必要的字段添加到 HubSpot 表單中。

測試您的連結表單

將 Webflow 表單連結到 HubSpot 表單後，您可以測試集成，以確認它是否根據需要將資料拉入 HubSpot： 

1. 徹底造訪您的即時網站 填寫，和 提交 你的表格
2. 登入 HubSpot
3. 檢查 提交日誌 在 HubSpot 中驗證您的表單資訊是否已正確拉入 HubSpot

調整您的表單整合設定

如果您希望修改表單整合設置，則必須先建立表單測試提交：

1. 發布 包含您希望連結到 HubSpot 的表格的網站
2. 完全的 你的表格
3. 提交 它

從要連線到 HubSpot 的表單建立測試提交後，您可以更新目前表單整合中的表單欄位：

1. 前往 站點設定 包含您要更新的表單整合的網站的名稱
2. 前往 形式 選項卡 > 表單集成
3. 點選 編輯 在您要修改的表單旁邊 
4. 對您的欄位進行任何必要的更改
5. 按 更新表單連接 儲存您的更改

刪除您的表單集成

如果您需要刪除表單整合： 

1. 導航至 站點設定 包含您要刪除的 HubSpot 表單整合的網站的名稱
2. 前往 形式 選項卡 > 表單集成
3. 點選 刪除 您要刪除的表單整合旁邊的按鈕
4. 進入 ”刪除” 確認並按 刪除 按鈕