创建和自定义表单

使用 HubSpot 表单从访客处收集信息，并在您的 CRM 中创建或更新记录。捕获潜在客户、收集客户信息，并触发后续操作，例如发送电子邮件或将联系人添加到细分群体中

。

例如，在着陆页上添加一个表单，用于收集电子报的电子邮件地址。然后，在访客提交表单后发送一封自动跟进邮件。

创建表单

创建表单以收集访客信息，并将这些信息录入 CRM。 

1. 在你的 HubSpot 帐户中，单击更多，然后导航到营销 > 表单。如果你的帐户中未显示更多，请直接导航到营销 > 表单。
2. 若要将表单与特定品牌关联，请点击您的 个人头像，导航至“品牌”，然后选择 品牌 。了解有关将资产与品牌关联的更多信息。 
3. 在右上角，点击“创建表单”。
4. 选择 “表单编辑器”，然后点击“下一步”。 
5. 选择一个现成模板，然后点击“使用模板”。若要创建自定义表单，请使用“从空白模板开始”。 

向表单添加字段

表单字段用于收集访客信息，并将信息存储在特定的 CRM 属性中。字段关联的属性决定了数据将存储在哪个对象上（例如，联系人或公司）。例如，如果您将一个字段连接到默认的公司属性“公司名称”，则可能会创建或更新一条公司记录，并将其与该联系人关联。

1. 在表单编辑器的左上角，点击“+”添加图标。
2. 在“字段”面板中，点击并拖动字段类型到表单上。
3. 在“编辑字段”面板中，将字段连接到现有或新的属性：
   • 现有属性：搜索并选择一个现有属性来连接该字段。
   • 新建属性：点击“创建新属性”。在右侧面板中设置属性，然后点击“创建属性”。

创建完成后，新属性会自动与所选表单字段建立连接。在属性设置中，“在表单和聊天流程中显示”选项默认处于选中状态。了解如何管理属性。

表单中支持的属性类型

并非所有属性类型都支持在表单中使用。请参阅下表，了解支持和不支持的属性类型的完整列表。

了解有关不同属性类型及其在 HubSpot 中的使用方法的更多信息。

编辑表单字段选项

将字段添加到表单后，请编辑该字段的选项： 

1. 在表单编辑器中，点击要编辑的字段。 

2. 在“编辑字段”面板中，转到“字段选项”部分。以下选项可能会因字段的属性类型而有所不同：
   • 帮助文本：显示在字段标签下方的说明性文本。
   • 占位符文本： 在输入前显示在字段内的文本 。当访客在字段中输入值时，占位符文本会自动清除。即使字段保持为空，该值也不会包含在提交数据中。
   • 默认值： 除非访客更改，否则该字段默认提交的值。
   • 隐藏字段：启用此选项后，该字段的值将通过表单提交设置，但访客无法看到该字段。启用此设置后，请设置表单提交时将传递给该属性的默认值。
   • 必填字段：启用此选项后，必须填写该字段才能提交表单。如果某个表单字段已被设为必填，则无法将其设为隐藏字段。

添加文本、媒体、安全和隐私元素

通过添加文本、图片和标题来自定义表单。了解如何在表单中添加数据隐私和同意选项以及reCAPTCHA。 

1. 在表单编辑器的左上角，点击“+”添加图标。
2. 在左侧面板中，点击“其他”。
3. 点击并拖动文本和媒体元素 到表单上。 
4. 配置每个元素：
   • 图片：点击“上传 ”或 “浏览图片 ”以添加图片，或点击“生成 ”使用 Breeze 创建内容。
   • 标题：在表单字段中输入标题文本。
   • 富文本：在表单字段中输入文本。若要编辑文本样式， 请在左侧面板中 点击 “在展开视图中编辑 ”。 

创建多步骤表单

使用多步骤表单可将冗长的表单拆分为多个步骤，从而提高完成率。每个表单最多可添加20 个步骤。

如果在多步骤表单中使用了必填字段，系统会提示访客先填写必填字段，然后才能继续进行下一步。

要添加表单步骤：

1. 在你的 HubSpot 帐户中，单击更多，然后导航到营销 > 表单。如果你的帐户中未显示更多，请直接导航到营销 > 表单。

