跳到內容
請注意::這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立,可能沒有經過校對。因此,這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。

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

上次更新時間: 2025年10月7日

可搭配下列任何訂閱使用,除非另有註明:

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

開始之前

在 HubSpot 頁面上設定表單之前,請注意下列事項:

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

在 HubSpot 頁面上設置表單

  1. 導覽到您的內容:

    • 網站頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
    • 登陸頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。
  2. 按一下 您的頁面名
  3. 在內容編輯器中,按一下表單模組。如果您的頁面目前沒有表單模組,請學習如何 為頁面新增模組
  4. 側邊欄編輯器的內容標籤,自訂此頁面的表單設定:
    • 表單標題: 輸入表單名稱
    • 表單選取此頁面的表單
      • 若要使用現有表單,請按一下下拉式功能表並選擇一個表單
      • 若要建立並使用新表單,請按一下動作然後選擇 建立新表單。進一步瞭解如何設定表單
      • 若要檢視此表單的提交內容,請按一下作業。然後選擇檢視表單提交
      • 若要在表單編輯器中編輯表單,請按一下作業。然後選取前往表單編輯器

Screenshot of the form module within the content editor, showing the Actions dropdown menu open with options to View form submissions, Go to the forms editor, and Create new form.


設定表單自動化

您可以管理表單自動化,例如後續電子郵件和任何與表單相關的工作流程。註冊觸發器須遵循以下行為:

  • 在表單模組的自動化設定中加入工作流程時,對應的表單提交註冊觸發器會加入工作流程。
  • 從表單模組的自動化設定中移除工作流程,也會從工作流程的註冊觸發器中移除該工作流程。
  • 如果工作流程中使用的表單註冊觸發器未指定頁面,則觸發器無法從頁面中移除,而必須從工作流程中移除。

若要為您的表單設定自動化設定,請按一下左側面板中的表單自動化以展開該部分,然後檢視下列自動化選項:

  • 以電子郵件跟進向已提交表單的訪客傳送跟進電子郵件。後續追蹤電子郵件只能傳送給行銷聯絡人。
    • 若要新增後續追蹤電子郵件,請
      • 按一下選取電子郵件 +
      • 在對話方塊中,按一下Select an email (選擇電子郵件 ) 下拉式功能表,然後選擇現有的自動電子郵件 ,或按一下Create new email (建立新電子郵件),以建立新的自動電子郵件
      • 按一下儲存。選取的追蹤電子郵件將顯示在左側面板中。
      • 設定後續追蹤電子郵件後,在右上方按一下「發佈」 「更新」,即可啟用這些變更。在變更發佈之前,追蹤電子郵件將不會啟用。
    • 若要變更所使用的後續追蹤電子郵件,請將滑鼠移至電子郵件上,然後按一下電子郵件旁邊的鉛筆圖示
    • 若要移除追蹤電子郵件,請將滑鼠停留在電子郵件上,然後按一下電子郵件旁邊的X 圖示 。該電子郵件應不再顯示。
  • 連接的工作流程:任何使用表單作為註冊觸發器的工作流程和簡單工作流程都會顯示。進一步瞭解如何使用表單自動化
    • 若要將表單用作工作流程的觸發器,請按一下將表單加入工作流程將表單加入其他 工作流程
      • 单击将表单添加到工作流
      • 選擇現有工作流程 ,或按一下建立工作流程以建立新工作流程。如果您建立新的工作流程,請先設定工作流程,然後再返回登陸頁面或網站頁面的表單模組。
    • 若要新增另一個工作流程,請按一下新增表單至另一個工作流程,然後選擇現有的工作流程 或按一下建立新的工作流程。
    • 若要移除表單作為工作流程的觸發器,請將滑鼠懸停在工作流程上,然後按一下工作流程旁的刪除圖示

請注意

  • 一旦工作流程附加到表單模組,即使頁面尚未發佈或更新,它也會立即更新工作流程註冊觸發器。
  • 如果您克隆了一個 HubSpot 頁面,而該頁面上的表單已設定為在工作流程中註冊聯絡人,那麼在新的、克隆的頁面上提交的表單將不會作為新的註冊觸發器添加到工作流程中。


配置其他表單選項

您也可以設定其他設定,例如選擇您的表單通知收件人。此外,如果您已安裝HubSpot-Salesforce 整合,您也可以將表單與活動中的 Salesforce 活動相關聯。

若要設定表單的附加選項,請捲動至左側面板底部,然後設定下列選項:

  • 將表單通知傳送至指定的電子郵件地址,而非表單預設值:預設情況下,表單提交通知將傳送至在表單的選項索引標籤中新增的任何收件者。若要覆寫 表單的預設收件者,並選擇在此頁面提交的通知收件者:
    • 按一下以開啟「傳送通知至指定的電子郵件地址而非表單預設值 」開關。
    • 按一下電子郵件地址下拉式功能表並選擇您的收件人。只有 HubSpot 使用者可以被選為表單通知收件人。
    • 若要移除收件人,請按一下收件人電子郵件地址旁的X 圖示
  • Salesforce 活動: 如果您已設定 Salesforce 整合,您可以按一下下拉式功能表並選擇活動,將表單與活動中的 Salesforce 活動連結。進一步了解如何將表單與 Salesforce 活動連結

Screenshot of a form module's sidebar editor, showing the checkbox selected for “Send form notifications to specified email addresses” and the “Salesforce campaign” dropdown menu.

在 HubSpot 頁面上設定表單樣式

您可以自訂整體表單的樣式,以及對提交按鈕或表單欄位作特定樣式變更。自訂表單樣式:

  1. 導覽到您的內容:
    • 網站頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
    • 登陸頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。 著陸頁面
  2. 按一下 您的頁面名
  3. 在內容編輯器中,按一下表單模組。如果您的頁面目前沒有表單模組,請學習如何 為頁面新增模組
  4. 在側邊欄編輯器頂部,按一下樣式 索引標籤。
  5. 按一下模組欄位按鈕 索引標籤,選取您想要樣式的表單元素。
  6. 使用下方的文字和對齊方式選項,自訂表單的選取元素。
  7. 在右上方,按一下「發佈」 「更新」 ,即可將您的變更上傳至網頁。

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


Screenshot of a form module's sidebar editor showing the Styles tab selected, showing sections for Visibility, Alignment and spacing, Typography, and Background.

這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助