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

編輯您的表單欄位

上次更新時間: 2026年3月30日

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

建立表單並 新增表單欄位後,您可以自訂表單欄位及其選項。

如果您尚未新增任何表單欄位,請瞭解如何新增現有表單欄位建立新的表單欄位

編輯表單欄位

要編輯表單欄位:

  1. 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」
  2. 建立新表單,或將滑鼠懸停在現有表單上並點擊「編輯」。
  3. 若要編輯欄位的選項,請在右側面板中,點擊 表單預覽中的該欄位
  4. 在左側面板中,點擊展開「欄位選項」 區段。此處的選項會因欄位的屬性類型而有所不同。
    • 說明文字:顯示於欄位標籤下方的資訊文字,用以協助訪客填寫該欄位。
    • 佔位文字: 顯示在該欄位輸入框中的文字 。當訪客在欄位中輸入值時,此文字會消失,且即使欄位留空,該文字也不會隨表單提交。
    • 預設值: 除非訪客更改,否則該欄位預設會提交的 值。
    • 隱藏欄位:啟用此選項時,該欄位的值將透過表單提交設定,但訪客將無法看見該欄位。啟用此設定後,請設定表單提交時傳入屬性的預設值。
    • 必填欄位:啟用此選項後,必須填寫該欄位才能提交表單。若表單欄位已設定為必填,則無法將其設為隱藏。 

Screenshot of the form editor showing the Edit field panel for a single-line text field and a preview of the contact form.

在表單欄位中新增或編輯選項

若要為多選複選框、單選按鈕或下拉式選單表單欄位新增選項,您必須先編輯原始屬性。待屬性更新後,即可在表單編輯器中新增欄位選項。進一步了解如何編輯枚舉屬性選項

要為表單欄位新增選項: 

  1. 更新現有屬性以新增值。 
  2. 前往「行銷」>「表單」。
  3. 將滑鼠懸停在現有表單上,然後點擊「編輯」
  4. 在表單預覽中,點擊您要新增選項的欄位。 
  5. 在左側面板中,點擊展開「欄位選項」區段。
  6. 在欄位選項表格底部,點擊「新增選項」。 
The form editor, displaying the option to add new options to an existing form field.
  1. 在對話方塊中,勾選您想新增至表單欄位的可用選項旁的核取方塊。點擊「新增選取的選項」。
  2. 在右上角,點擊「檢視與更新」。 

若要編輯或移除表單欄位中的選項: 

  1. 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」
  2. 將滑鼠懸停於表單名稱上,點擊「動作」,然後選擇 「編輯」 或者, 建立新的表單
  3. 在表單編輯器中,點擊一個欄位以自訂其選項。
  4. 在左側面板的「欄位選項 」區段 中: 
    • 若要編輯當前選項,請將滑鼠懸停在選項上,然後點擊編輯圖示。 
    • 若要移除當前選項,請將滑鼠懸停在選項上,然後點擊刪除圖示。
    • 選取一個選項,即可將其設為預設選項。 

Screenshot of the form editor, showing the Edit field panel to edit property value options.

  1. 在右上角,點擊「檢視與更新」。 

編輯其他表單元素

與表單欄位類似,這些元素可置於其他欄位的上方、下方或旁邊。 

  1. 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」
  2. 建立新表單,或將游標懸停在現有表單上並點擊「編輯」。 
  3. 編輯圖片欄位的方法: 
    • 在右側面板中,點擊表單預覽中的圖片欄位。 
    • 在左側面板中,編輯圖片: 
      • 若要替換圖片,請點擊右上角的「替換圖片」圖示。 
      • 若要編輯圖片,請點擊右上角的「 編輯」圖示。 
      • 若要刪除圖片,請點擊右上角的「 除」圖示。 
      • 若要調整圖片大小,請點擊「大小」下拉式選單並選擇以下選項: 
        • 自動調整: 圖片會根據瀏覽者的瀏覽器與裝置自動調整大小。
        • 精確寬高:圖片 將在所有裝置上維持指定的尺寸,不會根據螢幕大小調整。
    • 在「連結(可選)」欄位中, 輸入當訪客點擊圖片時將被重定向的網址。 
    • 在「 圖片對齊」下方, 點選「水平」或「垂直」選項,並選擇「左對齊」、「居中」或「右對齊」。 
    • 若要將對齊方式重設為原始設定,請點擊「重設對齊」。 

