在HubSpot頁面上設定表單並設定表單樣式

在HubSpot中建立表單後，您可以將其新增到HubSpot頁面上的任何表單模組。 在每個頁面上，您還可以設定表單提交後的情況，並自訂表單元素的樣式，例如提交按鈕和表單欄位。

在開始之前

在HubSpot頁面上設定表單之前，請注意以下事項： 

• 設定和樣式變更僅適用於所選頁面上的表單模組。 所做的任何設定和樣式變更都不會影響您在其他頁面上的表單。
• 更新表單內容（如表單欄位）將更新所有其他頁面上的表單，包括任何嵌入式表單或獨立表單頁面。 

設定您的表單

• 在HubSpot帳戶中，前往登陸頁面或網站頁面。
• 將遊標懸停在具有表單模組的現有頁面上，然後按一下「編輯」，或建立新頁面。
• 在頁面編輯器中，按一下表單模組。 如果您的頁面目前沒有表單模組，請了解如何在頁面中新增模組。 
• 在左側面板的「內容」索引標籤上，自訂此頁面的表單設定：
  • 表單標題：輸入表單的名稱。
  • 選擇一個表單：為此頁面選擇一個表單。
    • 若要使用現有表單，請按一下下拉式選單，然後選取表單。 
    • 若要建立並使用新表單，請按一下「動作」>「建立新表單」。 進一步了解如何設定表單
    • 若要檢視此表單的提交內容，請按一下「動作」>「檢視表單提交內容」。
    • 若要複製此表單，請按一下「動作」>「複製表單」。
    • 若要使用所選表單檢閱任何其他頁面，請按一下「操作」>「使用此表單的頁面」。
    • 若要在表單編輯器中編輯表單，請按一下「動作」>「前往完整表單編輯器」。 
      
      

自訂表單內容

若要編輯表單欄位、按鈕文字和GDPR設定：

• 按一下以展開「表單內容」部分。
• 配置表單內容：
  • 表單欄位：拖放欄位以編輯表單中顯示的順序。 使用多欄表單或自訂模組的一部分時，無法拖放表單欄位。 若要新增其他表單欄位：
    • 按一下「+ 新增另一個表單欄位」。
    • 點擊「選擇旅居」下拉式選單，然後使用搜尋列搜尋欄位。 
    • 按一下屬性以將其新增為表單欄位。 

• • 按鈕文字：輸入要顯示在提交按鈕上的文字。
  • GDPR選項：在下拉式選單中，選擇要顯示的通知和同意資訊。
  • CAPTCHA （防止垃圾郵件） ：點擊以切換CAPTCHA （防止垃圾郵件）開關以顯示Google的隱形reCAPTCHA。

請注意：更新表單內容將更新使用表單的任何其他頁面上的表單，包括任何嵌入式表單或獨立表單頁面。

設定提交後的動作 

根據預設，新增至HubSpot頁面的表單會顯示 「感謝您提交表單內嵌訊息」。 表單不會顯示表單編輯器中設定的提交後動作。

在頁面編輯器中，你可以自訂不同的送出後動作。 若要設定表單提交後會發生什麼事：

• 按一下以展開「感謝您」部分。
• 在「訪客在提交表單後會看到什麼」部分，設定提交後的動作：
  • 重定向到另一個頁面：在表單提交後將訪客重定向到另一個頁面。
    • 按一下「重新導向至其他頁面」。
    • 按一下「重新導向連結」下拉式選單，然後選取現有的HubSpot頁面或輸入網址。
  • 顯示內嵌感謝訊息：在訪客提交表單後顯示訊息。 您可以在文字方塊中輸入感謝訊息。

設定表單自動化

管理表單自動化，例如建立聯絡人和行銷電子郵件選項，以及與表單相關的任何工作流程：

• 在表單模組的自動化設定中新增工作流程時，相應的表單提交註冊觸發程序將新增至工作流程。
• 從表單模組的自動化設定中移除工作流程，也會將其從工作流程的註冊觸發器中移除。
• 如果工作流程中使用的表單註冊觸發程序沒有指定頁面，則無法從頁面中移除該觸發程序，而必須從工作流程中移除。

在表單自動化部分，您可以配置以下自動化選項： 

