自訂表單欄位的佈局

自訂表單欄位的佈局，以控制表單在訪客眼中的顯示方式與運作功能。您可以調整欄位位置，並將相關欄位分組，以打造更條理分明的表單體驗。例如，您可以將聯絡資料集中分組，或重新排列欄位順序，使其符合您的轉換流程。

本文介紹如何使用更新後的表單編輯器自訂表單欄位的佈局。若您使用的是舊版表單編輯器，請參閱如何在舊版表單中自訂表單欄位的佈局。

在表單欄位之間新增內容

表單欄位及其他表單元素可置於其他欄位之上、之下或旁邊。

1. 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「行銷」 > 「表單」。如果你的帳戶中沒有顯示「更多」，請直接前往「行銷」 > 「表單」。
2. 將游標懸停在表單上並點擊「編輯」，或建立新的表單。
3. 在左上角，點擊「add 」 新增圖示。
   • 在左側面板中，點選「欄位」、「屬性」或「其他」。
   • 點擊並拖曳該欄位至右側的表單預覽區，即可將其加入表單中。
4. 在右上角，點選「更新」或「發佈」以儲存表單的更新內容。

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

如果您使用的是具有多個選項的表單欄位（例如下拉式選單屬性），您可以重新排列這些選項的順序。進一步了解可用的選項設定。

1. 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「行銷」 > 「表單」。如果你的帳戶中沒有顯示「更多」，請直接前往「行銷」 > 「表單」。
2. 將游標懸停於表單上並點擊「編輯」， 或 建立新的表單。
3. 在右側面板中，點擊該表單欄位以變更其選項的順序。
4. 在左側面板的「欄位選項」區段中，點擊欄位選項左側的 dragHandle 虛線，然後點擊並拖曳該選項至目標位置。
5. 若要按字母順序排列選項，請點擊sortAlpAsc 「排序」。
6. 在右上角，點擊「檢視與更新」以發佈表單的更新內容。

將表單欄位並排排列

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

1. 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「行銷」 > 「表單」。如果你的帳戶中沒有顯示「更多」，請直接前往「行銷」 > 「表單」。
2. 將游標懸停在表單上並點擊「編輯」，或建立新的表單。
3. 點擊並拖曳表單欄位以查看排列選項。
4. 若要將其放置在同一行中的某個欄位旁邊，請將其拖曳至該行上的可用空間之一。
5. 在右上角，點擊「檢視與更新」以發佈表單的更新內容。