2. 创建新表单，或将鼠标悬停在现有表单上并点击“编辑”。
3. 在右侧面板中，将鼠标悬停在两个现有步骤之间，然后点击“+”添加图标。将出现一个新的步骤区域。随后，您可以在步骤面板中设置表单字段和其他表单元素。

4. 要调整步骤的顺序，请将鼠标悬停在该步骤上。然后，在步骤左上角点击并拖动“步骤 [x]”以 重新定位。
5. 要克隆一个步骤，请将鼠标悬停在该步骤上，然后点击“复制 ”克隆图标。包含电子邮件、reCAPTCHA 或数据隐私字段的步骤无法克隆。
6. 要删除步骤，请将鼠标悬停在该步骤上，然后点击删除图标。

显示进度条

进度条可直观显示用户已完成的表单进度，从而提高表单完成率。

要启用进度条：

1. 在表单编辑器中，将鼠标悬停在表单步骤上，然后点击编辑图标。
2. 在“编辑步骤”面板中，打开“进度条”开关。进度条将添加到所有表单步骤中。 
3. 在“格式”部分，选择进度指示器（即百分比或步骤数）。

自定义表单确认消息或重定向

当访客提交表单时，显示感谢消息，或将访客重定向至某个页面、会议链接或支付链接。 

1. 在表单编辑器的左上角，点击“内容”图标（siteTreeIcon）。 
2. 在左侧面板中，点击“提交时”。您也可以在编辑器中点击表单步骤。 
3. 在“选项”选项卡中，选择表单提交后要显示的内容：
   • 显示感谢信息：将鼠标悬停在默认感谢信息上，然后点击编辑图标来添加或编辑文本。 
     • 若要在展开的富文本编辑器中编辑感谢信息，请在左侧面板的“富文本”下点击“在展开视图中编辑”。 
   • 重定向至页面、URL、会议或支付链接：当访客提交表单时，将其重定向至 HubSpot 页面、会议链接、支付链接或特定 URL。 
     • 点击“重定向到页面、URL、会议或支付链接”下拉 菜单，然后选择您的重定向内容或输入特定 URL。 

若要设置条件逻辑，根据访客的表单回复将其重定向到特定页面，请了解如何添加条件逻辑。

应用条件逻辑 

条件逻辑可根据访客的回答显示或隐藏表单元素，或将访客重定向至不同页面。这有助于您为访客打造更个性化、更相关的表单体验。例如，当访客选择特定选项时，您可以显示额外字段；或者根据访客的回答，将其重定向至不同的页面。

使用条件逻辑可：

• 显示或隐藏字段、文本、图片或标题。
• 在多步骤表单中显示或隐藏表单步骤。
• 在表单提交后将访客重定向。

对于每个表单，您可以添加最多 100 条规则，每条规则包含 10 个条件。 

为表单添加条件逻辑

1. 在你的 HubSpot 帐户中，单击更多，然后导航到营销 > 表单。如果你的帐户中未显示更多，请直接导航到营销 > 表单。
2. 创建新表单 或将鼠标悬停在现有表单上，然后点击“编辑”。
3. 在表单编辑器的左上角，点击工作流 逻辑图标。
4. 在侧边栏编辑器中，点击“添加逻辑”。

配置规则

1. 在“规则”部分，点击“如果”字段下拉菜单，并选择应应用该规则的表单字段。
2. 点击运算符下拉菜单，并选择运算符（例如，“是其中之一”或“具有该值”）。
3. 点击“选项”下拉菜单，选择或输入表单字段选项。

例如，如果您的规则是“活动地点为纽约”， 则该条件逻辑仅适用于值为 “纽约”的记录 。

要自定义或优化规则，请执行以下任一操作：

• 若要向规则添加更多筛选条件，请点击“添加”>“向此组添加筛选条件”。
• 若要向规则添加另一个组，请点击 “添加组”。
• 如果您已向规则添加了多个筛选条件或组，请点击筛选条件和组之间的“AND OR”下拉菜单，以应用“AND”或“OR”逻辑：
  • “且（AND）”：规则中的所有筛选条件必须均为真，该规则才会触发。
  • OR：该规则中仅需一个筛选条件为真，即可触发规则。 了解有关“AND”或“OR”逻辑的更多信息。
• 要删除筛选条件，请点击删除图标。
• 要克隆筛选器，请点击“克隆” 图标。

设置操作

配置规则后，请选择在满足规则条件时要执行的操作。

