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

创建和编辑表格

上次更新时间: 2025年9月3日

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

使用表单编辑器创建和使用表单,收集访客信息并存储到 HubSpot CRM 中。使用表单编辑器时,你可以创建多步骤表单。然后,为表单设计风格,以反映您的企业形象和品牌。

创建表格后,您可以使用 HubSpot 表单模块将其添加到您的 HubSpot 页面,或使用表单嵌入代码将其添加到外部网站,或使用共享链接将其作为独立页面共享。

创建新表单


创建新表单

  1. 在 HubSpot 帐户中,导航到营销 > 表单
  2. 在右上角单击 "创建表格"。
  3. 请注意:创建表单时,只能将表单与品牌关联。了解将表单与品牌关联的更多信息。
  1. 选择 表单编辑器
  2. 在右上角单击下一步
  3. 选择一个预制模板,或创建自己的模板,选择 "从空白开始"
  4. 单击顶部的edit 编辑图标 ,编辑表单名称。

添加和编辑表单字段

添加表单字段以收集网站访客和联系人的信息。每个表单字段都必须与 HubSpot 属性相关联。添加表单字段

  1. 在 HubSpot 帐户中,导航到营销 > 表单
  2. 创建一个新表单 或将鼠标悬停在现有表单上,然后单击 "编辑 "。
  3. 在左上角,点击+ 添加图标
  4. 在左侧面板中,单击并拖动字段类型到右侧的表单预览中,将其添加到表单中。字段可以放在其他字段的上方、下方或旁边。
  5. 添加电话号码字段时,默认情况下国家代码将与访客的设备 IP 地址相对应。无法配置默认国家代码。
  6. 在右侧面板中,单击并输入字段标签。输入字段标签后,将显示类似的现有属性列表。
    • 在 "将字段连接到属性 "对话框中,单击建议的属性
    • 要将表单字段连接到其他属性,请单击搜索属性

A gif showing the steps to add a single-line text field to a form and connect it to a contact property.


  1. 要添加已连接属性,请在左面板中单击展开已连接属性部分。单击要连接到表单字段的属性
  2. 要使用现有属性作为表单字段的连接属性,请使用搜索栏 搜索现有属性。添加的字段对象类型可决定表单提交是否显示在关联记录的活动时间轴上。

请注意

  • 默认情况下,提交表单以创建联系人时,电子邮件字段是必填字段。在允许用户提交表单之前,HubSpot 会检查电子邮件地址是否有效。了解更多有关允许无电子邮件地址的表单提交创建联系人的信息。
  • 表单中不能使用分数、计算和富文本属性。

The form editor, highlighting the option to create a new property when adding a field to your form.

  1. 要创建新属性并将其用作表单字段的连接属性,请执行以下操作
    • 单击创建新属性
    • 在右侧面板中,设置表单字段
    • 查看属性规则,然后单击创建。默认情况下,将选择 "在表单、弹出式表单和机器人中显示 "选项。创建新属性后,它将自动与表单字段关联。了解如何管理属性
  1. 要编辑或断开与表单字段关联的属性,请执行以下操作
    1. 单击表单
    2. 在左侧面板中单击已连接属性展开该部分。
    3. 更改属性:
      • 单击更改属性
      • 在对话框中,单击更改属性。
      • 使用搜索栏搜索现有属性,或单击创建新属性
    4. 断开属性连接:
      • 单击断开连接属性
      • 在对话框中,单击断开连接属性
  2. 要将属性作为字段添加到表单中,请单击左面板上的属性
    • 使用所有属性下拉菜单选择联系人、公司、票据或自定义对象属性。
    • 如果使用的是票单属性,请单击对话框中的下拉菜单,选择服务台收件箱 ,将表单连接到它们。提交表单后,将自动创建一个票单。
    • 要将属性作为字段添加到表单中,请单击并将属性拖到表单预览上。字段可以放在其他字段的上方、下方或旁边。
  1. 添加表单字段后,要编辑字段的选项,请执行以下操作
    • 在右面板中,点击表单预览中的字.
    • 在左面板中,点击展开字段选项部分。这里的选项可能会根据字段属性类型而有所不同。
      • 帮助文本:字段标签下方的信息文本,用于帮助访问者完成字段输入。
      • 占位符文本: 出现在字段输入框中的文本。当访问者在字段中输入数值时,文本将消失,即使字段为空,也不会在提交时显示。
      • 默认值: 该字段默认提交的值,除非访问者更改。
      • 隐藏字段:打开此选项后,该字段的值将在提交表单时设置,但访问者不会看到该字段。设置打开后,可设置默认值,在提交表单时传递到属性中。
      • 必填字段:打开此选项后,提交表单时必须填写该字段。如果表单字段已设置为必填字段,则不能将其设置为隐藏字段。
