创建和编辑表格

使用表单编辑器创建和使用表单，以收集访客信息并

将其

存储在您的 HubSpot CRM 中。使用表单编辑器时，您可以创建多步骤表单。随后

，您可以

对表单进行样式设计，以体现您企业的形象和品牌风格。

创建表单后，您可以通过 HubSpot 表单模块将其添加到 HubSpot 页面中，通过表单嵌入代码将其添加到外部网站，或通过分享链接将其作为独立页面分享。

了解限制与注意事项

• 拥有 仅查看权限 无法访问表单。了解更多关于 管理席位。
• 您只能在创建表单时将其与品牌关联。了解如何将表单与品牌关联。

创建新表单

创建新表单的方法：

1. 在 HubSpot 帐户中，导航到营销 > 表单。
2. 在右上角，点击“创建表单”。
3. 选择“ 表单编辑器”。
4. 在右上角，点击“下一步”。
5. 选择现成的模板，或选择“从空白开始”模板以自行创建。
6. 在顶部，点击编辑 图标来 编辑表单名称。

添加和编辑表单字段

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

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

7. 若要添加关联属性，请在左侧面板中单击以展开“关联属性”部分。单击您要与表单字段关联的属性 。
8. 若要将现有属性用作表单字段的关联属性，请 使用搜索栏查找 现有属性。所添加字段的对象类型将决定表单提交是否会显示在相关记录的活动时间轴上。

9. 若要创建新属性并将其作为表单字段的关联属性使用：
   • 点击“创建新属性”。
   • 在右侧面板中，设置表单字段。
   • 检查属性规则，然后点击“创建”。默认情况下，“在表单、弹出表单和机器人中显示” 选项将被 选中。创建新属性后，它将自动与表单字段关联。了解如何管理属性。
10. 要编辑或断开与表单字段关联的属性： 
    • 点击表单字段。 
    • 在左侧面板中，点击“关联属性”以展开该部分。 
    • 要更改属性：
      • 单击“更改属性”。
      • 在对话框中，点击“更改属性”。 
      • 使用搜索栏查找现有属性，或点击“创建新属性”。 
    • 要断开属性连接：
      • 单击“断开属性连接”。
      • 在对话框中，单击“断开属性连接”。
11. 若要将属性作为字段添加到表单中， 请在左侧面板中点击“属性” ：
    • 使用“所有属性”下拉菜单选择联系人、公司、工单或自定义对象属性。
    • 如果您使用的是工单属性，请点击对话框中的下拉菜单，选择“服务台”或“收件箱”以将 表单与其关联。当表单提交时，系统将自动创建工单。
    • 要将该属性作为字段添加到表单中，请单击并拖动该属性至表单预览区域。字段可放置在其他字段的上方、下方或旁边。
12. 添加表单字段后，若要编辑字段选项：

• • 在右侧面板中，点击表单预览中的该字段。
  • 在左侧面板中，单击以展开“字段选项”部分。此处的选项可能因字段的属性类型而异。
    
    • 帮助文本：位于字段标签下方的说明性文本，用于帮助访客填写该字段。
    • 占位符文本： 显示在字段输入框中的文本 。当访客在字段中输入值时，该文本将消失，并且即使字段留空，该文本也不会随表单提交。
    • 默认值： 除非访客更改，否则该字段默认提交的值。
    • 隐藏字段：启用此选项后，该字段的值将通过表单提交设置，但访客无法看到该字段。启用此设置后，请设置表单提交时传递给该属性的默认值。
    • 必填字段：启用此选项后，必须填写该字段才能提交表单。如果某个表单字段已被设为必填，则无法将其设为隐藏。

添加

额外

表单元素

向表单中 添加“文本与媒体”或 “安全”元素 。与表单字段类似，这些元素可放置在其他字段的上方、下方或旁边。

1. 在 HubSpot 帐户中，导航到营销 > 表单。
2. 创建新表单，或将鼠标悬停在现有表单上并点击“编辑”。
3. 在左上角，点击“+”添加图标。
4. 在左侧面板中，点击“其他”。
5. 点击并拖动元素至 右侧的表单预览区域，将其添加到表单中。
   
   

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

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

1. 在 HubSpot 帐户中，导航到营销 > 表单。 
2. 创建新表单，或将鼠标悬停在现有表单上并点击“编辑”。
3. 在左上角，点击“内容”图标。 
4. 在左侧面板中，点击“提交时”。您也可以在编辑器中点击表单步骤。 
5. 在“选项”标签页中，选择表单提交后显示的内容：
   • 显示感谢信息：将鼠标悬停在默认感谢信息上，点击编辑图标以添加或编辑文本。 
     • 若要在展开的富文本编辑器中编辑感谢信息，请在左侧面板的“富文本”下方点击“在展开视图中编辑”。 
   • 重定向至页面、URL、会议或支付链接：当访客提交表单时，将其重定向至 HubSpot 页面、会议链接、支付链接或特定 URL。 
     • 点击“重定向至页面、URL、会议或支付链接”下拉 菜单，然后选择重定向内容或输入特定 URL。 
