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

建立表單(舊版)

上次更新時間: 2026年7月23日

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

使用舊版表單來蒐集訪客和聯絡人的重要資訊。在 HubSpot 中,您可以輕鬆建立表單,並將其新增至您的 HubSpot 頁面或外部網站。

本文僅適用於使用舊版編輯器建立的現有表單,供您參考。建議使用更新後的表單編輯器來建立和管理新表單。

需要權限 編輯 表單 需具備權限才能建立或編輯表單。

了解限制與注意事項

  • 僅能在建立表單時將表單與品牌關聯。若要變更表單的品牌,您需要重新建立該表單。進一步了解如何將表單與品牌關聯
  • 2024 年 4 月 1 日之後建立的帳戶,僅能透過與服務台連結的表單建立服務單。

建立舊版表單

  1. 在你的 HubSpot 帳戶中,點擊「更多」,然後前往「行銷」 > 「表單」。如果你的帳戶中沒有顯示「更多」,請直接前往「行銷」 > 「表單」
  2. 在右上角,點擊「建立表單」。
  3. 選擇「舊版表單編輯器」。
  4. 在右上角,點擊「下一步」。
  5. 在左側面板中,選擇「空白範本」以從空白表單開始,或選擇「範本」以從針對特定使用情境預先選取欄位的表單開始。
  6. 在右上角,點擊「開始」。
  7. 在表單編輯器的頂端,點擊編輯圖示來 編輯表單名稱。

Legacy form editor, showing the option to create a form from a pre-built or blank template.

新增與編輯表單欄位

新增表單欄位以收集網站訪客和聯絡人的資訊。您還可以在表單欄位之間新增「富文本區塊」,用以加入可自訂的文字、建立標題,或為表單增加間距。

若您使用的是多選核取方塊、單選按鈕、下拉式選單、日期、檔案上傳、電話號碼或部落格訂閱欄位,請進一步了解這些欄位類型可用的額外自訂選項 。 

請注意:

 

要新增表單欄位:
  1. 在左側面板中,使用搜尋欄位搜尋現有欄位,或瀏覽您的屬性群組。所新增欄位的物件類型將決定 表單提交是否會顯示在相關記錄的活動時間軸上
  2. 若要建立新屬性 並將其用作表單欄位,請點選「 建立新 項目」 分頁。
    • 選擇表單欄位類型。 
    • 在右側面板中,設定您的表單欄位: 
      • 屬性標籤:輸入 文字為屬性命名。 
      • 物件類型:選取物件類型 。您可以新增「聯絡人」、「公司」以及 自訂物件 欄位。若 「自動建立工單」 功能已啟用時,即可新增工單屬性。
      • 品牌:選擇您要建立該屬性的品牌(僅限「品牌附加元件)。 
      • 群組:選擇一個屬性群組。 
    • 檢視您的房源選項,然後點擊「建立」。
  3. 點擊並將欄位拖曳至右側的表單預覽區,即可將其加入表單。欄位可放置於其他欄位上方、下方或旁邊。 

A gif displaying how to click and drag to rearrange form fields in the legacy form editor.

 

  1. 若您已在 HubSpot 中設定付款工具,請瞭解如何透過表單收取款項。當「付款」選項啟用時,您將無法從同一份表單建立服務單。 
  2. 若要針對每份表單提交建立服務單,超級管理員或具備「帳戶存取」 權限的使用者可於「服務單屬性」區段中開啟「自動建立服務單」開關 。此設定將把表單連結至您的對話收件匣或 服務台,讓您的團隊能回覆客戶的詢問。當「自動建立服務單 選項 開啟時,您將無法透過同一份表單收取付款。 

請注意:2024 年 4 月 1 日之後建立的帳戶,僅能從連結至客服系統的表單建立服務單。


Legacy form editor, showing the option to add fields to your form.

管理表單欄位的選項 若要編輯

