跳到内容
请注意::本文仅为方便您阅读而提供。本文由翻译软件自动翻译,可能未经校对。本文的英文版应被视为官方版本,您可在此找到最新信息。您可以在此处访问。

在 HubSpot 网页上设置和设计表单样式

上次更新时间: 2025年10月7日

可与以下任何订阅一起使用,除非另有说明:

在HubSpot中创建表格后,你可以将其添加到HubSpot页面的任何表单模块中。在每个页面上,你还可以配置表单提交后会发生什么,并自定义表单元素的样式,如提交按钮和表单字段。

开始之前

在 HubSpot 页面设置表单之前,请注意以下几点:

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

在HubSpot页面设置表单

  1. 导航至您的内容:

    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
  2. 单击 页面 名称
  3. 在内容编辑器中,点击表单模块。如果页面当前没有表单模块,请学习如何 为页面添加模块
  4. 侧边栏编辑器的 内容 选项卡,自定义此页面的表单设置:
    • 表单标题: 输入表单名称
    • 表单为此页面选择一个表单
      • 要使用现有表单,请单击下拉菜单并选择表单
      • 要创建并使用新表单,请单击操作然后选择 创建新表单。了解有关设置表单的更多信息。
      • 要查看此表单的提交情况,请单击操作。然后选择查看表单提交
      • 要在表单编辑器中编辑表单,请单击操作。然后选择转到表单编辑器

Screenshot of the form module within the content editor, showing the Actions dropdown menu open with options to View form submissions, Go to the forms editor, and Create new form.


配置表单自动化

您可以管理表单自动化,例如与表单相关的后续电子邮件和任何工作流程。注册触发器受以下行为约束:

  • 在表单模块的自动化设置中添加工作流程后,相应的表单提交注册触发器就会添加到工作流程中。
  • 从表单模块的自动化设置中移除工作流程也会从工作流程的注册触发器中移除。
  • 如果工作流程中使用的表单注册触发器没有指定页面,则不能从页面中移除触发器,而必须从工作流程中移除。

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

  • 后续电子邮件向提交表单的访客发送后续电子邮件。后续电子邮件只能发送给营销联系人。
    • 添加后续电子邮件:
      • 单击选择电子邮件 +
      • 在对话框中,单击选择电子邮件 下拉菜单并选择现有的自动电子邮件 ,或单击创建新电子邮件 创建新的自动电子邮件
      • 单击保存。选定的后续电子邮件将显示在左侧面板中。
      • 设置后续电子邮件后,在右上角单击 "发布 " 或 "更新",即可启用这些更改。在发布更改之前,后续电子邮件不会启用。
    • 要更改使用的后续电子邮件,请将鼠标悬停在电子邮件上,然后单击电子邮件旁边的铅笔图标
    • 要删除跟进电子邮件,请将鼠标悬停在电子邮件上,然后单击电子邮件旁边的X 图标 。该电子邮件将不再显示。
  • 已连接的工作流:使用表单作为注册触发器的任何工作流和简单工作流都会显示。了解有关使用表单自动化的更多信息。
    • 要将表单用作工作流的触发器,请单击将表单添加到工作流将表单添加到另一个 工作流
      • 单击将表单添加到工作流程
      • 选择一个现有工作流 ,或单击创建新工作流创建一个新工作流。如果创建新的工作流程,请先设置工作流程,然后返回着陆页或网站页面上的表单模块。
    • 要添加另一个工作流程,请单击将表单添加到另一个工作流程,然后选择现有工作流程 或单击创建新工作流程
    • 要删除作为工作流程触发器的表单,请将鼠标悬停在工作流程上,然后单击工作流程旁边的删除图标

请注意

  • 工作流一旦附加到表单模块,就会立即更新工作流注册触发器,即使页面尚未发布或更新。
  • 如果你克隆了一个带有表单的HubSpot 页面,而该表单被设置为在工作流程中登记联系人,那么在新的克隆页面上提交的表单将不会作为新的登记触发器添加到工作流程中。


配置其他表单选项

您还可以配置其他设置,例如选择表单通知收件人。此外,如果安装了HubSpot-Salesforce 集成,还可以将表单与活动的 Salesforce 活动关联起来。

要配置表单的其他选项,请滚动到左侧面板底部,然后配置以下选项:

  • 表单通知发送到指定的电子邮件地址,而不是表单默认值:默认情况下,表单提交通知将发送到表单 "选项 "选项卡中添加的任何收件人。要覆盖 表单的默认收件人,并在此页面选择提交通知收件人:
    • 单击以打开 "向指定的电子邮件地址而不是表单默认值发送通知 "开关。
    • 点击电子邮件地址下拉菜单,选择收件人。只有 HubSpot 用户才能被选为表单通知收件人。
    • 要删除收件人,请单击收件人电子邮件地址旁边的X 图标
  • Salesforce 活动: 如果已设置 Salesforce 集成,则可通过单击下拉菜单并选择活动,将表单与活动的 Salesforce 活动关联起来。了解有关将表单与 Salesforce 活动关联的更多信息。

Screenshot of a form module's sidebar editor, showing the checkbox selected for “Send form notifications to specified email addresses” and the “Salesforce campaign” dropdown menu.

在HubSpot页面上设计表单样式

您可以自定义整个表单的样式,也可以对提交按钮或表单字段进行特定样式更改。自定义表单样式:

  1. 导航至内容:
    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
  2. 单击 页面 名称
  3. 在内容编辑器中,单击表单模块。如果页面当前没有表单模块,请学习如何 为页面添加模块
  4. 在侧栏编辑器顶部,点击样式 选项卡。
  5. 单击 "模块""字段""按钮" 选项卡,选择要设置样式的表单元素。
  6. 使用下面的文本和对齐方式选项自定义表单的选定元素。
  7. 在右上方,单击 "发布 " "更新" 将您的更改添加到页面上。

请注意: 出现在 HubSpot 页面上的表单只能逐页自定义样式。 外部页面或独立表单页面上的嵌入式表单必须在表单编辑器中进行样式设置,或在外部样式表中使用 CSS进行样式设置


Screenshot of a form module's sidebar editor showing the Styles tab selected, showing sections for Visibility, Alignment and spacing, Typography, and Background.

这篇文章有帮助吗?
此表单仅供记载反馈。了解如何获取 HubSpot 帮助