The form editor with the left panel displaying the options to edit the form field. The option to make a form field required is toggle on and highlighted.

添加其他表单元素

在表单中添加额外的文本和媒体 安全性 。与表单字段类似,这些元素可以放在其他字段的上方、下方或旁边。

  1. 在 HubSpot 帐户中,导航到营销 > 表单
  2. 创建一个新表单,或将鼠标悬停在现有表单上,然后单击 "编辑"。
  3. 在左上角单击+ 添加图标
  4. 在左侧面板中,单击其他
  5. 单击并拖动元素 到右侧的表单预览中,将它们添加到表单中。

    The form editor with the left panel displaying text and media elements that can be added to the form. These include image, heading, paragraph, reCAPTCHA, and data privacy elements.

添加和编辑表单感谢信息或重定向 URL

访客提交表单后,您可以选择显示感谢信息或将访客重定向到某个页面或会议链接。

  1. 在 HubSpot 帐户中,导航到营销 > 表单
  2. 创建一个新表单,或将鼠标悬停在现有表单上,然后单击 "编辑"。
  3. 在左上角,单击siteTreeIcon 内容图标
  4. 在左侧面板中,单击 "提交"。也可以单击编辑器中的表单步骤
  5. 在 "选项"选项卡上,选择表单提交时显示的内容:
    • 显示感谢信息:将鼠标悬停在默认感谢信息上,然后单击editIcon 编辑图标 ,添加或编辑文本。
      • 要在扩展的富文本编辑器中编辑感谢信息,请在左侧面板的富文本下单击 "在扩展视图中编辑"。
    • 重定向到页面、URL 或会议:当访问者提交表单时,将其重定向到 HubSpot 页面、会议链接或特定 URL。
      • 单击重定向到页面、URL 或会议下拉菜单,选择重定向页面或会议链接。也可以输入特定 URL。
  6. 在右上角单击 "审核并更新",将更改发布到实时表单中。

要设置条件逻辑,根据访客之前的回复将其重定向到特定页面,请学习如何在表单中添加条件逻辑

A gif showing the steps to edit the thank you message in the form editor.

为表单添加条件逻辑 仅限内容集市 营销集市 专业版 企业版)

添加表单字段后,您可以设置条件逻辑来隐藏或显示相关字段,或根据访客之前的回复将其重定向到其他 HubSpot 页面。

每个表单最多可添加 100 条规则,每条规则有 10 个条件。

