在 HubSpot 页面上设置和设计表单（旧版）

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

请注意：本文仅涉及使用旧版编辑器创建的表单。建议使用更新后的表单编辑器来创建和管理新表单。了解有关在 HubSpot 页面上设置表单样式的更多信息。

开始之前

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

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

设置表单

1. 导航至您的内容：

   • 网站页面：在你的 HubSpot 帐户中，单击更多，然后导航到内容 > 网站页面。如果你的帐户中未显示更多，请直接导航到内容 > 网站页面。
   • 着陆页：在你的 HubSpot 帐户中，单击更多，然后导航到内容 > 登陆页面。如果你的帐户中未显示更多，请直接导航到内容 > 登陆页面。
2. 点击页面名称。
3. 在内容编辑器中，点击表单模块。如果您的页面当前没有表单模块，请了解如何向页面添加模块。 
4. 在左侧面板的“内容”选项卡中 ，自定义该页面的表单设置：
   • 表单标题：输入 表单名称。
   • 表单： 为该页面选择一个表单。
     • 若要使用现有表单，请单击下拉菜单并选择一个表单。 
     • 要创建并使用新表单，请点击“操作”>“创建新表单”。了解有关设置表单的更多信息
     • 要查看此表单的提交内容，请点击“操作”>“查看表单提交”。
     • 若要克隆此表单，请点击“操作”>“克隆表单”。
     • 要查看使用所选表单的任何其他页面，请点击“操作”>“使用此表单的页面”。
     • 要在表单编辑器中编辑该表单，请点击“操作”>“转到完整表单编辑器”。 
       
       

自定义表单内容

要编辑表单字段、按钮文本以及数据隐私和同意选项：

1. 单击以展开“表单内容”部分 。
2. 配置表单内容： 
   • 表单字段：点击并拖动字段以编辑其在表单中的显示顺序。对于多列表单或作为自定义模块组成部分的表单字段，无法进行拖放操作。要添加更多表单字段：
     • 点击“+ 添加另一个表单字段”。
     • 点击“选择属性”下拉菜单，并使用搜索栏查找字段。 
     • 点击该属性将其添加为表单字段。 

• • 按钮文本：输入要显示在提交按钮上的文本。
  • 数据隐私和同意选项：在下拉菜单中，选择要显示的声明和同意信息。
  • 验证码（防垃圾信息）：点击此处开启验证码（防垃圾信息）开关，以显示Google 的隐形 reCAPTCHA。

请注意：更新 表单内容将同步更新表单在其他任何使用该表单的页面上的显示，包括任何嵌入式表单或独立表单页面。

配置表单提交后的操作

默认情况下，添加到 HubSpot 页面的表单将显示 的“感谢您提交表单”内联消息。表单不会显示在表单编辑器中配置的提交后操作。

在页面编辑器中，您可以自定义不同的提交后操作。要配置表单提交后的操作：

1. 点击展开“感谢”部分。
2. 在“访客提交表单后将看到什么”部分 ，配置您的表单 提交后操作： 
   • 重定向到其他页面： 表单提交后将 访客重定向 到其他页面。
     • 点击“重定向到另一个页面”。
     • 点击“重定向链接”下拉菜单，选择现有的 HubSpot 页面或输入URL。
   • 显示内联感谢信息：在访客提交表单后显示一条消息。您可以在文本框中输入感谢信息。

配置表单自动化

您可以管理表单自动化设置（例如联系人创建和营销邮件选项），以及与表单关联的任何工作流。表单提交触发器遵循以下行为规则：

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

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

• “针对电子邮件地址始终创建新联系人”：每当表单提交包含新电子邮件地址时，无论该表单提交中 是否存在与现有联系人匹配的 usertokens， 均会创建一条新的联系人记录。 
• 将创建的联系人设为营销联系人：将 通过此表单创建的任何联系人设为 营销联系人。
• 通过电子邮件进行跟进：向已提交表单的访客发送跟进邮件。跟进邮件仅可发送给营销联系人。 
  • 要添加跟进邮件：
    • 点击“选择一封邮件 +”。
    • 在对话框中，点击“选择电子邮件”下拉 菜单并选择现有的自动化电子邮件，或 点击“创建新电子邮件”以创建新的自动化电子邮件。
    • 点击“保存”。所选的跟进邮件将显示在左侧面板中。 
    • 设置好跟进邮件后，在右上角点击“发布”或 “更新”以使这些更改生效。在更改发布之前，跟进邮件不会启用。 

• • 若要更改所用的跟进邮件，请将鼠标悬停在该邮件上，然后点击邮件旁边的铅笔图标 。 
  • 若要删除跟进邮件，请将鼠标悬停在该邮件上，然后点击邮件旁边的“X”图标 。该邮件将不再显示。 
  • 如果该表单此前关联的是旧版跟进邮件，系统将显示提示：“此表单正在使用旧版跟进邮件”。虽然旧版跟进邮件无法编辑，但如果该邮件此前已发布，则可将其更新为自动化邮件。更新后的自动化邮件随后即可进行编辑。 
    • 若要将先前已发布的旧版跟进邮件更新为可编辑的自动化邮件，请点击“更新邮件”，然后点击“更新”。如果该邮件此前未曾发布，则不会显示此选项。 

• • • 若要删除已发布或未发布的旧版跟进邮件，请点击“删除”，然后点击“删除”。 

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

配置其他表单选项

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

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

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

在 HubSpot 页面上设置表单样式

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

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

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