欄位的選項:
  1. 在右側面板中,點擊表單預覽中的該欄位。 
  2. 在左側面板中,根據需要編輯該欄位的選項。此處的選項可能因欄位的屬性類型而異,請進一步了解可用的其他欄位自訂選項
    • 在「基本」分頁中 : 
      • 將此欄位設為必填:啟用此選項後,提交表單時必須填寫該欄位。若表單欄位已設定為必填,則無法將其設為隱藏。 
      • 將此欄位設為隱藏: 啟用此選項後, 該欄位將不會顯示於表單上,但可用於所有提交的值傳遞至聯絡人屬性
      • 標籤:表單上顯示的欄位名稱。
      • 說明文字:顯示於欄位標籤下方的資訊文字,用以協助訪客填寫該欄位。
      • 佔位文字: 顯示在該欄位輸入框中的文字 。當訪客在欄位中輸入值時,此文字會消失,且即使欄位留空,該文字也不會隨表單提交。
      • 預設值: 除非訪客進行變更,否則該欄位預設會提交的值

  • Form field management in the legacy form editor, displaying a field's label, help text, placeholder text, and default value.
  •  
    • 在「邏輯」索引標籤中 : 
      • 漸進式欄位:選擇當該欄位先前已提交時應執行的動作。進一步了解表單中的漸進式欄位
      • 依賴欄位:根據訪客對前一欄位的回答,顯示額外的欄位。進一步了解表單中的依賴欄位

Form field management in the legacy form editor, showing a field's progressive and dependent field options.

 

自訂表單選項

在「選項」分頁中,設定表單提交後的處理方式。您可以設定提交設定、使用者通知、表單與錯誤訊息的語言等。根據您的 HubSpot 訂閱方案,部分選項可能不會顯示。 

  • 表單提交後應執行的動作:選擇表單提交後要顯示的內容。此設定適用於嵌入非 HubSpot 頁面或作為獨立頁面分享的表單;不會設定或變更新增至HubSpot 頁面的表單動作。
    • 感謝訊息:設定表單提交後顯示的感謝訊息。 
    • HubSpot 頁面或外部網址:表單提交後將訪客重新導向至其他頁面。您可以選擇已發佈的 HubSpot 頁面,或使用外部網址。 
    • 排程頁面:若 您擁有一個 Sales 服務中心(Service Hub)企業版訂閱 可將訪客導向指定的會議預約頁面以安排會議,所有 已提交的表單欄位將自動填入。
    • 依條件重新導向至預約頁面、HubSpot 頁面或外部網址:若 您擁有 Sales 服務中心(Service Hub)企業版訂閱 您可以將訪客重定向至指定的會議排程頁面、HubSpot 頁面或外部網址。若您將使用者重定向至會議排程頁面,任何 已提交的表單欄位將自動填入。瞭解如何根據條件將表單重定向至會議排程頁面、HubSpot 頁面或外部網址 
  • 根據表單提交內容自訂生命週期階段:點擊 設定生命週期階段為」下拉式選單,並選擇一個生命週期階段。當訪客提交表單時,任何新建立或現有的記錄都會被設定為所選的生命週期階段。 
    • 您無法將記錄的生命週期階段倒退。若生命週期階段較後的現有聯絡人或公司提交表單,其生命週期階段將不會更新。 
  • 後續處理選項:勾選「將表單提交通知寄送給聯絡人的負責人」核取方塊,即可自動向聯絡人的負責人發送通知。若聯絡人沒有負責人,則不會發送任何通知。進一步了解HubSpot 中的物件所有權。 

  • 將表單提交電子郵件通知發送至: 點擊下拉式選單,選擇預設的團隊或個人,無論聯絡人所有權如何,皆會將表單提交電子郵件通知發送給這些對象。此處設定的收件者將被 HubSpot頁面表單選項中設定的收件者所覆寫。

  • 表單與錯誤訊息語言:選擇預設欄位標籤的語言,以及訪客填寫表單錯誤時顯示的錯誤訊息語言。
  • 新增至行銷活動:若 您擁有Marketing HubProfessional Enterprise訂閱方案,可將表單與行銷活動關聯:
    • 若要將表單與現有行銷活動關聯,請點擊「行銷活動」下拉式選單並選擇一個行銷活動
    • 若要將表單與新活動關聯,請點擊「活動」下拉式選單,然後點擊「建立活動」。接著,繼續設定您的活動。 
    • 如果您從未建立過行銷活動,請點選「建立行銷活動」。接著,繼續設定您的行銷活動。 
  • 「針對新電子郵件地址始終建立聯絡人」: 選取此選項,系統將針對每個包含唯一電子郵件地址的表單提交,建立新的聯絡人記錄。若提交的電子郵件地址與您資料庫中的現有聯絡人記錄相符,系統將更新該現有記錄的詳細資料。
    • 若此選項關閉,HubSpot 會先嘗試將提交資料與擁有該電子郵件地址的現有聯絡人建立關聯。若該電子郵件地址不存在對應的聯絡人,HubSpot 將根據瀏覽器中的 Cookie 來識別並更新您的聯絡人資料。若從同一裝置多次提交相同表單,可能會導致聯絡人資料被覆寫。
    • 若啟用此選項,當聯絡人使用不同電子郵件地址,且瀏覽器中已存在 Cookie 時提交表單,系統將不會追蹤該聯絡人的瀏覽次數。「使用已知值預先填入聯絡人欄位」選項也會自動關閉。
  • 將建立的聯絡人設為行銷聯絡人:若您的 HubSpot 帳戶具有行銷聯絡人的存取權限,您可以自動將所有提交此表單的聯絡人設為行銷聯絡人。這包括新聯絡人和現有聯絡人。
  • 新增表單重設連結:選取此選項可讓 訪客清除表單上的預填欄位 ,並在提交時建立新的聯絡人。啟用後,訪客可點擊「不是您嗎?點擊此處重設」連結重設表單。此設定亦會停用表單提交時的 Cookie 追蹤,以防止任何 Cookie 被覆寫。 
  • 使用已知值預先填入欄位:若聯絡人先前曾造訪您的網站並提交表單,且 HubSpot 已成功儲存並追蹤其 Cookie,則表單中的任何已知欄位值均可預先填入。此選項預設為啟用狀態。進一步了解表單欄位的預先填入功能。 