要在表单上设置条件逻辑,请执行以下操作

  1. 在 HubSpot 帐户中,导航到营销 > 表单
  2. 创建一个新表单,或将鼠标悬停在现有表单上,然后单击 "编辑"。
  3. 在左上角,单击workflows 逻辑图标
  4. 在左侧面板中,单击添加逻辑
  5. 逻辑部分,配置您的条件逻辑规则。例如,如果按城市筛选并选择都柏林, 条件逻辑规则将只适用于值为都柏林的记录
  6. 要删除过滤器,请单击deletee 删除图标
  7. 要克隆过滤器,请单击duplicate 克隆图标
  8. 要向规则添加其他筛选器,请单击add Add filter to this group(向该组添加筛选器)。
  9. 要向规则添加其他组,请单击 add 添加组
  10. 如果您在规则中添加了多个过滤器或组,请单击过滤器和组之间的AND OR下拉菜单,以应用ANDOR逻辑:
  11. "然后"部分,单击下拉菜单选择表单上的操作。您可以选择以下操作:
    • 显示字段:如果用户的回复符合规则中设置的条件,则显示特定字段。
    • 隐藏字段:如果用户的回复符合规则中设置的条件,则显示特定字段。
    • 跳至步骤:如果用户的回复符合规则中设置的条件,则跳至特定步骤。要使用此选项,表单必须至少有三个步骤。了解有关添加表单步骤的更多信息。
    • 重定向到:如果用户的回复符合规则中设置的条件,则将其重定向到 HubSpot 页面或外部 URL。Sales Hub EnterpriseService Hub Enterprise账户的用户可以将表单重定向到日程安排页面上的会议链接。
  1. 根据所选操作,填写必填字段。
  2. 要应用条件逻辑,请单击 " 保存并激活"。

The form editor with the left panel displaying the options to edit form field logic.

管理条件逻辑规则

  1. 在 HubSpot 帐户中,导航到营销 > 表单
  2. 创建一个新表单,或将鼠标悬停在现有表单上,然后单击 "编辑"。
  3. 在左上角,单击workflows 逻辑图标
  4. 要添加另一条规则,请单击添加逻辑
  5. 要编辑规则,请单击 "操作"下拉菜单并选择 "编辑"。
  6. 要删除规则,请单击 "操作"下拉菜单并选择 "删除"。

添加和编辑表格步骤

请注意:此功能仅适用于营销中心销售中心服务中心 启动版专业版企业版或内容中心 企业版。

创建多步骤表单,鼓励用户完成多个表单片段,而不是单一的长表单。在多步骤表单中添加表单步骤:

  1. 在你的 HubSpot 账户中,导航至营销>表单
  2. 创建一个新表单,或将鼠标悬停在现有表单上,然后单击 "编辑"。
  3. 在右侧面板中,将鼠标悬停在两个现有步骤之间,然后单击+ 添加图标。新步骤部分就会出现。然后,你可以在步骤面板中设置表单字段和其他表单元素。

The form editor displaying how to add and rearrange form steps.

  1. 要重新排列某个步骤的顺序,请将鼠标悬停在该步骤上。然后,在步骤的左上方,单击并拖动步骤 [x] 以调整其位置。
  2. 要克隆一个步骤,请将鼠标悬停在该步骤上,然后单击duplicate 克隆图标。不能克隆包含电子邮件、reCAPTCHA 或数据隐私字段的步骤。
  3. 要删除一个步骤,请将鼠标悬停在该步骤上,然后单击delete 删除图标
  4. 进度条可直观地显示用户完成了多少表单,从而提高表单完成率。要编辑进度条,请
    • 将鼠标悬停在进度条上,然后单击edit 编辑图标。

The form editor with the left panel displaying options to turn on and adjust the format of the progress bar.

    • 在左侧面板中,您可以编辑进度条并将其打开或关闭:
      • 默认情况下,进度条会添加到所有表单中。要关闭进度条,请切换进度条开关。这将从所有表单步骤中移除进度条。
      • 格式部分,选择进度条上的文本显示方式。您可以选择以下选项:显示完成百分比显示步骤数 不显示文本

请注意

  • 只有访客提交了表单的所有步骤,表单提交才算完成。如果访客完成了第一步,但没有完成表单的其他步骤,第一步中的字段将不会提交到表单中。
  • 每个表单最多可添加20 个步骤

编辑步骤布局和背景横幅

使用快速布局切换器从预定义的步骤布局中进行选择,并自定义表单背景横幅。

  1. 在 HubSpot 帐户中,导航到营销 > 表单
  2. 创建一个新表单,或将鼠标悬停在现有表单上,然后单击 "编辑"。
  3. 将鼠标悬停在表单步骤上,然后单击右上角的edit 编辑图标
  4. 在左侧面板中,单击样式选项卡并选择步骤布局
  5. 要移除布局,请单击右上角的移除布局