6. 在右上角，点击“查看并更新”以将更改发布到您的在线表单。 

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

向表单添加条件逻辑

添加表单字段后，您可以设置条件逻辑，根据访客的回答隐藏或显示相关字段和步骤，或将其重定向至其他 HubSpot 页面。 

每个表单最多可添加 100 条规则，每条规则包含 10 个条件。条件逻辑可应用于特定字段、富文本模块、标题或图片。条件逻辑无法应用于 reCAPTCHA 或数据隐私模块。 

要在表单上设置条件逻辑：

1. 在 HubSpot 帐户中，导航到营销 > 表单。
2. 创建新表单 或将鼠标悬停在现有表单上并点击“编辑”。
3. 在表单编辑器的左上角，点击工作流 逻辑图标。
4. 在侧边栏编辑器中，点击“添加逻辑”。
5. 在 “规则”部分，配置您的条件逻辑规则。例如，如果您按“城市”筛选并选择“是都柏林”， 则该 条件逻辑规则仅适用于值为“都柏林”的记录。
   
6. 要删除筛选条件，请点击删除图标。
7. 要克隆筛选条件，请点击克隆 图标。
8. 若要向规则添加更多筛选条件，请点击“添加”按钮，选择“添加筛选条件到此组”。
9. 若要向规则添加新组，请点击 “添加组”。
10. 如果您已在规则中添加了多个筛选条件或组，请点击筛选条件和组之间的“AND OR”下拉菜单以应用“AND”或“OR”逻辑：
    • “AND”：规则中的所有筛选器必须均为真，该规则才会触发。
    • OR：该组中只需一个过滤器为真，规则即可触发。 了解有关“AND”或“OR”逻辑的更多信息。
11. 在“然后”部分，点击下拉菜单选择表单操作：

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

• • 显示字段：如果用户的回答符合您在规则中设置的条件，则显示特定的字段、富文本模块、标题或图片。
  • 隐藏字段：如果用户的回答符合您在规则中设置的条件，则隐藏特定的字段、富文本模块、标题或图片。
  • 跳转至步骤（已弃用）：如果用户的回答符合您在规则中设置的条件，则跳转至特定步骤。要使用此操作，您的表单必须包含三个或更多步骤。了解有关添加表单步骤的更多信息。
  • 隐藏步骤：若访客满足条件，表单步骤将对其隐藏。要使用此操作，表单必须包含两个或更多步骤。 
  • 显示步骤：仅当访客满足条件时，表单步骤才会显示。如果访客不满足条件，所选步骤在表单中将保持隐藏状态。要使用此操作，您的表单必须包含两个或更多步骤。
  • 重定向至：如果访客的回答符合您在规则中设置的条件，将其重定向至 HubSpot 页面、外部 URL 或支付链接。位于 Sales HubEnterprise或 Service Hub Enterprise账户的用户可将表单重定向至日程安排页面上的会议链接。 

12. 根据所选操作，填写必填字段。
13. 要应用条件逻辑，请点击 “保存并激活”。

管理条件逻辑规则

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

添加和编辑表单步骤

创建多步骤表单，鼓励用户分段填写多个表单部分，而非一次性填写冗长的表单。要在多步骤表单中添加表单步骤：

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

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

添加和编辑进度条

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

1. 要启用进度条，请将鼠标悬停在表单步骤上，然后点击编辑图标。
   
   • 在左侧面板中，点击“进度条”开关将其开启。进度条将添加到表单的所有步骤中。 
2. 若要编辑进度条格式，请在左侧面板的“格式”下方选择进度条上文本的显示方式。您可以从以下选项中进行选择：显示完成百分比、显示步骤数量或 不显示文本 。

编辑步骤布局和背景横幅

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

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

6. 点击“横幅背景”以展开该部分：

• • 打开“背景颜色”开关，即可自定义表单的背景横幅。

• • 选择颜色和透明度。
  • 点击“渐变”下拉 菜单以添加渐变效果。
  • 使用图片作为横幅背景。您可以从HubSpot 文件中上传图片、浏览计算机硬盘中的图片，或使用AI 助手生成图片。

设计表单样式

自定义表单及表单步骤中的文本、输入框、按钮和背景。在“全局样式”选项卡中配置的样式选项将应用于所有表单步骤。您无法单独设置单个表单步骤的样式。

请注意： 在更新后的编辑器中无法将表单设置为原始 HTML。仅使用旧版编辑器创建的表单可设置为原始 HTML。

要设置表单样式：

1. 在 HubSpot 帐户中，导航到营销 > 表单。
2. 创建新表单，或将鼠标悬停在现有表单上并点击“编辑”。
3. 在左侧，点击“样式”图标。

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

表单自动化

开启简单的自动化功能，例如向联系人发送跟进邮件，或向其他 HubSpot 用户发送自动内部邮件通知。您还可以将表单提交作为简单工作流中的触发条件。

