在 HubSpot 頁面中設定和設計表單（舊版）

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

請注意：本文僅適用於使用舊版編輯器建立的表單。建議您使用更新後的表單編輯器來建立和管理新表單。進一步了解如何在 HubSpot 頁面中設定表單樣式。

開始之前

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

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

設定表單若

1. 導航至您的內容：

   • 網站頁面：在你的 HubSpot 帳戶中，點擊「更多」，然後前往「內容」 > 「網站頁面」。如果你的帳戶中沒有顯示「更多」，請直接前往「內容」 > 「網站頁面」。
   • 著陸頁：在你的 HubSpot 帳戶中，點擊「更多」，然後前往「內容」 > 「登陸頁面」。如果你的帳戶中沒有顯示「更多」，請直接前往「內容」 > 「登陸頁面」。
2. 點擊您的頁面名稱。
3. 在內容編輯器中，點擊表單模組。若您的頁面目前尚未包含表單模組，請參閱如何將模組新增至頁面。 
4. 在左側面板的「內容」分頁中 ，自訂此頁面的表單設定：
   • 表單標題：輸入表 單名稱。
   • 表單： 為此頁面選取一個表單。
     • 若要使用現有表單，請點擊下拉式選單並選擇一個表單。 
     • 若要建立並使用新表單，請點選「動作」>「建立新表單」。進一步了解如何設定表單
     • 若要檢視此表單的提交內容，請點選「動作」>「檢視表單提交內容」。
     • 若要複製此表單，請點選「動作」>「複製表單」。
     • 若要檢視使用所選表單的任何其他頁面，請點選「動作」>「使用此表單的頁面」。
     • 若要在表單編輯器中編輯此表單，請點選「動作」>「前往完整表單編輯器」。 
       
       

自訂表單內容

若要編輯表單欄位、按鈕文字以及資料隱私與同意選項：

1. 點擊以展開「表單內容」區段 。
2. 設定表單內容： 
   • 表單欄位：點擊並拖曳欄位以編輯表單中的顯示順序。若表單為多欄位格式，或屬於自訂模組的一部分時，則無法進行拖放操作。若要新增表單欄位：
     • 點擊「+ 新增另一個表單欄位」。
     • 點擊「選擇屬性」下拉式選單，並使用搜尋欄位搜尋欄位。 
     • 點擊該屬性以將其新增為表單欄位。 

• • 按鈕文字：輸入要顯示在提交按鈕上的文字。
  • 資料隱私與同意選項：在下拉式選單中，選擇要顯示的聲明與同意資訊。
  • 驗證碼（防垃圾訊息）：點擊以開啟驗證碼（防垃圾訊息）開關，以顯示Google 的隱形 reCAPTCHA。

請注意：更新 表單內容後，所有使用該表單的頁面（包括任何嵌入式表單或獨立表單頁面）中的表單內容都會隨之更新。

設定表單提交後的動作

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

在頁面編輯器中，您可以自訂不同的提交後動作。若要設定表單提交後的動作：

1. 點擊展開「感謝」區段。
2. 在「訪客提交表單後將看到什麼」區段中 ，設定您的表單 提交後動作： 
   • 重新導向至其他頁面： 在表單提交後將 訪客導向 至其他頁面。
     • 點擊「重定向至其他頁面」。
     • 點擊「重新導向連結」下拉式選單，並選擇現有的 HubSpot 頁面或輸入網址。
   • 顯示內嵌感謝訊息：在訪客提交表單後顯示一則訊息。您可以在文字方塊中輸入感謝訊息。

設定表單自動化

您可以管理表單自動化功能，例如聯絡人建立和行銷電子郵件選項，以及與表單相關的任何工作流程。註冊觸發器遵循以下行為：

• 當在表單模組的自動化設定中新增工作流程時，對應的表單提交註冊觸發器將會被新增至該工作流程中。
• 若從表單模組的自動化設定中移除工作流程，該工作流程也會從工作流程的註冊觸發器中移除。
• 若工作流程中使用的表單註冊觸發器未指定特定頁面，則無法將該觸發器從該頁面移除，而必須從工作流程中移除。

若要為表單設定自動化選項，請點擊左側面板中的「表單自動化」以展開該區段，然後檢視以下自動化選項：