Screenshot of the Edit image panel in a form editor, with image action buttons (replace, edit, delete) highlighted.

  1. 編輯「標題」欄位
    • 在右側面板中,點擊表單預覽中的「標題」欄位
    • 在左側面板中,點擊「標題層級」下拉式選單以變更標題層級。您可以從H1到H6 進行選擇。
    • 在「對齊方式」下方,點選「左對齊」、「居中」或「右對齊」。 
    • 若要將對齊方式重設為原始設定,請點擊「重設對齊方式」。 

Screenshot of the Edit heading panel in a form editor, highlighting the Reset alignment link.

  1. 若要編輯「 富文本」欄位: 
    • 在右側面板中,點擊表單預覽中的「富文本」欄位
    • 在左側面板中,點擊 「在擴展視圖中編輯」。使用富文本工具列來格式化及設定文字樣式。進一步了解如何編輯富文本模組中的內容。 

Screenshot of the Edit field panel in a form editor, highlighting the option to Edit in expanded view.

  1. 若要編輯「資料隱私」欄位: 
    • 在右側面板中,點擊表單預覽中的「資料隱私」欄位
    • 點擊「您希望如何記錄聯絡人的權限?」下拉式選單,並選擇一個選項。進一步了解通知與同意選項。 
    • 在「您要收集哪些同意?」下方, 針對您希望在此表單中提供的每項通訊訂閱,勾選 或取消勾選對應的訂閱類型。
    • 若要新增訂閱類型核取方塊,讓訪客能同意接收多種訂閱類型的通訊,請點擊「新增另一項訂閱」。
    • 若要包含隱私權政策聲明,請勾選「包含隱私權政策聲明」核取方塊。進一步了解如何在表單中新增通知與同意資訊

Screenshot of a form editor showing Data Privacy options, including checkboxes for “Store and process data", “Send communications”, and two subscription sections.

  1. 在右上角,點擊「檢視與更新」以發佈表單更新。

自訂日期欄位

在表單中新增日期欄位後,您可以選擇訪客在表單欄位中使用的日期格式類型。例如,DD/MM/YYYY或MM-DD-YYYY。 

  1. 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」
  2. 將滑鼠懸停在表單名稱上,點擊「動作」,然後選擇 「編輯」。
  3. 將滑鼠懸停在日期欄位上,然後點擊「編輯」。
  4. 在右側面板中,點擊「日期」欄位。 
  5. 在左側面板中,點擊「 格式」下拉式選單,然後選擇您想要的日期格式。 

Screenshot of the Edit field panel for a date field, showing the Format dropdown menu format options.

  1. 在右上角,點擊「檢視並更新」。

自訂您的檔案上傳欄位 

在表單中新增檔案上傳欄位後,即可讓訪客在提交表單時上傳一個或多個檔案。當訪客上傳檔案並提交表單時,該檔案會儲存於您的檔案管理員中的隱藏資料夾內。

該檔案的連結將顯示於 HubSpot 中的聯絡人記錄中。所有上傳檔案的連結都會包含在表單提交資料中,並顯示於個別聯絡人時間軸上的表單提交事件中。

若要自訂您的檔案上傳欄位:

  1. 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」
  2. 將滑鼠懸停於表單名稱上,點擊「動作」,然後選擇 「編輯」
  3. 在右側面板中,將滑鼠懸停於檔案上傳欄位上,然後點擊「編輯」。
  4. 在左側面板中,向下捲動並勾選「允許多個檔案」核取方塊。 
  5. 在右上角,點擊「檢視並更新」。

請注意:無論是單一檔案或多重檔案上傳欄位,檔案大小上限皆為100 MB。在多重檔案上傳欄位中,只要檔案總大小不超過 100 MB,上傳的檔案數量則無限制。 


Screenshot of the Edit field panel for a file field, highlighting the “Allow multiple files” checkbox.

  1. 若要上傳多個檔案,請在檔案管理員中選取所有檔案。上傳選取的檔案後,若再次點擊「選擇檔案」按鈕並選取其他檔案,原始檔案將會被覆寫。無法逐一上傳多個檔案。 

編輯您的電話號碼欄位