設定表單樣式與預覽

在「樣式與預覽」分頁中 ,自訂表單的樣式。當您調整表單樣式或測試其功能時,右側面板中的表單預覽將隨之更新。

您可以自訂以下項目: 

  • 設定為原始 HTML 表單:如果您 擁有一個 Marketing Hub Content Hub 專業 版或 企業 版訂閱,您可以 選擇此選項將表單渲染為原始 HTML 元素,而非嵌入 iframe 中。請注意以下事項:
  • 輸入選項: 從四個可用主題 選擇 其一,以設定 欄位與按鈕的樣式。
  • 樣式:自訂表單的欄位寬度、字型及顏色。
  • 測試:若此表單包含漸進式欄位依賴性欄位,您可以測試它們在訪客端的外觀。

在表單中使用自動化功能

需要權限 編輯工作流程 在表單編輯器中建立和編輯簡易工作流程需具備特定權限。

透過表單使用簡單的自動化功能,例如向聯絡人發送跟進電子郵件,或發送自動的內部電子郵件通知。您也可以將表單提交作為簡單工作流程的觸發條件。進一步了解如何在表單工具中使用自動化功能。 

  1. 在你的 HubSpot 帳戶中,點擊「更多」,然後前往「行銷」 > 「表單」。如果你的帳戶中沒有顯示「更多」,請直接前往「行銷」 > 「表單」
  2. 將游標懸停在現有表單上,然後點擊「編輯」。
  3. 在頂部點擊「自動化標籤頁
  4. 在「表單提交後自動執行」區段中,從以下選項中選擇: 
    • 表單提交後發送電子郵件:建立一個預先設定好的簡易工作流程,在表單提交後自動發送跟進電子郵件。 
    • 建立您自己的簡易工作流程:建立一個簡易工作流程,並加入您偏好的後續動作。

Legacy form editor, showing the Automation tab settings.

使用您的表單

建立新表單或更新現有表單後,您需要儲存表單以使變更生效。接著,將其新增至您的 HubSpot 內容中,使用表單嵌入程式碼將其加入外部頁面,或透過分享連結將其作為獨立頁面分享。 

  1. 在你的 HubSpot 帳戶中,點擊「更多」,然後前往「行銷」 > 「表單」。如果你的帳戶中沒有顯示「更多」,請直接前往「行銷」 > 「表單」

  2. 將游標懸停在現有表單上,然後點擊「編輯」。
  3. 在右上角點擊「更新」,以發佈表單的更新內容。

若要 停止收集表單提交資料但又不刪除表單,請參閱如何取消發佈 HubSpot 表單。 

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