请注意： “跳转到步骤”表单操作已弃用。如果您的表单正在使用条件逻辑跳过表单步骤，现有逻辑将继续隐藏您的表单步骤。在编辑现有表单的逻辑时，建议将 “跳转到 步骤”操作 替换 为 “隐藏 步骤 ”或“显示步骤”。

1. 在“然后”部分，点击下拉菜单以选择表单内操作：
   
   • 显示字段：如果用户的回答符合规则中设置的条件，则显示特定的字段、富文本模块、标题或图片。
   • 隐藏字段：如果用户的回答符合规则中设定的条件，则隐藏特定的字段、富文本模块、标题或图片。
   • 跳转到步骤（已弃用）：如果用户的回答符合您在规则中设置的条件，则跳转到特定步骤。要使用此操作，您的表单必须包含三个或更多步骤。了解有关添加表单步骤的更多信息。
   • 隐藏步骤：如果访客满足条件，表单中的相应步骤将对其隐藏。要使用此操作，您的表单必须包含两个或更多步骤。 
   • 显示步骤：仅当访客满足条件时，表单步骤才会向其显示。如果访客不满足条件，所选步骤在表单中将保持隐藏状态。要使用此操作，您的表单必须包含两个或更多步骤。
   • 重定向至：如果访客的回答符合您在规则中设置的条件，则将其重定向至 HubSpot 页面、外部 URL 或支付链接。位于 Sales HubEnterprise或 Service Hub Enterprise账户的用户可将表单重定向至预约页面。 
2. 根据所选操作，填写必填字段。
3. 配置规则后，请点击 “保存并激活”。

设置表单样式

要创建与您的品牌形象相符的表单，请自定义表单的外观，包括字段、按钮和背景。 

请注意： 在表单编辑器中无法将表单设置为原始 HTML。只有使用旧版编辑器创建的表单才能设置为原始 HTML。

要设置表单样式：

1. 在你的 HubSpot 帐户中，单击更多，然后导航到营销 > 表单。如果你的帐户中未显示更多，请直接导航到营销 > 表单。
2. 创建新表单，或将鼠标悬停在现有表单上并点击“编辑”。
3. 在左侧，点击“样式”图标。

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

编辑步骤布局和背景横幅

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

1. 在表单编辑器中，将鼠标悬停在表单步骤上，然后点击右上角的编辑图标。
2. 在左侧面板中，点击“样式”选项卡并选择一个步骤布局。
3. 若要删除该布局，请点击右上角的“删除布局 ”。

4. 在“ ”的“横幅背景”部分， 打开 “背景颜色 ”开关以自定义表单的背景颜色。
5. 选择颜色和不透明度。
6. 点击“渐变”下拉 菜单以添加渐变效果。
7. 若要使用图片作为横幅背景，请点击 “上传” 或 “浏览图片” 以添加图片，或点击 “使用 AI 生成 ”通过 Breeze 生成内容。 

自动化后续操作

表单提交后，可使用简单工作流发送电子邮件、通知用户或将联系人添加到受众群体。了解有关在表单中使用自动化的更多信息。

要在表单编辑器中创建简单工作流：

1. 在你的 HubSpot 帐户中，单击更多，然后导航到营销 > 表单。如果你的帐户中未显示更多，请直接导航到营销 > 表单。
2. 创建新表单 或将鼠标悬停在现有表单上并点击“编辑”。
3. 在表单编辑器中，点击“设置”> “自动化 工作流 ”图标。

4. 在 “表单提交后的自动化操作” 部分中：

   • 若要在每次表单提交后自动触发跟进邮件，请在“表单提交后发送邮件”下，点击“创建此工作流”。
   • 若要从空白模板创建自己的工作流，请在“创建自己的简单工作流”下，点击“创建新工作流”。在右侧滑出面板的“何时触发操作”下，选择“联系人提交了表单”选项。
5. 要添加其他工作流操作，请点击“ +”号图标。
6. 要启用工作流，请在工作流名称旁边将开关 拨至“开”的位置 。然后，点击“已了解”。

配置表单设置

表单设置控制联系人的创建方式以及表单提交后用户接收通知的方式。使用这些设置可管理联系人的创建、通知、语言偏好等。表单选项因您的 HubSpot 订阅套餐而异。

要在表单编辑器中访问设置：