當新增 電話號碼欄位時,國家代碼預設會根據訪客的裝置 IP 位址自動設定。您 無法隱藏或手動設定表單上顯示的預設國家代碼。 
  1. 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」
  2. 將滑鼠懸停於表單名稱上,點擊「動作」,然後選擇 「編輯」
  3. 在右側面板中,將滑鼠懸停於電話號碼欄位上並點擊「編輯」。
  4. 在左側面板中,編輯標籤、說明文字,並設定預設值。
  5. 在右上角,點擊「檢視並更新」。

在表單中新增部落格訂閱欄位

建議設定並使用預設的部落格訂閱表單,供訪客訂閱您的部落格。若您具備工作流程的使用權限,亦可為表單建立自訂核取方塊欄位,再透過工作流程為這些聯絡人訂閱。

將預設的部落格訂閱欄位新增至您的表單

  1. 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」
  2. 將滑鼠懸停於表單名稱上,點擊「動作」,然後選擇 「編輯」
  3. 在左上角,點擊+ 新增圖示。
  4. 在左側面板中,點擊「屬性」。接著 ,在搜尋框中輸入「訂閱」。搜尋結果將顯示您的部落格訂閱屬性,其標籤為[部落格名稱]電子郵件訂閱。
  5. 點擊並拖曳您的部落格電子郵件訂閱欄位 至表單中的目標位置。 
  6. 在表單編輯器中,點擊電子郵件訂閱欄位 以編輯欄位選項。
  7. 在右上角,點擊「檢視與更新」以更新線上表單。

Screenshot of the Edit field panel for a radio select blog subscription field, showing options like Instant, Daily, Weekly, and Monthly.

在表單中新增自訂部落格訂閱核取方塊欄位 

需要訂閱 若要透過工作流程更新自訂訂閱欄位,需具備Professional 或 Enterprise訂閱方案。

您可以建立並將自訂核取方塊屬性新增至表單,然後使用工作流程來更新該屬性。選取核取方塊並提交表單的聯絡人,其核取方塊屬性值將設定為 「是」。這將使其加入工作流程,並將其部落格訂閱屬性更新為您指定的訂閱頻率。

  1. 建立單一核取方塊聯絡人屬性:
    • 建立自訂聯絡人屬性,並將「欄位類型」設定為「單一核取方塊」。
    • 請確保已選取「在表單中顯示此屬性」選項。

Screenshot of the property editor's Rules section, showing the “Show property in forms and bots” checkbox selected.

  1. 設定工作流程,將聯絡人新增為部落格訂閱者:
    • 建立以聯絡人為基礎的工作流程
    • 將註冊觸發條件設定為:將勾選該核取方塊的聯絡人加入訂閱。
      • 在工作流程中,點擊「設定觸發條件」。
      • 在左側面板中,選擇「當篩選條件符合時」。 
      • 選擇「聯絡人屬性」。接著,搜尋並選取「新訂閱」核取方塊屬性。
      • 選擇「為其中任何一項」,然後點擊下拉式選單並選擇「是」。
    • 點擊+ 圖示以新增工作流程動作。
    • 在左側面板中,點擊 CRM。接著,選取「編輯記錄」。 
    • 點擊「要編輯的屬性」下拉式選單,並選取[部落格名稱]電子郵件訂閱屬性。
    • 點擊「選擇值」下拉式選單,並為該聯絡人選擇訂閱頻率。
    • 在右上角,點擊「檢視並發佈」。
    • 檢視您的工作流程動作與設定。在右上角,點擊「啟用」。

Screenshot of a workflow enrolling contacts with Custom blog subscription property set to “Yes” and setting their blog email subscription to "Daily".

  1. 將核取方塊欄位新增至表單:
    • 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」
    • 將滑鼠懸停在表單名稱上,點擊「動作」,然後選擇 「編輯」。
    • 在左上角,點擊「+」新增圖示。
    • 在左側面板中,點擊「屬性」。接著, 在搜尋框中輸入「 」以搜尋單一核取方塊聯絡人屬性的名稱
    • 將該屬性拖放表單中的目標位置。 
    • 在表單編輯器中,點擊該欄位以編輯欄位選項。
    • 在右上角,點擊「檢視與更新」更新線上表單。

Screenshot of a form preview showing a Custom blog subscription property checkbox field added to the form.

 

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