添加HubSpot表單到WordPress的頁面和文章

成功安裝 HubSpot – CRM、電子郵件行銷、即時聊天、表單與分析外掛程式後，您可以將HubSpot表單新增至WordPress頁面與文章。

在WordPress中，您可以透過經典編輯器或古騰堡編輯器新增您的HubSpot表單。

開始之前

在開始之前，請注意以下內容： 

• 如果您正在WordPress網站上嵌入表單，您可能需要在您的外部樣式表中套用其他CSS聲明，以使表單具有響應性。
• 如果您發現您的表單在WordPress中無法工作，或者在查看實時頁面時嵌入代碼被更改，您可能需要使用插件插入表單，以確保嵌入代碼保持不變。
• 如果您正在使用其他表單插件，如Contact Form 7或Ninja Forms ，您可以在HubSpot中收集提交。查看支持的表格表格，然後了解如何 使用非HubSpot表格。  
• 如果你在WordPress上使用支援的非HubSpot表單，但沒有在HubSpot中看到提交資料，你可能會安裝另一個與HubSpot-WordPress插件衝突的WordPress插件。停用插件，或查看常見問題以獲取其他疑難排解步驟。  

 經典編輯器

要使用經典編輯器將表單嵌入WordPress頁面和帖子： 

• 從你的WordPress帳戶，在左側邊欄選單中，瀏覽到HubSpot >表單。 
• 將鼠標懸停在要新增至網站的表單上，然後按一下複製短代碼。您也可以按一下建立表單，建立新的HubSpot表單。
• 瀏覽到WordPress頁面或文章，然後將簡碼貼到頁面編輯器中。
   
• 發佈網頁後，若要在WordPress中查看表單的提交：
  • 從你的WordPress帳戶，在左側邊欄選單中，瀏覽到HubSpot >表單。
  • 將鼠標懸停在表單上。然後，按一下[操作]下拉選單，然後選擇[檢視提交內容]。進一步了解如何分析您的表單提交。 

Gutenberg編輯器

如果您使用的是最新版本的Gutenberg （移除內嵌JavaScript ） ，請使用Gutenberg的內嵌JS區塊插件將表單和CTA嵌入您的頁面。

要使用Gutenberg編輯器將表單嵌入WordPress頁面和帖子： 

• 在您的WordPress帳戶中，瀏覽至您的網頁或文章。 
• 按一下工具列中的加號圖示。搜尋HubSpot表單塊，然後按一下它以將其新增到您的內容中。 
  
  

• 在方塊中，您可以選擇現有表單或建立新表單：
  • 若要選擇現有表單，請按一下選擇現有表單下拉式選單，然後選擇表單。
  • 若要建立新表單，請瀏覽左側欄選單中的「HubSpot」>「表單」，然後按一下「建立表單」。 
    
    

• 發佈網頁後，若要在WordPress中查看表單的提交：
  • 從你的WordPress帳戶，在左側邊欄選單中，瀏覽到HubSpot >表單。
  • 將鼠標懸停在表單上。然後，按一下[操作]下拉選單，然後選擇[檢視提交內容]。進一步了解如何分析您的表單提交。