建立表單(舊版)
上次更新時間: 2026年7月23日
使用舊版表單來蒐集訪客和聯絡人的重要資訊。在 HubSpot 中,您可以輕鬆建立表單,並將其新增至您的 HubSpot 頁面或外部網站。
本文僅適用於使用舊版編輯器建立的現有表單,供您參考。建議使用更新後的表單編輯器來建立和管理新表單。
需要權限 編輯 表單 需具備權限才能建立或編輯表單。
了解限制與注意事項
建立舊版表單
- 在你的 HubSpot 帳戶中,點擊「更多」,然後前往「行銷」 > 「表單」。如果你的帳戶中沒有顯示「更多」,請直接前往「行銷」 > 「表單」。
- 在右上角,點擊「建立表單」。
- 選擇「舊版表單編輯器」。
- 在右上角,點擊「下一步」。
- 在左側面板中,選擇「空白範本」以從空白表單開始,或選擇「範本」以從針對特定使用情境預先選取欄位的表單開始。
- 在右上角,點擊「開始」。
- 在表單編輯器的頂端,點擊編輯圖示來 編輯表單名稱。
/forms-select-template-legacy.png?width=700&height=346&name=forms-select-template-legacy.png)
新增與編輯表單欄位
新增表單欄位以收集網站訪客和聯絡人的資訊。您還可以在表單欄位之間新增「富文本區塊」,用以加入可自訂的文字、建立標題,或為表單增加間距。
若您使用的是多選核取方塊、單選按鈕、下拉式選單、日期、檔案上傳、電話號碼或部落格訂閱欄位,請進一步了解這些欄位類型可用的額外自訂選項 。
請注意:
- 預設情況下,表單提交時必須填寫「電子郵件」欄位才能建立聯絡人。HubSpot 會在允許使用者提交表單前,先檢查電子郵件地址是否有效。如需瞭解如何允許不填寫電子郵件地址即可提交表單並建立聯絡人,請參閱相關說明。
- 分數、計算、富文本以及 HubSpot 使用者屬性 均無法在表單中使用。
要新增表單欄位:
- 在左側面板中,使用搜尋欄位搜尋現有欄位,或瀏覽您的屬性群組。所新增欄位的物件類型將決定 表單提交是否會顯示在相關記錄的活動時間軸上。
- 若要建立新屬性 並將其用作表單欄位,請點選「 建立新 項目」 分頁。
-
點擊並將欄位拖曳至右側的表單預覽區,即可將其加入表單。欄位可放置於其他欄位上方、下方或旁邊。
/forms-click-drag-form-fields-legacy-editor.gif?width=675&height=370&name=forms-click-drag-form-fields-legacy-editor.gif)
- 若您已在 HubSpot 中設定付款工具,請瞭解如何透過表單收取款項。當「付款」選項啟用時,您將無法從同一份表單建立服務單。
- 若要針對每份表單提交建立服務單,超級管理員或具備「帳戶存取」 權限的使用者可於「服務單屬性」區段中開啟「自動建立服務單」開關 。此設定將把表單連結至您的對話收件匣或 服務台,讓您的團隊能回覆客戶的詢問。當「自動建立服務單 」選項 開啟時,您將無法透過同一份表單收取付款。
請注意:2024 年 4 月 1 日之後建立的帳戶,僅能從連結至客服系統的表單建立服務單。
管理表單欄位的選項 若要編輯
欄位的選項:- 在右側面板中,點擊表單預覽中的該欄位。
- 在左側面板中,根據需要編輯該欄位的選項。此處的選項可能因欄位的屬性類型而異,請進一步了解可用的其他欄位自訂選項。
/forms-manage-form-field-options-logic-tab.png?width=400&height=468&name=forms-manage-form-field-options-logic-tab.png)
自訂表單選項
在「選項」分頁中,設定表單提交後的處理方式。您可以設定提交設定、使用者通知、表單與錯誤訊息的語言等。根據您的 HubSpot 訂閱方案,部分選項可能不會顯示。
- 表單提交後應執行的動作:選擇表單提交後要顯示的內容。此設定僅適用於嵌入非 HubSpot 頁面或作為獨立頁面分享的表單;不會設定或變更新增至HubSpot 頁面的表單動作。
- 感謝訊息:設定表單提交後顯示的感謝訊息。
- HubSpot 頁面或外部網址:表單提交後將訪客重新導向至其他頁面。您可以選擇已發佈的 HubSpot 頁面,或使用外部網址。
- 排程頁面:若 您擁有一個 Sales 或服務中心(Service Hub)企業版訂閱 , 可將訪客導向指定的會議預約頁面以安排會議,所有 已提交的表單欄位將自動填入。
- 依條件重新導向至預約頁面、HubSpot 頁面或外部網址:若 您擁有 Sales 或服務中心(Service Hub)企業版訂閱 , 您可以將訪客重定向至指定的會議排程頁面、HubSpot 頁面或外部網址。若您將使用者重定向至會議排程頁面,任何 已提交的表單欄位將自動填入。瞭解如何根據條件將表單重定向至會議排程頁面、HubSpot 頁面或外部網址
- 根據表單提交內容自訂生命週期階段:點擊 「設定生命週期階段為」下拉式選單,並選擇一個生命週期階段。當訪客提交表單時,任何新建立或現有的記錄都會被設定為所選的生命週期階段。
- 您無法將記錄的生命週期階段倒退。若生命週期階段較後的現有聯絡人或公司提交表單,其生命週期階段將不會更新。
- 表單中設定的生命週期階段將覆寫您在 HubSpot 設定中配置的預設生命週期階段 。
-
後續處理選項:勾選「將表單提交通知寄送給聯絡人的負責人」核取方塊,即可自動向聯絡人的負責人發送通知。若聯絡人沒有負責人,則不會發送任何通知。進一步了解HubSpot 中的物件所有權。
-
將表單提交電子郵件通知發送至: 點擊下拉式選單,選擇預設的團隊或個人,無論聯絡人所有權如何,皆會將表單提交電子郵件通知發送給這些對象。此處設定的收件者將被 HubSpot頁面表單選項中設定的收件者所覆寫。
- 表單與錯誤訊息語言:選擇預設欄位標籤的語言,以及訪客填寫表單錯誤時顯示的錯誤訊息語言。
- 新增至行銷活動:若 您擁有Marketing HubProfessional 或 Enterprise訂閱方案,可將表單與行銷活動關聯:
- 若要將表單與現有行銷活動關聯,請點擊「行銷活動」下拉式選單並選擇一個行銷活動。
- 若要將表單與新活動關聯,請點擊「活動」下拉式選單,然後點擊「建立活動」。接著,繼續設定您的活動。
-
- 如果您從未建立過行銷活動,請點選「建立行銷活動」。接著,繼續設定您的行銷活動。
- 「針對新電子郵件地址始終建立聯絡人」: 選取此選項,系統將針對每個包含唯一電子郵件地址的表單提交,建立新的聯絡人記錄。若提交的電子郵件地址與您資料庫中的現有聯絡人記錄相符,系統將更新該現有記錄的詳細資料。
- 若此選項關閉,HubSpot 會先嘗試將提交資料與擁有該電子郵件地址的現有聯絡人建立關聯。若該電子郵件地址不存在對應的聯絡人,HubSpot 將根據瀏覽器中的 Cookie 來識別並更新您的聯絡人資料。若從同一裝置多次提交相同表單,可能會導致聯絡人資料被覆寫。
- 若啟用此選項,當聯絡人使用不同電子郵件地址,且瀏覽器中已存在 Cookie 時提交表單,系統將不會追蹤該聯絡人的瀏覽次數。「使用已知值預先填入聯絡人欄位」選項也會自動關閉。
- 將建立的聯絡人設為行銷聯絡人:若您的 HubSpot 帳戶具有行銷聯絡人的存取權限,您可以自動將所有提交此表單的聯絡人設為行銷聯絡人。這包括新聯絡人和現有聯絡人。
- 新增表單重設連結:選取此選項可讓 訪客清除表單上的預填欄位 ,並在提交時建立新的聯絡人。啟用後,訪客可點擊「不是您嗎?點擊此處重設」連結來重設表單。此設定亦會停用表單提交時的 Cookie 追蹤,以防止任何 Cookie 被覆寫。
- 使用已知值預先填入欄位:若聯絡人先前曾造訪您的網站並提交表單,且 HubSpot 已成功儲存並追蹤其 Cookie,則表單中的任何已知欄位值均可預先填入。此選項預設為啟用狀態。進一步了解表單欄位的預先填入功能。
設定表單樣式與預覽
在「樣式與預覽」分頁中 ,自訂表單的樣式。當您調整表單樣式或測試其功能時,右側面板中的表單預覽將隨之更新。
您可以自訂以下項目:
- 設定為原始 HTML 表單:如果您 擁有一個 Marketing Hub 或 Content Hub 的 專業 版或 企業 版訂閱,您可以 選擇此選項, 將表單渲染為原始 HTML 元素,而非嵌入 iframe 中。請注意以下事項:
- 在「樣式」分頁中設定的任何 HubSpot 樣式設定都將被移除。
- 表單的樣式應透過外部樣式表中的 CSS 進行設定。
- 輸入選項: 從四個可用主題 中選擇 其一,以設定 欄位與按鈕的樣式。
- 樣式:自訂表單的欄位寬度、字型及顏色。
- 測試:若此表單包含漸進式欄位或依賴性欄位,您可以測試它們在訪客端的外觀。
在表單中使用自動化功能
需要權限 編輯工作流程 在表單編輯器中建立和編輯簡易工作流程需具備特定權限。
透過表單使用簡單的自動化功能,例如向聯絡人發送跟進電子郵件,或發送自動的內部電子郵件通知。您也可以將表單提交作為簡單工作流程的觸發條件。進一步了解如何在表單工具中使用自動化功能。
- 在你的 HubSpot 帳戶中,點擊「更多」,然後前往「行銷」 > 「表單」。如果你的帳戶中沒有顯示「更多」,請直接前往「行銷」 > 「表單」。
- 將游標懸停在現有表單上,然後點擊「編輯」。
- 在頂部點擊「自動化」標籤頁。
- 在「表單提交後自動執行」區段中,從以下選項中選擇:
- 表單提交後發送電子郵件:建立一個預先設定好的簡易工作流程,在表單提交後自動發送跟進電子郵件。
-
- 建立您自己的簡易工作流程:建立一個簡易工作流程,並加入您偏好的後續動作。
- 建立您自己的簡易工作流程:建立一個簡易工作流程,並加入您偏好的後續動作。
/forms-set-automation-legacy-editor.png?width=700&height=335&name=forms-set-automation-legacy-editor.png)
使用您的表單
建立新表單或更新現有表單後,您需要儲存表單以使變更生效。接著,將其新增至您的 HubSpot 內容中,使用表單嵌入程式碼將其加入外部頁面,或透過分享連結將其作為獨立頁面分享。
-
在你的 HubSpot 帳戶中,點擊「更多」,然後前往「行銷」 > 「表單」。如果你的帳戶中沒有顯示「更多」,請直接前往「行銷」 > 「表單」。
- 將游標懸停在現有表單上,然後點擊「編輯」。
- 在右上角點擊「更新」,以發佈表單的更新內容。
若要 停止收集表單提交資料但又不刪除表單,請參閱如何取消發佈 HubSpot 表單。
/forms-manage-form-field-options-basic-tab.png?width=395&height=464&name=forms-manage-form-field-options-basic-tab.png)
