在 HubSpot 页面上设置和设计表单

在 HubSpot中创建表单后，您可以将其添加到 HubSpot 页面上的任何表单模块中。在每个页面上，您还可以配置表单提交后的操作，并自定义表单元素（如提交按钮和表单字段）的样式。

本文介绍了如何使用 更新后的表单编辑器在 HubSpot 页面上设置表单。如果您使用的是 旧版表单编辑器，请参阅了解如何在HubSpot 页面上设置旧版表单。

开始之前

在 HubSpot 页面上设置表单之前，请注意以下事项： 

• 设置和样式更改仅适用于所选页面上的表单模块。所做的任何设置和样式更改都不会影响其他页面上的表单。
• 更新表单内容（例如表单字段）将更新所有其他页面上的表单，包括任何嵌入式表单或独立表单页面。 

在 HubSpot 页面上设置表单

1. 导航至您的内容：

   • 网站页面：在你的 HubSpot 帐户中，单击更多，然后导航到内容 > 网站页面。如果你的帐户中未显示更多，请直接导航到内容 > 网站页面。
   • 着陆页：在你的 HubSpot 帐户中，单击更多，然后导航到内容 > 登陆页面。如果你的帐户中未显示更多，请直接导航到内容 > 登陆页面。
2. 点击 页面 名称 。
3. 在内容编辑器中，点击表单模块。如果您的页面当前没有表单模块，请了解如何 向页面添加模块。
4. 在侧边栏编辑器的 “内容 ”选项卡中，自定义此页面的表单设置：

1. • 表单标题： 为表单输入 名称。
   • 表单： 为该页面选择一个表单。
     • 若要使用现有表单，请点击下拉菜单并选择一个表单。 
     • 若要创建并使用新表单，请点击“操作”， 然后选择 “创建新表单”。 了解有关设置表单的更多信息。
     • 要查看此表单的提交内容，请点击“操作”，然后选择“查看表单提交”。

• • • 要在表单编辑器中编辑表单，请点击“操作”，然后选择“转到表单编辑器”。 

配置表单自动化

您可以管理表单自动化，例如跟进邮件以及与表单相关的任何工作流。注册触发器遵循以下行为规则：

• 当在表单模块的自动化设置中添加工作流时，相应的表单提交注册触发器将被添加到该工作流中。
• 从表单模块的自动化设置中移除工作流，也会将其从该工作流的注册触发器中移除。
• 如果工作流中使用的表单注册触发器未指定具体页面，则无法从该页面中移除该触发器，而必须从工作流中将其移除。

要配置表单的自动化设置，请点击左侧面板中的“表单自动化”以展开该部分，然后查看以下自动化选项：

• 发送跟进邮件：向已提交表单的访客发送跟进邮件。跟进邮件仅可发送给营销联系人。 
  • 要添加跟进邮件：
    • 点击“选择一封邮件 +”。
    • 在对话框中，点击“选择电子邮件”下拉 菜单并选择现有的自动化电子邮件，或 点击“创建新电子邮件”来创建新的自动化电子邮件。
    • 点击“保存”。所选的跟进邮件将显示在左侧面板中。 
    • 设置好跟进邮件后，在右上角点击“发布”或 “更新”以使这些更改生效。在更改发布之前，跟进邮件不会启用。 

• • 若要更改所用的跟进邮件，请将鼠标悬停在邮件上，然后点击邮件旁边的铅笔图标 。 
  • 若要删除跟进邮件，请将鼠标悬停在该邮件上，然后点击邮件旁边的“X”图标 。该邮件将不再显示。 

• 关联的工作流：将显示所有以该表单作为注册触发器的工作流和简单工作流。了解有关在表单中使用自动化功能的更多信息。 
  • 若要将表单用作工作流的触发器，请点击“将表单添加到工作流”或“将表单添加到其他 工作流”。 
    • 点击“将表单添加到工作流”。
    • 选择现有工作流，或 点击“创建新工作流”来创建新工作流。如果您创建了新工作流，请先完成工作流的设置，然后返回着陆页或网站页面上的表单模块。 
  • 若要添加另一个工作流，请点击“将表单添加到另一个工作流”，然后选择现有工作流或 点击“创建新工作流”。
  • 若要将表单从工作流的触发器中移除，请将鼠标悬停在工作流上，然后点击工作流旁边的删除图标 。 

配置其他表单选项

您还可以配置其他设置，例如选择表单通知的接收者。此外，如果您已安装HubSpot-Salesforce 集成，还可以将表单与一个活跃的 Salesforce 营销活动关联。

要配置表单的其他选项，请滚动至左侧面板底部，然后配置以下选项：

• 将表单通知发送至指定的电子邮件地址，而非表单默认地址：默认情况下，表单提交通知将发送给在表单“选项”选项卡中添加的任何收件人。若要覆盖表单的默认收件人，并在此页面上选择提交通知的收件人：
  • 点击以开启“将通知发送至指定的电子邮件地址，而非表单默认地址”开关。
  • 点击“电子邮件地址”下拉菜单并选择收件人。仅可选择 HubSpot 用户作为表单通知收件人。 
  • 要移除收件人，请点击该收件人电子邮件地址旁边的“X”图标。 
• Salesforce 营销活动：如果您已 设置 Salesforce 集成，可以通过点击下拉菜单并选择一个营销活动，将表单与一个活跃的 Salesforce 营销活动关联。了解有关将表单与 Salesforce 营销活动关联的更多信息。

在 HubSpot 页面上设计表单样式

您可以自定义表单的整体样式，也可以对提交按钮或表单字段进行具体的样式调整。要自定义表单样式：

1. 导航至您的内容：
   • 网站页面：在你的 HubSpot 帐户中，单击更多，然后导航到内容 > 网站页面。如果你的帐户中未显示更多，请直接导航到内容 > 网站页面。
   • 着陆页：在你的 HubSpot 帐户中，单击更多，然后导航到内容 > 登陆页面。如果你的帐户中未显示更多，请直接导航到内容 > 登陆页面。
2. 点击 页面 名称 。
3. 在内容编辑器中，点击表单模块。如果您的页面当前没有表单模块，请了解如何 向页面添加模块。
4. 在侧边栏编辑器的顶部，点击“样式 ”选项卡。
5. 点击“模块”、 “ 字段”或 “按钮”选项卡，选择您要设置样式的表单元素。
6. 使用下方的文本和对齐方式选项自定义表单中选中的元素。
7. 在右上角，点击“发布 ”或 “更新 ”以将更改应用到页面上。

请注意： 显示在 HubSpot 页面上的表单 只能按页面逐个进行样式自定义。嵌入在外部页面或独立表单页面中的表单， 必须在表单编辑器中进行样式设置，或通过外部样式表中的CSS 进行样式设置。