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

自訂表單欄位的佈局 (傳統)

上次更新時間: 2026年1月2日

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

學習如何自訂表單的版面與結構。您可以在表單欄位間新增內容,並自訂欄位的順序。

本文僅適用於使用舊版編輯器建立的現有表單。建議使用更新的表單編輯器來建立和管理新表單。進一步瞭解如何在更新的表單編輯器中編輯表單欄位

在表單欄位間加入內容

您可以在 HubSpot 表單的欄位之間插入富文本區元素,以加入文字、連結和圖片。

  1. 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」。
  2. 將滑鼠移至您的表單,然後按一下「編輯」。
  3. 按一下 左側面板的「建立新」標籤。
  4. 左側面板的 建立新」 標籤 ,按一下並拖曳 所需表單欄位間的段落 (RichText) 元素。
The legacy form editor, showing how to add a paragraph element to a form.
  1. 在右側面板中,按一下富文字區域 元素。
  2. 在左側面板中,編輯文字:
    • 使用工具列,透過格式化文字或新增連結和圖片,自訂內容。
    • 若要從現有欄位連結或取消連結富文字,請按一下Detach rich-text from input field
  3. 在右上方,按一下「發佈」以更新即時表單。

The legacy form editor, displaying the configuration for a rich text area.

變更表單欄位內選項的順序

  1. 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」。
  2. 將滑鼠移至表單上,然後按一下編輯
  3. 在右側面板中,按一下欄位以變更其選項的順序。
  4. 在左側面板的欄位選項部分下,按一下欄位選項左側的虛線 ,然後按一下並拖曳選項到所需位置。
  5. 在右上方,按一下「發佈」以更新即時表單。

The legacy form editor, displaying how to change the order of options in a form field.


並排排列表單欄位

您最多可以在表單中並排放置三個欄位。

  1. 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」。
  2. 將滑鼠移至表單上方,然後按一下編輯
  3. 在表單編輯器中,按住欄位左側的虛線,即可看到擺放選項。
  4. 若要放置在某一行的欄位旁邊,請將它拖曳到該行的可用空間中。
  5. 在右上方,按一下「發佈」以更新您的即時表單。

請注意 漸進欄位 ( 僅限Marketing Hub 專業版企業 版) 無法套用至一行中的個別表格欄位。當您將個別欄位設定為漸進式時,同一行中的所有其他欄位都會自動變成漸進式。


The legacy form editor, displaying how to arrange form fields.

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