• 針對電子郵件地址始終建立新聯絡人：每當表單提交包含新電子郵件地址時，即建立新的聯絡人記錄，無論該表單提交內容中 是否存在與現有聯絡人相符的 usertokens 。 
• 將建立的聯絡人設為行銷聯絡人：將 透過此表單建立的任何聯絡人設 為行銷聯絡人。
• 透過電子郵件進行後續追蹤：向已提交表單的訪客發送後續追蹤電子郵件。後續追蹤電子郵件僅能發送給行銷聯絡人。 
  • 若要新增後續電子郵件：
    • 點擊「選擇電子郵件 +」。
    • 在對話方塊中，點擊「選擇電子郵件 」下拉式 選單並選取現有的自動化電子郵件，或 點擊「建立新電子郵件」以建立新的自動化電子郵件。
    • 點擊「儲存」。所選的後續電子郵件將顯示於左側面板中。 
    • 設定完後續電子郵件後，請在右上角點擊「發佈」或「 更新」以將這些變更上線。在變更發佈之前，後續電子郵件將不會啟用。 

• • 若要變更使用的後續電子郵件，請將游標懸停在該電子郵件上，並點擊電子郵件旁邊的鉛筆圖示 。 
  • 若要移除後續電子郵件，請將游標懸停在該電子郵件上，並點擊電子郵件旁的「X」圖示 。該電子郵件將不再顯示。 
  • 若表單先前已綁定舊版後續電子郵件，系統將顯示警示訊息：「此表單正在使用舊版後續電子郵件。」雖然舊版後續電子郵件無法編輯，但若該電子郵件先前已發佈，則可將其更新為自動化電子郵件。更新後的自動化電子郵件即可進行編輯。 
    • 若要將先前已發佈的舊版後續電子郵件更新為可編輯的自動化電子郵件，請點擊「更新電子郵件」，然後點擊「更新」。若該電子郵件先前未曾發佈，此選項將不會顯示。 

• • • 若要移除已發佈或未發佈的舊版後續電子郵件，請點選「移除」，然後點選「移除」。 

• 關聯的工作流程：所有將此表單用作註冊觸發器的工作流程及簡易工作流程都會顯示。進一步了解如何將自動化功能與表單結合使用。 
  • 若要將表單用作工作流程的觸發條件，請點選「將表單新增至工作流程」或「將表單新增至其他 工作流程」。 
    • 點擊「將表單新增至工作流程」。
    • 選擇現有工作流程，或 點擊「建立新工作流程」以建立新工作流程。若您建立新工作流程，請先設定工作流程，然後返回著陸頁或網站頁面的表單模組。 
  • 若要新增另一個工作流程，請點選「將表單新增至另一個工作流程」，然後選取現有工作流程或 點選「建立新工作流程」。
  • 若要移除表單作為工作流程的觸發條件，請將游標懸停在工作流程上，並點擊工作流程旁邊的刪除圖示 。 

設定其他表單選項

您也可以設定其他選項，例如選擇表單通知的收件者。此外，如果您已安裝HubSpot-Salesforce 整合功能，亦可將表單與一個已啟用的 Salesforce 行銷活動關聯。

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

• 將表單通知發送至指定電子郵件地址，而非使用表單預設值：預設情況下，表單提交通知會發送給在表單「選項」分頁中新增的任何收件者。若要覆寫表單的預設收件者，並為此頁面的提交內容選取通知收件者：
  • 點擊以開啟「將通知發送至指定電子郵件地址，而非表單預設值」開關。
  • 點擊「電子郵件地址」下拉式選單並選擇收件者。僅能選擇 HubSpot 使用者作為表單通知收件者。 
  • 若要移除收件者，請點擊該收件者電子郵件地址旁的X 圖示。 
• Salesforce 活動：若您 已啟用 Salesforce 整合功能，可透過點擊下拉式選單並選擇活動，將表單與有效的 Salesforce 活動建立關聯。進一步了解如何將表單與 Salesforce 活動建立關聯。
  
  

在 HubSpot 頁面中自訂表單樣式

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

1. 導航至您的內容：
   • 網站頁面：在你的 HubSpot 帳戶中，點擊「更多」，然後前往「內容」 > 「網站頁面」。如果你的帳戶中沒有顯示「更多」，請直接前往「內容」 > 「網站頁面」。
   • 著陸頁：在你的 HubSpot 帳戶中，點擊「更多」，然後前往「內容」 > 「登陸頁面」。如果你的帳戶中沒有顯示「更多」，請直接前往「內容」 > 「登陸頁面」。
2. 在內容編輯器中，點擊表單模組。若您的頁面目前尚未包含表單模組，請參閱如何將模組新增至頁面。 
3. 在左側面板頂端，點擊「樣式」分頁。
4. 點擊「模組」、「欄位」或「按鈕」分頁，以選取您要設定樣式的表單元素。
5. 使用下方的文字與對齊選項，自訂表單中選取的元素。
6. 點擊「發佈」或 「更新」以 將變更套用至頁面。

請注意： 出現在 HubSpot頁面上的表單， 只能針對每個頁面分別進行自訂樣式設定。嵌入在外部頁面或獨立表單頁面中的表單， 必須在表單編輯器中進行樣式設定，或透過外部樣式表中的 CSS 進行樣式設定。