將 HubSpot 表單新增至 WordPress 頁面和文章 (舊版)

成功安裝 HubSpot - CRM、電子郵件行銷、即時交談、表單與分析外掛程式後 ， 您就可以在WordPress 頁面和文章中加入HubSpot 遺留的表單。

請注意：本文僅供參考，僅適用於使用傳統編輯器建立的現有表單。目前，無法在 WordPress 頁面或文章中嵌入使用更新表單編輯器建立的 HubSpot 表單。進一步了解如何使用更新的表單編輯器來建立和管理表單。

在 WordPress 中，您可以透過 Classic 編輯器或 Gutenberg 編輯器新增您的 HubSpot 傳統表單。

在您開始之前

在您開始之前，請注意以下事項：

• 如果您要在 WordPress 網站上嵌入表單，您可能需要在外部樣式表中套用額外的 CSS 聲明，使表單具有反應能力。
• 如果您注意到您的表單在 WordPress 中無法運作，或者當您檢視即時頁面時，嵌入代碼被更改，您可能需要使用外掛程式 來插入表單，以確保嵌入代碼保持完整。
• 如果您使用其他表單外掛程式，例如 Contact Form 7 或 Ninja Forms，您可以在 HubSpot 中收集提交的表單。檢視支援表單的表格，然後學習如何使用非 HubSpot 表單。
• 如果您在 WordPress 上使用受支援的非 HubSpot 表單，但在 HubSpot 上看不到提交資料，您可能安裝了其他 WordPress 外掛程式，與 HubSpot-WordPress 外掛程式衝突。關閉該外掛程式，或查看常見問題以獲得其他故障排除步驟。

經典編輯器

使用傳統編輯器，將 HubSpot 傳統表單嵌入到您的 WordPress 頁面和文章中：

1. 從您的 WordPress 帳戶，在左側欄功能表中，導覽到HubSpot > 表單。
2. 將滑鼠移至您要新增至網站的表單，然後按一下「Embed」。您也可以按一下「建立表單」來建立新的 HubSpot 表單。
3. 按一下WordPress 短程式碼，然後按一下複製以複製嵌入程式碼。
4. 導覽到 WordPress 頁面或文章，然後將簡碼貼到頁面編輯器。

1. 從您的 WordPress 帳戶，在左側欄功能表中，導覽到HubSpot >表單。
2. 將滑鼠移至表單。然後按一下「動作 」下拉式功能表，並選擇「檢視提交內容」。瞭解更多關於分析表單提交的資訊。

Gutenberg 編輯器

如果您使用的是移除內嵌 JavaScript 的最新版 Gutenberg，請使用Inline JS Block for Gutenberg 外掛程式，將 HubSpot 傳統表單和 CTA 嵌入您的頁面。

使用 Gutenberg 編輯器在 WordPress 頁面和文章中嵌入 HubSpot 傳統表單：

1. 在您的 WordPress 帳戶中，導覽到您的頁面或文章。
2. 按一下工具列上的加號圖示。搜尋HubSpot 表單區塊，然後按一下將其新增至您的內容。

3. 在區塊中，您可以選擇現有表單或建立新表單：

• • 若要選擇現有表單，請按一下選擇現有表單下拉式功能表，然後選擇一個表單。
  • 若要建立新表單，請導航至左側功能表中的HubSpot > 表單 ，然後按一下建立表單。

1. 從您的 WordPress 帳戶，在左側欄功能表中導航至HubSpot >表單。
2. 將滑鼠移至表單。然後按一下「動作 」下拉式功能表，並選擇「檢視提交內容」。瞭解更多關於分析表單提交的資訊。