1. 在 HubSpot 帐户中，导航到营销 > 表单。
2. 创建新表单 或将鼠标悬停在现有表单上并点击“编辑”。
3. 在左侧面板中，点击 自动化图标。

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

   • 若要在每次表单提交后自动触发跟进邮件，请在“表单提交后发送邮件”下点击“创建此工作流”。
   • 若要从空白模板创建自己的工作流，请在“创建自己的简单工作流”下点击“创建新工作流”。在右侧滑出面板的“何时触发操作”下，选择“联系人提交了表单”选项。
5. 要添加其他工作流操作，请点击“ +”号图标。
6. 要启用工作流，请在工作流名称旁边点击开关将其打开 。然后，点击“已了解”。发布简单工作流后，对工作流所做的任何更改都会自动应用于当前已加入的联系人。
7. 如果您已选择加入 表单自动化通知 测试版，您可以在自动化流程需要审核以及加入率发生变化时通知用户：
   • 若工作流中出现需要您关注的错误，请开启“当此自动化流程需要审核时接收通知”开关以接收通知。

• • 若要在注册率波动时接收通知，请开启“注册率发生变化时接收通知”开关。随后，请从以下选项中进行选择：

• • • 使用 Breeze 智能：开启此开关，系统将根据过去 30 天的数据自动检测注册率的任何变化。
    • 使用手动范围：开启此开关可手动设置固定的比率阈值，当超过该阈值时将触发通知。
      
      
  • 在“通知接收者”部分，点击“用户和团队”下拉菜单，选择要发送通知的接收者。只有为至少一个渠道开启了 HubSpot 通知的用户才能接收这些通知。

了解有关表单自动化功能的更多信息。

自定义表单设置

配置表单设置，包括表单提交后对应联系人的处理方式、用户通知设置以及表单的默认语言。您可以设置联系人的营销状态、生命周期阶段等。根据您的 HubSpot 订阅情况，某些选项可能不会显示。

1. 在 HubSpot 帐户中，导航到营销 > 表单。
2. 创建新表单 或将鼠标悬停在现有表单上并点击“编辑”。
3. 在左侧面板中，点击设置图标。
4. 在“常规”选项卡中，配置以下表单常规设置：
   
   • “ 自动从未知电子邮件地址创建新联系人”： 选择此选项，系统将为每个包含唯一电子邮件地址的提交表单创建新的联系人记录。如果提交的电子邮件地址与数据库中现有的联系人记录匹配，则现有记录的详细信息将被更新。
     • 如果此选项关闭，HubSpot 将首先尝试根据提交的电子邮件地址将表单提交与现有联系人关联。如果该电子邮件地址不存在对应联系人，HubSpot 将根据浏览器中的 Cookie 识别并更新您的联系人。如果从同一设备多次提交同一表单，这可能会导致联系人记录被覆盖。
       
     • 如果启用此选项，当联系人使用不同邮箱在已存在 Cookie 的浏览器中提交表单时，将不会跟踪该联系人的浏览情况。此外，“为回头客预填表单字段”和 “添加重置表单链接”选项也将自动关闭。
   • 将新联系人设为营销联系人：如果 您的 HubSpot 账户具有访问营销联系人的权限，您可以自动将提交此表单的任何联系人设为营销联系人。这包括新联系人及现有联系人。
   • 为回头客预填表单字段：如果联系人曾访问过您的网站并提交过表单，且 HubSpot 能够存储并追踪其 Cookie，则表单中任何已知的字段值均可被预填。此选项默认开启。了解有关预填表单字段的更多信息。

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

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

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

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

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

6. 要自定义表单语言设置，请点击“语言与地区”选项卡。点击“主要语言”下拉菜单，然后为表单选择默认语言。错误消息、默认属性的标签、帮助文本、占位符文本和默认值都将被翻译成此语言。
7. 若要为表单创建 AI 翻译（仅限Marketing Hub或Content Hub Professional和Enterprise版本）：
   • 将“为所有表单内容启用 AI 翻译”开关打开。
   • 在“主要语言”下拉菜单 中，选择 您希望将表单翻译成的语言。 错误消息、默认属性的标签、帮助文本、占位符文本、默认值、自定义标签、富文本和同意文本将自动翻译成该语言。
   • 如果您在上次翻译后更新了表单，请点击“立即重新翻译”以更新翻译。

管理表单字段的实时验证

1. 在 HubSpot 帐户中，单击顶部导航栏中的 settings “设置”图标。

2. 在左侧边栏菜单中，导航至“营销”>“表单”。

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

预览表单

发布前预览表单的设计和行为。预览功能将展示访客使用表单时的体验，包括多步骤导航、条件逻辑和必填字段。这有助于您在不生成提交的情况下确认布局、验证逻辑并审查潜在客户捕获流程。

要预览表单：

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 分享给他人，以便他们访问该表单。