1. 在你的 HubSpot 帐户中，单击更多，然后导航到营销 > 表单。如果你的帐户中未显示更多，请直接导航到营销 > 表单。
2. 创建新表单 或将鼠标悬停在现有表单上并点击“编辑”。
3. 在表单编辑器中，点击设置 图标。
4. 使用左侧面板中的选项卡配置表单设置。

设置通用表单设置

使用“设置”选项卡配置联系人创建方式、开启表单缩短功能，并将表单与营销活动关联。 

• 从未知电子邮件地址自动创建新联系人： 选择此选项，系统将为每个带有唯一电子邮件地址的提交创建新的联系人记录。如果提交的电子邮件地址与数据库中的现有联系人记录匹配，则现有记录的详细信息将被更新。
  • 如果此选项处于关闭状态，HubSpot 将首先尝试根据提交的电子邮件地址将表单提交与现有联系人关联。如果该电子邮件地址下不存在联系人，HubSpot 将根据浏览器中的 Cookie 识别并更新您的联系人。如果从同一设备多次提交同一表单，这可能会导致联系人记录被覆盖。
    
  • 如果启用此选项，HubSpot 将不会使用现有的浏览器 Cookie 将表单提交与之前已跟踪的联系人关联。同时，“为回头客预填表单字段”和 “添加重置表单链接”选项也将自动关闭。
• 将新联系人设为营销联系人：如果 您的 HubSpot 账户具有访问营销联系人的权限，则会自动将所有提交表单的联系人设为营销联系人。这包括新联系人及现有联系人。
• 为回头客预填表单字段：如果某联系人此前曾访问过您的网站并提交过表单，且 HubSpot 能够存储并跟踪其 Cookie，则表单中任何已知的字段值均可被预填。此选项默认处于开启状态。了解有关预填表单字段的更多信息。

• 表单简化：通过自动隐藏可通过数据增强填充的表单字段，从而简化表单。了解有关表单简化的更多信息。
• 添加表单重置链接：如果您已启用“为回头客预填表单字段”功能，还可以向表单添加重置链接。如果启用此选项，访客可以点击表单上的“不是您？点击此处重置”来清除所有预填的表单字段。当表单被重置时：
  • 该表单提交的 Cookie 跟踪功能将被关闭。任何现有的跟踪 Cookie 都不会被覆盖。 
  • 如果提交的表单中的电子邮件地址与现有联系人记录不匹配，系统将为此创建一条新的联系人记录。 

• 添加到营销活动：如果您订阅了Marketing Hub Professional 或 Enterprise套餐，则可以将表单与营销活动关联：
  • 若要将表单关联到现有营销活动，请点击“营销活动”下拉菜单，并选择与该表单相关的营销活动 。
  • 若要将表单关联到新活动，请点击“活动”下拉菜单，然后点击“创建活动”。随后，继续设置您的活动。

• 表单提交时更新联系人及公司的生命周期阶段： 点击“设置生命周期阶段为”下拉菜单并选择一个生命周期阶段。当访客提交表单时，任何新记录或现有记录都将被设置为所选的生命周期阶段。
  • 您无法将记录的生命周期阶段回退。如果生命周期阶段较晚的现有联系人或公司提交表单，其生命周期阶段将不会更新。
  • 表单中设置的生命周期阶段将覆盖您在 HubSpot 设置中配置的默认生命周期阶段 ： 。

设置表单提交和通知设置

在“提交设置”选项卡中 ，配置表单提交时向用户发送通知的方式，并管理被屏蔽的电子邮件域名。

• 通知联系人所有者：自动向 联系人所有者发送通知。如果联系人没有所有者，则不会发送任何通知。了解有关HubSpot 中对象所有权的更多信息。
• 添加需通知的用户： 在下拉菜单中，勾选应接收表单提交通知的用户或团队旁边的复选框，无论联系人的所有权归属如何。在表单编辑器中设置的任何收件人，都将被 HubSpot页面表单模块中设置的收件人覆盖。

• 要屏蔽的电子邮件域名：输入要屏蔽的特定电子邮件域名，以阻止其提交表单。例如，若要屏蔽来自email@domain.com 的提交，可添加 domain.com。若要屏蔽所有免费电子邮件提供商的提交，请开启“屏蔽免费电子邮件提供商”开关。

将表单连接到收件箱或客服系统