The form editor with the left panel displaying options to edit the form step styles.

  1. 单击横幅背景展开该部分:
    • 打开背景颜色开关,自定义表单的背景横幅。
    • 选择颜色不透明度
    • 单击渐变 下拉菜单添加渐变。
    • 使用图片作为横幅背景。你可以从HubSpot 文件上传图片,从电脑硬盘浏览图片,或使用AI 助手生成图片。

The form editor displaying banner style options, including color, opacity, gradient, and image selection.


设计表单样式

自定义表单和表单步骤的文本、输入字段、按钮和背景。全局样式选项卡中配置的样式选项将应用于所有表单步骤。不能单独为单个表单步骤设计样式。

请注意: 在更新后的编辑器中无法将表单设置为原始 HTML。只有使用传统编辑器创建的表单才能设置为原始 HTML

要设置表单样式

  1. 在 HubSpot 帐户中,导航到营销 > 表单
  2. 创建一个新表单,或将鼠标悬停在现有表单上,然后单击 "编辑"。
  3. 在左侧单击样式图标

The form editor with the left panel displaying styles options, including branding, fields, buttons, paragraph, heading, background, and the progress bar.

  1. 自定义文本输入字段按钮时,可以使用快速字段输入样式从现有样式中进行选择。或者,也可以为表单的每个组件手动定制样式:
    • 字段: 自定义字段,包括背景和边框。您还可以自定义标签的字体、字号和颜色,以及帮助文本、占位符和错误文本的颜色。
    • 按钮:自定义按钮的高度、圆角、背景、渐变,并为按钮添加阴影。还可以自定义按钮文本的字体、字号和颜色。
    • 段落(富文本):自定义正文的字体、字号和颜色。
    • 标题: 自定义标题的字体和文本颜色。您可以选择为标题文本添加阴影。
    • 背景:自定义表单和表单步骤的背景。您可以选择设置背景颜色或使用图片作为背景。您可以使用AI 助手生成图片。您还可以选择为表单设置边框。
    • 进度条:自定义表单上的进度条,包括进度线的颜色和进度条的字体。

自动生成表单

打开简单的自动化功能,如向联系人发送后续电子邮件或向其他 HubSpot 用户自动发送内部电子邮件通知。您还可以将表单提交作为简单工作流程的触发器。

  1. 在 HubSpot 帐户中,导航到营销 > 表单
  2. 创建新表单 ,或将鼠标悬停在现有表单上,然后单击 "编辑 "。
  3. 在左侧面板中,单击settis automati workflows 自动化图标
  4. 在 " 自动处理提交表单后发生的情况 "部分:

    • 要在每次提交表单后自动触发后续电子邮件,请在 "提交表单后发送电子邮件 "下单击 "创建此工作流"。
    • 要从空白模板创建自己的工作流程,请在 "创建自己的简单工作流程"下单击 "创建新工作流程"。在右侧滑入式面板中,在 "当......时触发操作"下,选择 "联系人提交了表单"选项。
  5. 要添加其他工作流程操作,请单击+ 加号图标
  6. 要打开工作流程,请单击工作流程名称旁边的 "打开" 按钮。然后,单击 "获取"。发布简单工作流程后,对工作流程所做的任何更改都将自动应用于当前注册的联系人。
  7. 如果您选择了表单自动化测试版 的 "通知 "功能,则可以在自动化需要审核和注册率发生变化时通知用户:
    • 要在工作流程中出现任何需要您注意的错误时接收通知,请打开 "在此自动化需要审核时获得通知"开关。
    • 要在注册率波动时接收通知,请打开 "注册率变化时获得通知"开关。然后,从以下选项中进行选择:
      • 使用 Breeze 智能:打开此开关,根据过去 30 天的数据自动检测注册率的任何变化。
      • 使用手动范围:打开此开关,手动设置一个固定的注册率阈值,当超过此阈值时将触发通知。

        forms-automation-notification-settings
    • 在 "通知收件人"部分,单击 "用户"和 "团队"下拉菜单,选择要发送通知的收件人。只有为至少一个渠道打开 HubSpot 通知的用户才能收到这些通知。

