创建和自定义表单

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

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

创建表单

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

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

向表单添加字段

表单字段用于收集访客的特定信息，并将其映射到 CRM 中的属性。

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

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

编辑表单字段选项

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

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

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

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

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

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

创建多步骤表单

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

要添加表单步骤：

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

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

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

显示进度条

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

要启用进度条：

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

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

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

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

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

应用条件逻辑 

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

使用条件逻辑可实现：

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

条件逻辑无法应用于 reCAPTCHA 或数据隐私控件。每个表单最多可添加 100 条规则，每条规则包含 10 个条件。 

在表单中设置条件逻辑

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

配置条件逻辑规则

1. 在 “规则”部分，配置您的条件逻辑规则。例如，如果您按“城市”进行筛选并选择“是都柏林”， 则该 条件逻辑规则仅适用于值为“都柏林”的记录。
   
2. 要删除筛选条件，请点击删除图标。
3. 要克隆筛选条件，请点击duplicate 图标。
4. 若要向该规则添加更多筛选条件，请点击add，然后选择“添加筛选条件到此组”。
5. 若要向规则添加另一个组，请点击 add组”。
6. 如果您已向规则中添加了多个筛选条件或组，请点击筛选条件和组之间的“AND OR”下拉菜单，以应用“AND”或“OR”逻辑：
   • “且（AND）”：规则中的所有筛选条件必须均为真，该规则才会触发。
   • OR：该规则中只需一个过滤器为真，规则即可触发。 了解有关“AND”或“OR”逻辑的更多信息。

配置满足规则时的操作

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

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

1. 在“Then”部分，点击下拉菜单以选择表单操作：
   
   • 显示字段：如果用户的回答符合规则中设定的条件，则显示特定的字段、富文本模块、标题或图片。
   • 隐藏字段：如果用户的回答符合您在规则中设置的条件，则隐藏特定字段、富文本模块、标题或图片。
   • 跳转到步骤（已弃用）：如果用户的回答符合您在规则中设置的条件，则跳转到特定步骤。要使用此操作，您的表单必须包含三个或更多步骤。了解有关添加表单步骤的更多信息。
   • 隐藏步骤：如果访客满足条件，表单中的相应步骤将对其隐藏。要使用此操作，您的表单必须包含两个或更多步骤。 
   • 显示步骤：仅当访客满足条件时，表单步骤才会向其显示。如果访客不满足条件，所选步骤在表单中将保持隐藏状态。要使用此操作，您的表单必须包含两个或更多步骤。
   • 重定向至：如果访客的回答符合您在规则中设置的条件，则将其重定向至 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. 在表单编辑器中，点击settis automati workflows ”图标。

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

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

开启表单自动化通知

请注意：如果您是超级管理员，可以将您的账户加入 表单自动化通知 测试版。

在表单编辑器中启用简单工作流后，当表单自动化需要审核或注册率发生变化时，系统会通知用户。

1. 在表单编辑器中，点击settis automati “自动化 workflows ”图标。
2. 在简单工作流的右上角，点击“操作”，然后 选择“编辑通知”。 
3. 在右侧面板中，将“当此自动化出现问题时接收通知”开关 拨至“开”的位置 ，以便在出现需要关注的错误时接收通知。
4. 若要在注册率波动时接收通知，请打开“注册率发生变化时接收通知”开关。然后，从以下选项中进行选择：

• • 使用 Breeze Intelligence：打开此开关，系统将根据过去 30 天的数据自动检测注册率的任何变化。
  • 使用手动范围：打开此开关，可手动设置固定的比率阈值，当超过该阈值时将触发通知。

5. 在“通知接收者 ”部分，点击 “用户 和 团队 ”下拉菜单，并选择 要发送通知的 接收者 。 只有为至少一个渠道开启了 HubSpot 通知 的用户 才能接收这些通知。

配置表单设置

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

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

1. 在你的 HubSpot 帐户中，单击更多，然后导航到营销 > 表单。如果你的帐户中未显示更多，请直接导航到营销 > 表单。
2. 创建新表单 或将鼠标悬停在现有表单上并点击“编辑”。
3. 在表单编辑器中，点击settings 图标。
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，以便他们访问该表单。

后续步骤 

• 分析表单提交数据。

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