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

创建和编辑表格

上次更新时间: 2025年11月5日

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

使用表单编辑器创建并使用表单,收集访客信息并存储在您的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. 若要将现有属性作为连接属性与表单字段关联,请使用搜索栏查找 现有属性。所添加字段的对象类型将决定表单提交是否显示在关联记录的活动时间轴上。

请注意:

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.

添加并编辑表单感谢信息或重定向网址

当访客提交表单时,可显示感谢信息或将其重定向至页面/会议链接。若您在新表单编辑器 (测试版) 启用了支付功能,可将访客重定向至支付链接。

  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 添加筛选条件至本组
  9. 要向规则添加新组,请点击 add 添加组。
  10. 若规则中已添加多个过滤器或组,请点击过滤器与组之间的AND OR下拉菜单应用逻辑运算
    • AND:规则中所有过滤器条件均需满足,规则才会触发。
    • OR:组内仅需一个筛选条件为真即可触发规则。 了解AND或OR逻辑详情
  11. 在“然后”部分,点击下拉菜单选择表单操作。可选项包括:
    • 显示字段:若用户回答符合规则设定条件,则显示特定字段。
    • 隐藏字段:当用户回答符合规则设定条件时,隐藏特定字段。
    • 跳转至步骤:若用户回答符合规则设定条件,跳转至特定步骤。使用此选项需确保表单至少包含三个步骤。了解如何添加表单步骤
    • 重定向至:当访客回答符合规则设定条件时,将其重定向至HubSpot页面或外部网址。Sales Hub Enterprise或 Service 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. 要调整步骤顺序,请将鼠标悬停在步骤上,然后在步骤左上角点击并拖动Step [x] 进行重新定位
  2. 克隆步骤时,请悬停于步骤上方并点击duplicate 克隆图标。包含电子邮件、reCAPTCHA或数据隐私字段的步骤无法克隆。
  3. 要删除步骤,请将鼠标悬停在步骤上,点击delete 删除图标
请注意:
  • 表单提交仅在访客完成所有步骤后生效。若访客完成首步操作但未完成后续步骤,首步字段数据将不会提交至表单。
  • 每个表单最多可添加20个步骤

添加和编辑进度条

需要订阅 需订阅Marketing HubStarterProfessionalEnterprise套餐方可添加和编辑进度条。

进度条可直观显示用户已完成表单的比例,从而提升表单完成率。

  1. 要启用进度条,请将鼠标悬停在表单步骤上,点击edit 编辑图标。
    • 在左侧面板中,点击进度条开关开启功能。进度条将自动添加至表单所有步骤。
  2. 要编辑进度条格式,请在左侧面板的"格式"下方选择文本显示方式。可选项包括:显示完成百分比显示步骤数量或 不显示文本

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