了解有关使用表单自动化的更多信息。

自定义表单设置

配置表单的设置,包括表单提交后相应联系人的情况、用户通知设置和表单的默认语言。您还可以设置联系人的营销状态、生命周期阶段等。某些选项可能不会显示,这取决于您的 HubSpot 订阅情况。

  1. 在 HubSpot 帐户中,导航到营销 > 表单
  2. 创建新表单 或将鼠标悬停在现有表单上,然后单击 "编辑 "。
  3. 在左侧面板中,单击settings 设置图标
  4. 常规选项卡上,配置以下常规表单设置:
    • 自动从未知电子邮件地址创建新联系人选择此选项可为每个提交的唯一电子邮件地址创建新联系人记录。如果提交的电子邮件地址与数据库中的现有联系人记录相匹配,则会更新现有记录的详细信息。
      • 如果关闭此选项,HubSpot 会首先尝试使用提交的电子邮件地址将提交信息与现有联系人关联。如果该电子邮件地址不存在联系人,HubSpot 将根据其浏览器中的 cookies 识别并更新联系人。如果同一设备多次提交同一表单,这可能会导致联系人被覆盖。
      • 如果打开此选项,当联系人在已有 cookie 的浏览器上使用不同的电子邮件提交表单时,将不会跟踪该联系人的浏览量。使用已知值预填联系人字段添加链接重置表单选项也将自动关闭。
    • 将新联系人设置为营销联系人如果你的 HubSpot 账户可以访问营销联系人,你就可以自动将提交过该表单的任何联系人设置为营销联系人。这包括新联系人和现有联系人。
    • 为回访者预填字段如果联系人之前访问过你的网站并提交了表单,而且 HubSpot 能够存储和跟踪他们的 cookies,那么任何已知字段值都可以预填在表单上。该选项默认打开。了解有关预填充表单字段的更多信息。
    • 表单缩短:如果您拥有HubSpot信用点数,您可以通过自动隐藏任何可由数据丰富功能填写的表单字段来简化您的表单。了解有关表单缩短的更多信息。
    • 添加重置表单的链接:如果您已打开为回访者预填充字段,您还可以在表单中添加重置链接。如果打开了该选项,访客可以单击 "不是您?单击此处重置表单,以清除任何预填充表单字段。重置表单时
      • 特定表单提交的 Cookie 跟踪将被关闭。任何现有的跟踪 cookie 都不会被覆盖。
      • 表单提交将为与现有联系人记录不匹配的电子邮件地址创建新的联系人记录。
    • 添加到营销活动:如果您订阅了Marketing Hub Professional Enterprise,则可以将表单与营销活动关联:
      • 要将表单与现有营销活动关联,请单击营销 活动下拉菜单并选择一个营销活动
      • 要将表单与新广告系列关联,请单击广告系列下拉菜单并单击创建广告系列。然后继续设置广告系列。
    • 提交时,更新联系人和公司生命周期阶段 单击设置生命周期阶段下拉菜单并选择生命周期阶段。访客提交表单时,任何新记录或现有记录都将设置为所选的生命周期阶段。
      • 不能将记录的生命周期阶段向后移动。如果生命周期阶段较后的现有联系人或公司提交表单,生命周期阶段将不会更新。
      • 表单中设置的生命周期阶段将覆盖 HubSpot 设置 中配置的默认生命周期阶段
  1. 要自定义提交设置,请在左侧面板中单击 "提交设置 "选项卡。自定义以下表单提交设置:
    • 发送给联系人所有者: 自动向联系人所有者发送通知。如果联系人没有所有者,则不会发送通知。了解有关HubSpot 中对象所有权的更多信息。
    • 发送给其他用户: 选择要发送提交电子邮件通知的默认团队或个人,与联系人所有权无关。此处设置的收件人将被 HubSpot 页面表单选项中设置的收件人覆盖。
    • 要阻止的其他电子邮件域:输入要阻止表单提交的特定电子邮件域。例如,如果要阻止从email@domain.com 提交表单,可以添加 domain.com。要阻止来自所有免费电子邮件提供商的提交,请单击切换 "阻止免费电子邮件提供商"开关。

