建立表單(傳統)
上次更新時間: 2025年12月2日
使用舊版表單收集訪客與聯絡人的重要資訊。在 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-add-ticket-properties-legacy-editor.png?width=700&height=389&name=forms-add-ticket-properties-legacy-editor.png)
管理表單欄位選項
編輯欄位選項步驟
:- 於右側面板點擊表單預覽中的欄位。
- 於左側面板依需求編輯欄位選項。此處選項可能因欄位屬性類型而異,瞭解更多可用的進階欄位自訂選項。
- 在「基本」標籤頁中 :
- 設為必填欄位:啟用此選項後,表單提交時必須填寫此欄位。若欄位已設為必填,則無法同時設為隱藏。
- 隱藏此欄位:啟用此選項後, 欄位將不會顯示於表單上,但可透過所有提交資料將值傳遞至聯絡人屬性。
- 標籤:表單上顯示的欄位名稱。
- 說明文字:位於欄位標籤下方的輔助文字,協助訪客填寫內容。
- 佔位符文字: 顯示於欄位輸入框內的預設文字 。訪客輸入值後文字將消失,即使欄位留空,此文字也不會隨表單提交傳送。
- 預設值: 除非訪客修改,否則表單提交時該欄位將預設填入此值 。
- 在「基本」標籤頁中 :
/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頁面或使用外部網址。
- 排程頁面:若您 擁有 銷售 或服務中心企業版訂閱 方案 ,可將訪客導向指定會議排程頁面預約會議,所有表單欄位將自動填入 提交資料。
- 條件式重定向至預約頁面、HubSpot 頁面或外部網址:若您擁有 銷售 或服務中心企業版訂閱 方案, 即可將訪客導向指定會議排程頁面、HubSpot頁面或外部網址。若導向會議排程頁面,所有 提交的表單欄位將自動填入。瞭解如何將表單條件式導向會議排程頁面、HubSpot頁面或外部網址
- 依據表單提交內容自訂生命週期階段:點擊 「設定生命週期階段為」下拉選單並選擇階段。當訪客提交表單時,所有新增或現有記錄將設定為所選生命週期階段。
- 您無法將記錄的生命週期階段回溯調整。若現有聯絡人或公司(其生命週期階段較晚)提交表單,生命週期階段將不會更新。
- 表單設定的生命週期階段將覆寫您在 HubSpot 設定中配置的預設生命週期階段 。
-
後續操作選項:勾選「將提交通知郵件發送至聯絡人擁有者」核取方塊,即可自動通知聯絡人擁有者。若聯絡人未設定擁有者,則不發送通知。深入了解HubSpot 中的物件擁有權。
-
提交通知郵件收件者: 點擊下拉選單選擇預設收件團隊或個人,此設定將不受聯絡人擁有權影響。此處設定的收件者將被 HubSpot頁面表單選項中的設定覆寫。
- 表單與錯誤訊息語言:選擇預設欄位標籤及表單填寫錯誤時顯示給訪客的錯誤訊息語言。
- 新增至行銷活動:若 您訂閱行銷中心專業 版 或企業版,可將表單與行銷活動關聯:
- 若要將表單關聯至現有活動,請點擊「活動」下拉式選單並選擇活動。
- 若要將表單關聯至新活動,請點擊「活動」下拉式選單並選擇「建立活動」,接著繼續設定活動。
-
- 若您從未建立過活動,請點擊「建立活動」。接著繼續設定您的活動。
- 為新電子郵件地址始終建立聯絡人: 選取此選項將為每個提交且擁有唯一電子郵件地址的表單提交建立新聯絡人記錄。若提交的電子郵件地址與資料庫中現有聯絡人記錄匹配,則現有記錄的詳細資訊將被更新。
- 若關閉此選項,HubSpot 將優先嘗試將提交資料關聯至具有該電子郵件地址的現有聯絡人。若該電子郵件地址不存在聯絡人,HubSpot 將根據瀏覽器中的 Cookie 識別並更新聯絡人資料。若同一裝置多次提交相同表單,可能導致聯絡人資料被覆寫。
- 若此選項開啟,當聯絡人使用已存在 Cookie 的瀏覽器以不同電子郵件提交表單時,系統將不再追蹤該聯絡人的瀏覽紀錄。同時,「預先填入已知值的聯絡人欄位」選項亦會自動關閉。
- 將建立的聯絡人設為行銷聯絡人:若您的 HubSpot 帳戶具備行銷聯絡人存取權限,可自動將提交此表單的聯絡人(含新舊聯絡人)設為行銷聯絡人。
- 新增表單重設連結:選取此選項可讓 訪客清除表單中所有預填欄位,並於 提交時建立全新聯絡人 。啟用後,訪客可點擊「非您本人?請點此重設」連結重置表單。此操作同時會停用表單提交時的 Cookie 追蹤功能,防止任何 Cookie 覆寫情形發生。
- 預填已知欄位值:若聯絡人曾造訪您的網站並提交表單,且 HubSpot 能儲存並追蹤其 Cookie,則表單中所有已知欄位值皆可預先填入。此選項預設為開啟狀態。深入了解表單欄位預填功能。
表單樣式與預覽
於「樣式與預覽 」標籤頁自訂 表單樣式 。當您調整表單樣式或測試功能時,右側面板將即時更新表單預覽效果。
您可自訂以下項目:
- 設定為原始 HTML 表單:若 您擁有 行銷中心 或 內容中心 專業版或 企業版訂閱方案,可 選擇此選項將表單以原始 HTML 元素形式呈現,而非嵌入 iframe 中。請注意以下事項:
- 在「樣式」標籤頁設定的任何 HubSpot 樣式將被移除。
- 表單應透過外部樣式表中的 CSS 進行樣式設定。
- 輸入選項: 從四種可用主題 中選擇 欄位與按鈕樣式。
- 樣式:自訂表單欄位寬度、字型與色彩。
- 測試:若表單含漸進式欄位或依賴欄位,可預覽訪客所見樣貌。
表單自動化應用
運用簡易自動化功能,例如向聯絡人發送跟進郵件,或透過表單自動發送內部通知郵件。您亦可將表單提交作為簡易工作流程的觸發條件。深入了解表單工具的自動化應用方式。
- 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」。
- 將游標懸停於現有表單上並點擊「編輯」。
- 頂端點擊「自動化」標籤頁。
- 在「表單提交後的自動化處理」區段中,可 選擇以下選項:
- 表單提交後發送電子郵件:建立預先設定的簡易工作流程,於表單提交後自動發送跟進郵件。
-
- 建立自訂簡易工作流程:建立簡易工作流程並加入您偏好的後續跟進動作。
- 建立自訂簡易工作流程:建立簡易工作流程並加入您偏好的後續跟進動作。
/forms-set-automation-legacy-editor.png?width=700&height=335&name=forms-set-automation-legacy-editor.png)
使用您的表單
建立新表單或完成表單更新後,您需更新表單以使變更生效。接著可將其新增至 HubSpot 內容、使用表單嵌入代碼添加至外部頁面,或透過分享連結以獨立頁面形式發佈。
-
在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」。
- 將游標懸停於現有表單上並點擊「編輯」。
- 於右上角點擊「更新」以發佈表單變更。
表單無法取消發佈。若表單嵌入於外部頁面,可手動移除表單嵌入代碼。但停用獨立表單頁面的唯一方式是刪除該表單。
/forms-manage-form-field-options-basic-tab.png?width=395&height=464&name=forms-manage-form-field-options-basic-tab.png)