编辑步骤布局和背景横幅

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

  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将优先尝试通过提交的邮箱地址关联现有联系人。若该邮箱不存在对应联系人,系统将根据浏览器Cookie识别并更新联系人信息。若同一设备多次提交相同表单,可能导致联系人信息被覆盖。
      • 若此选项开启,当联系人使用已存在Cookie的浏览器通过不同邮箱提交表单时,该联系人的浏览记录将不被追踪。"预填已知值的联系人字段"及"添加重置表单链接"选项也将自动关闭。
    • 将新联系人设为营销联系人:若 您的HubSpot账户具备营销联系人权限,可自动提交此表单的联系人(含新老联系人)设为营销对象。
    • 为回访者预填字段若联系人曾访问您的网站并提交过表单,且HubSpot成功存储并追踪其Cookie,则表单中所有已知字段值均可预填。此选项默认开启。了解更多关于预填表单字段的信息。
    • 表单精简:若您持有HubSpot积分,可通过自动隐藏可由数据增强功能填充的字段来优化表单。了解更多表单精简功能
    • 添加表单重置链接:若已启用"为回头访客预填字段"功能,您还可在表单中添加重置链接。开启此选项后,访客可点击表单中的"不是您?点击此处重置"按钮清除所有预填字段。表单重置时:
      • 该表单提交的Cookie追踪功能将关闭。现有追踪Cookie不会被覆盖。
      • 表单提交将为不匹配现有联系人记录的邮箱地址创建新联系人记录。
    • 添加至营销活动:若您订阅了Marketing Hub Professional Enterprise,可将表单关联至营销活动:
      • 若要关联现有活动,请点击活动下拉菜单并选择目标活动
      • 若要关联新活动,请点击活动下拉菜单,选择创建活动,随后继续设置活动。
    • 提交时更新联系人及公司生命周期阶段 点击"设置生命 周期 阶段为"下拉菜单并选择阶段。当访客提交表单时,所有新增或现有记录将被设置为所选生命周期阶段。
      • 无法将记录的生命周期阶段回退。若现有联系人或公司当前生命周期阶段更晚,提交表单时该阶段不会更新。
      • 表单中设置的生命周期阶段将覆盖您在 HubSpot 设置中配置的默认生命周期阶段
  1. 要自定义提交设置,请在左侧面板点击"提交设置" 选项卡。可自定义以下表单提交设置:
    • 发送给联系人所有者:自动向 联系人所有者发送通知。若联系人无所有者,则不发送通知。了解HubSpot 中对象所有权的更多信息。
    • 发送给其他用户:选择 接收表单提交邮件通知的默认团队或个人,不受联系人所有权限制。此处设置的收件人将被HubSpot页面表单选项中设置的收件人覆盖。
    • 需屏蔽的附加邮箱域名:输入需阻止表单提交的特定域名。例如若需屏蔽email@domain.com提交,可添加domain.com。若需屏蔽所有免费邮箱服务商提交,请点击开启"屏蔽免费邮箱服务商"开关。

A screenshot of the form editor, displaying form submission settings.
  1. 要自定义表单语言设置,请点击"语言与区域"选项卡。点击"主要语言"下拉菜单,为表单选择默认语言。错误提示、默认属性标签、帮助文本、占位符文本及默认值均将转换为此语言。
  2. 创建表单的AI翻译(仅限Marketing HubContent Hub专业版 及企业版):
    • 开启“为所有表单内容启用AI翻译”开关
    • 在“主要语言”下拉菜单 ,选择 表单的翻译目标语言。错误提示、默认属性标签、帮助文本、占位符文本、默认值、自定义标签、富文本及同意文本将自动转换为此语言。
    • 若表单内容自上次翻译后有更新,请点击立即重新翻译以更新译文。
A screenshot of the form editor, displaying form language and region settings.

管理表单字段实时验证

若您 已为属性设置验证规则,这些规则将应用于表单字段,访客必须满足要求才能提交表单。实时验证功能可即时反馈输入内容,便于访客修正错误并准确完成表单。

例如,若您为 订单编号属性设置了仅限数字值的验证规则,访客输入非数字内容时将收到修正提示。

A screenshot of form validation rules displaying warning messages on the live form.
默认情况下,表单实时验证功能处于开启状态。管理表单字段实时验证的方法如下:
  1. 在 HubSpot 帐户中,单击顶部导航栏中的 settings“设置”图标
  2. 在左侧边栏菜单中,导航至营销>表单

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

发布并分享您的表单

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

发布并分享表单的步骤:

  1. 在 HubSpot 帐户中,导航到营销 > 表单
  2. 创建新表单或悬停于现有表单并点击编辑。
  3. 在右上角点击"审核并更新"以 发布表单更新。
  4. 在右侧面板底部点击更新
  5. 要嵌入或分享表单,请选择以下任一选项:
    • 通过HubSpot嵌入:将 表单嵌入HubSpot CMS网站页面、落地页或HubSpot CTA中。
      • “选择将表单嵌入HubSpot网站/落地页或CTA”区域 ,选择内容选项
      • 点击下拉菜单,选择表单需嵌入的目标页面或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 帮助