在“工单”选项卡中 ，将表单连接到收件箱或服务台，以便每次提交表单时创建一条工单。 

要将表单连接到收件箱或客服系统：

1. 切换 “将此表单连接到收件箱或服务台” 开关。

2. 在对话框中，单击 下拉菜单 ，然后选择一个 收件箱 或 服务台，然后点击 “连接”。

设置语言和翻译选项

在“语言和地区”选项卡 中，配置表单的默认语言并管理其 AI 翻译。 

• 主要语言：点击下拉菜单并 选择默认 语言 。错误消息、默认属性的标签、帮助文本、占位符文本和默认值都将被翻译成此语言。
• 重新翻译内容： 如果您在上次翻译后更新了表单，请点击 “立即重新翻译”以更新翻译。

预览表单

发布前请预览表单，以测试其在访客端的外观和行为。表单预览会展示访客的实际体验，包括多步骤导航、条件逻辑和必填字段。这有助于您确认布局、验证逻辑并审查潜在客户捕获流程，而无需生成提交数据。

要预览表单：

1. 在你的 HubSpot 帐户中，单击更多，然后导航到营销 > 表单。如果你的帐户中未显示更多，请直接导航到营销 > 表单。
2. 创建新表单，或将鼠标悬停在现有表单上并点击“编辑”。
3. 在表单编辑器的右上角，点击“预览”。表单默认以桌面预览模式打开。
4. 若要在不同类型的设备上预览表单，请点击顶部的平板电脑图标或手机图标。

5. 若要在多步骤表单中预览特定步骤，请在左上角点击 “预览步骤” 下拉菜单。然后，选择 步骤 。

6. 若要在新标签页中预览表单，请点击右上角的“在新标签页中打开”。
7. 若要与协作者共享预览，请在右上角点击“复制链接”。
8. 若要测试访客行为，请在预览模式下填写表单字段或逐步完成表单步骤。在预览模式下无法提交表单，也不会收集任何提交数据。
9. 要返回表单编辑器，请在左上角点击“退出预览”，然后继续 编辑或发布表单。

请注意：如果您使用了表单缩短功能，表单预览最初只会显示“电子邮件”字段。一旦访客输入了电子邮件地址，系统会检查数据丰富度，以确定需要显示哪些其他字段。

发布和分享表单

创建新表单或更新现有表单后，您需要更新表单才能使更改生效。然后，您可以将表单嵌入 HubSpot 页面或 CTA 中。如果您在 HubSpot 外部托管内容，可以复制表单嵌入代码或使用分享链接来分享独立的表单页面。

要发布和分享表单：

1. 在你的 HubSpot 帐户中，单击更多，然后导航到营销 > 表单。如果你的帐户中未显示更多，请直接导航到营销 > 表单。
2. 创建新表单，或将鼠标悬停在现有表单上并点击“编辑”。
3. 在右上角，点击“审核并更新”以 发布表单更新。
4. 在右侧面板底部，点击“更新”。 
5. 要嵌入或分享表单，请选择以下选项之一：
   
   • 通过 HubSpot 嵌入：将 表单嵌入 HubSpot CMS 网站页面、着陆页或 HubSpot 行动号召（CTA）中。
     • 在“选择将表单嵌入 HubSpot 网站或着陆页，还是与 HubSpot 行动号召 (CTA) 结合使用”部分 ，选择一个内容选项。 
     • 点击下拉菜单，选择需要嵌入表单的目标页面或CTA。
   • 获取嵌入代码：使用嵌入功能将表单添加到外部托管的页面上。若要跟踪外部页面上表单的分析数据，该页面必须已安装 HubSpot跟踪代码。了解有关将 HubSpot 表单添加到外部网站的更多信息。
     • 在页面底部，点击“复制”。
     • 将嵌入代码粘贴到页面上的 HTML 模块中。
   • 复制分享链接：使用 URL 将表单作为独立页面进行分享。

1. 1. • 点击“复制”将表单页面的 URL 复制到剪贴板。
      • 在浏览器中打开一个新窗口或新标签页， 将表单页面的 URL粘贴到地址栏中即可加载该页面。您也可以直接将表单页面的 URL 分享给他人，以便他们访问该表单。

下一步 

• 查看并分析表单提交数据。

• 使用表单提交报告分析表单性能。

• 用例：提高表单转化率。