在 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 進行樣式調整。