forms-submission-settings
  1. 要自定义表单语言设置,请单击"语言和地区"选项卡。单击主要语言下拉菜单,然后为表单选择默认语言。错误信息、默认属性标签、帮助文本、占位符文本和默认值都将翻译成这种语言。
  2. 创建表单的人工智能翻译仅限Marketing HubContent Hub ProfessionalEnterprise):
    • 切换 "为所有表单内容启用人工智能翻译"开关。
    • 主要语言 下拉菜单中选择要将表单翻译成的语言。错误信息、默认属性标签、帮助文本、占位符文本、默认值、自定义标签、富文本和同意文本将自动翻译为该语言。
    • 如果您在上次翻译后更新了表单,请单击 "立即重新翻译 "更新翻译。
forms-language-region-settings

管理表单字段的实时验证

如果你 为某个属性设置了验证规则,这些规则将适用于表单字段,游客必须满足这些要求才能提交表单。表单字段上的实时验证可为游客提供有关其输入的即时反馈,从而更容易纠正错误并准确填写表格。

例如,如果您为 "订单号"属性设置了只能包含数值的验证规则,那么游客就会收到反馈,以纠正任何非数值输入。

2024-08-01_09-10-53
默认情况下,表单上的实时验证是打开的。要管理表单字段上的实时验证,请执行以下操作
  1. 在 HubSpot 帐户中,单击顶部导航栏中的 settings“设置”图标
  2. 在左侧边栏菜单中,导航至营销>表单

  3. 单击 "提交设置"选项卡。
  4. 打开或关闭启用表单字段实时验证开关。
  5. 在左下角单击保存。

发布和共享表单

创建新表单或更新表单后,您需要更新表单,使更改生效。然后,您可以将表单嵌入 HubSpot 页面或 CTA。如果您的内容托管在 HubSpot 之外,您可以复制表单嵌入代码使用共享链接共享独立的表单页面。

发布和共享表单

  1. 在 HubSpot 帐户中,导航到营销 > 表单
  2. 创建一个新表单,或将鼠标悬停在现有表单上,然后单击 "编辑"。
  3. 在右上角单击 "审核和更新 " 发布表单更新。
  4. 在右侧面板底部,单击更新
  5. 要嵌入或共享表单,请选择以下选项之一:
    • 用 HubSpot 嵌入:将 表单嵌入 HubSpot CMS 网站页面、登陆页面或 HubSpot CTA。
      • 在 "选择将表单嵌入 HubSpot 网站、登陆页面或 HubSpot CTAs "部分,选择一个内容选项
      • 单击下拉菜单,选择应嵌入表单的目标页面或 CTA。
    • 获取嵌入代码:使用嵌入代码将表单添加到外部托管页面。要跟踪外部页面上表单的分析结果,必须在页面上安装 HubSpot跟踪代码。了解有关在外部网站添加HubSpot表单的更多信息。
      • 在底部点击 "复制"。
      • 嵌入代码粘贴到页面的HTML模块中。
    • 复制分享链接:使用 URL 将表单作为独立页面分享。
      • 单击 "复制 "将表单页面的 URL 复制到剪贴板。
      • 在浏览器中打开一个新窗口或标签页,然后在地址栏中粘贴 表单页面的 URL以加载它。您也可以直接与他人共享表单页面的 URL,让他们访问表单。

The form editor share options, highlighting the option to embed the form on a HubSpot page or CTA.

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