自定义表单字段的布局

自定义表单字段的布局，以控制表单在访客眼中的显示效果和功能。您可以调整字段的位置，并将相关字段分组，从而打造更加条理清晰的表单体验。例如，您可以将联系信息字段归为一组，或重新排列字段顺序，以适应您的转化流程。

本文介绍了如何使用更新后的表单编辑器自定义表单字段的布局。如果您使用的是旧版表单编辑器，请了解如何在旧版表单中自定义表单字段的布局。

在表单字段之间添加内容

表单字段和其他表单元素可以放置在其他字段的上方、下方或旁边。

1. 在你的 HubSpot 帐户中，单击更多，然后导航到营销 > 表单。如果你的帐户中未显示更多，请直接导航到营销 > 表单。
2. 将鼠标悬停在表单上并点击“编辑”，或创建一个新表单。
3. 在左上角，点击add 添加图标。
   • 在左侧面板中，点击“字段”、“属性”或“其他”。
   • 点击并拖动字段至右侧的表单预览区域，将其添加到表单中。

更改表单字段中选项的顺序

如果您使用的是包含多个选项的表单字段（例如下拉选择属性），可以重新排列选项的顺序。了解有关可用选择选项的更多信息。

1. 在你的 HubSpot 帐户中，单击更多，然后导航到营销 > 表单。如果你的帐户中未显示更多，请直接导航到营销 > 表单。
2. 将鼠标悬停在表单上并点击“编辑”， 或 创建一个新表单。
3. 在右侧面板中，点击该字段以更改其选项的顺序。
4. 在左侧面板的“字段选项”部分，点击字段选项左侧的 dragHandle 虚线，然后点击并拖动该选项至目标位置。
5. 若要按字母顺序对选项进行排序，请点击sortAlpAsc “排序”。
6. 在右上角，点击“Review and update”以发布表单更新。

将表单字段并排排列

在表单中，最多可将三个字段并排放置。

1. 在你的 HubSpot 帐户中，单击更多，然后导航到营销 > 表单。如果你的帐户中未显示更多，请直接导航到营销 > 表单。
2. 将鼠标悬停在表单上并点击“编辑”，或创建一个新表单。
3. 点击并拖动表单字段，查看布局选项。
4. 若要将其放置在同一行中的某个表单字段旁边，请将其拖动到该行上的可用位置之一。
5. 在右上角，点击“审阅并更新”以发布表单更新。