• 始終為電子郵件地址創建新聯繫人：每次使用新電子郵件地址提交表單時，都會創建新的聯繫人記錄，而不管與表單提交中的現有聯繫人有任何匹配的用戶令牌。 
• 將建立的聯絡人設為行銷聯絡人：將透過此表單建立的任何聯絡人設為行銷聯絡人。
• 跟進電子郵件（測試版） ：向已提交表單的訪問者發送跟進電子郵件。 後續電子郵件只能發送給行銷聯絡人。
  • 若要新增後續追蹤電子郵件，請按照
    • 按一下「選擇電子郵件地址+」。
    • 在對話方塊中，按一下選取電子郵件下拉式選單，然後選取現有的自動電子郵件，或按一下建立新電子郵件以建立新的自動電子郵件。
    • 單擊保存。所選的跟進電子郵件將顯示在左側面板中。 
    • 設定後續電子郵件後，點擊右上角的「發佈」或「更新」即可接收這些變更。 在變更發佈之前，不會啟用後續電子郵件。 

• • 若要變更使用的後續追蹤電子郵件，請將滑鼠遊標移至電子郵件上，然後按一下電子郵件旁邊的鉛筆圖示 。 
  • 若要移除後續追蹤電子郵件，請將滑鼠遊標移至電子郵件上，然後點擊電子郵件旁邊的X圖示 。 電子郵件應不會再顯示。 
  • 如果表單先前與舊版後續追蹤電子郵件相關聯，系統會顯示提醒此表單使用舊版後續追蹤電子郵件。 雖然無法編輯舊版後續電子郵件，但如果電子郵件先前已發佈，則可以更新為自動電子郵件。 然後可以編輯更新後的自動電子郵件。
    • 若要將先前發佈的舊版跟進電子郵件更新為可編輯的自動電子郵件，請按一下「更新電子郵件」。 然後，按一下「更新」。如果電子郵件先前未發佈，則不會顯示此選項。 

• • • 若要移除已發佈或未發佈的舊版後續追蹤電子郵件，請按一下移除。然後，按一下「移除」。 

• 已連結的工作流程：將顯示使用表單作為註冊觸發程序的任何工作流程和簡單工作流程。 深入瞭解如何在表單中使用自動化功能。
  • 若要使用表單作為工作流程的觸發因素，請按一下將表單新增至工作流程或將表單新增至另一個工作流程。
    • 按一下將表單新增至工作流程。
    • 選取現有工作流程，或按一下建立新工作流程以建立新工作流程。 如果你建立新的工作流程，請設定工作流程，然後返回登陸頁面或網站頁面上的表單模組。 
  • 若要新增其他工作流程，請按一下「新增表單至其他工作流程」，然後選取現有的工作流程，或按一下「建立新工作流程」。
  • 若要移除作為工作流程觸發因素的表單，請將遊標暫留於工作流程上，然後按一下工作流程旁邊的刪除圖示 。 

設定其他表單選項

您還可以設定其他設定，例如選擇表單通知收件人。 此外，如果您已安裝HubSpot-Salesforce整合，也可以將表單與有效的Salesforce行銷活動建立關聯。

若要設定表單的其他選項，請捲動至左側面板的底部，然後設定下列選項：

• 將表單通知傳送到指定的電子郵件地址，而不是表單預設值：根據預設，表單提交通知將傳送到表單「選項」索引標籤中新增的所有收件者。 如要在此頁面上覆蓋 表單的預設收件人並選擇提交通知收件人：
  • 按一下以切換將通知傳送到指定的電子郵件地址，而不是開啟表單預設值 。
  • 按一下電郵地址下拉式選單，然後選擇收件人。 只有HubSpot用戶可以被選為表單通知收件者。 
  • 若要移除收件人，請按一下收件人電子郵件地址旁邊的X圖示。 
• Salesforce行銷活動：如果您已啟用Salesforce整合，則可以透過按一下下拉式選單並選擇行銷活動，將表單與有效的Salesforce行銷活動關聯起來。 深入瞭解如何將表單與Salesforce行銷活動關聯。
  
  

在HubSpot頁面上設定表單樣式

您可以自訂整體表單的樣式，也可以對提交按鈕或表單欄位進行特定的樣式變更。 如要自訂表單的樣式：

• 在左側面板的頂部，按一下「樣式」索引標籤。
• 按一下「模組」、「欄位」或「按鈕」索引標籤，以選擇要設定樣式的表單元素。
• 使用下面的文字和對齊選項自訂表單的選定元素。
• 按一下「發佈」或「更新」，即可對頁面進行即時變更。

請注意： HubSpot頁面上顯示的表單只能逐頁自訂樣式。 外部頁面或獨立表單頁面上的嵌入式表單必須在表單編輯器中設定樣式，或在外部樣式表中使用CSS設定樣式。