在 HubSpot 网页上设置和设计表单样式
上次更新时间: 二月 13, 2025
在HubSpot中创建表格后,你可以将其添加到HubSpot页面的任何表单模块中。在每个页面上,您还可以 配置表单提交后会发生什么 ,并自定义表单元素(如提交按钮和表单字段)的样式。
开始之前
在HubSpot页面设置表单前,请注意以下几点:
- 设置和样式更改只适用于所选页面上的表单模块。任何设置和样式更改都不会影响其他页面上的表单。
- 更新表单内容(如表单字段)将更新所有其他页面上的表单,包括任何嵌入表单或独立表单页面。
设置表单
在HubSpot页面设置表单:-
导航至您的内容:
- 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面。
- 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面。
- 单击页面名称。
- 在内容编辑器中,单击表单模块。如果页面当前没有表单模块,请学习如何为页面添加模块。
- 在左侧面板的内容 选项卡上,自定义此页面的表单设置:
- 表单标题: 输入表单名称。
- 选择表单: 为此页面选择表单。
- 要使用现有表单,请单击下拉菜单并选择表单。
- 要创建并使用新表单,请单击操作>创建新表单。了解有关设置表单的更多信息
- 要查看此表单的提交情况,请单击操作>查看表单提交情况。
- 要克隆此表单,请单击操作>克隆表单。
- 要查看使用所选表单的任何其他页面,请单击操作>使用此表单的页面。
- 要在表单编辑器中编辑表单,请单击操作>转到完整表单编辑器。
自定义表单内容
编辑表格字段、按钮文本以及数据隐私和同意选项:
- 单击展开表单内容 部分。
- 配置表单内容:
- 表单字段:单击并拖动字段,编辑表单中的显示顺序。多栏表单或自定义模块中的表单字段无法拖放。添加其他表单字段:
- 单击+ 添加另一个表单字段。
- 单击 "选择属性"下拉菜单,然后使用搜索栏搜索字段。
- 单击属性将其添加为表单字段。
- 表单字段:单击并拖动字段,编辑表单中的显示顺序。多栏表单或自定义模块中的表单字段无法拖放。添加其他表单字段:
-
- 按钮文本:输入要显示在提交按钮上的文本。
- 数据隐私和同意选项:在下拉菜单中选择要显示的通知和同意信息。
- 验证码(防止垃圾邮件):点击打开验证码(防止垃圾邮件)开关,以显示Google 的隐形再验证码。
请注意: 更新表单内容将更新使用表单的任何其他页面上的表单,包括任何嵌入式表单或独立表单页面。
配置提交后的操作
默认情况下,添加到 HubSpot 页面的表单将显示 感谢提交表单内嵌消息。表单不会显示在表单编辑器中配置的提交后操作。
在页面编辑器中,你可以自定义不同的提交后操作。要配置表单提交后的操作,请执行以下操作
- 单击展开 "谢谢 "部分。
- 在 "提交表单后访客将看到什么 "部分,配置提交后操作:
- 重定向到其他页面: 表单提交后将访客重定向到其他页面。
- 单击重定向到另一页面。
- 单击重定向链接下拉菜单,选择现有的 HubSpot 页面或输入URL。
- 显示内嵌感谢信息:在访客提交表单后显示一条信息。 可以在文本框中输入感谢信息。
- 重定向到其他页面: 表单提交后将访客重定向到其他页面。
配置表单自动化
您可以管理表单自动化,例如联系人创建和营销电子邮件选项,以及与表单相关的任何工作流。注册触发器受以下行为约束:
- 在表单模块的自动化设置中添加工作流程后,相应的表单提交注册触发器就会添加到工作流程中。
- 从表单模块的自动化设置中移除工作流程也会从工作流程的注册触发器中移除。
- 如果工作流程中使用的表单注册触发器没有指定页面,则不能从页面中移除触发器,而必须从工作流程中移除。
要为表单配置自动化设置,请单击左侧面板中的表单自动化展开该部分,然后查看以下自 动化选项:
- 始终为电子邮件地址创建新联系人:每次使用新电子邮件地址提交表单时,无论表单提交中是否有与现有联系人匹配的用户标记 ,都会创建新的联系人记录。
- 将创建的联系人设为营销联系人: 将通过此表单创建的任何联系人设为营销联系人。
- 后续电子邮件:向提交表单的访客发送后续电子邮件。后续电子邮件只能发送给营销联系人。
- 要添加后续电子邮件,请
- 单击选择电子邮件 +。
- 在对话框中,单击选择电子邮件 下拉菜单并选择现有的自动电子邮件 ,或单击创建新电子邮件 创建新的自动电子邮件。
- 单击保存。选定的后续电子邮件将显示在左侧面板中。
- 设置好后续电子邮件后,在右上角单击 "发布 " 或 "更新",即可启用这些更改。在发布更改之前,后续电子邮件不会启用。
- 要添加后续电子邮件,请
-
- 要更改使用的后续电子邮件,请将鼠标悬停在电子邮件上,然后单击电子邮件旁边的铅笔图标 。
- 要删除跟进电子邮件,请将鼠标悬停在电子邮件上,然后单击电子邮件旁边的X 图标 。该电子邮件将不再显示。
- 如果表单以前与传统的跟进电子邮件相关联,则会显示提示此表单正在使用传统的跟进电子邮件。虽然传统的跟进电子邮件无法编辑,但如果以前发布过电子邮件,则可以将其更新为自动电子邮件。更新后的自动电子邮件可以编辑。
- 要将以前发布的传统跟进电子邮件更新为可编辑的自动电子邮件,请单击更新电子邮件。然后,单击更新。如果之前未发布电子邮件,则不会显示此选项。
-
-
- 要删除已发布或未发布的传统跟进电子邮件,请单击删除。然后单击删除。
-
- 连接的工作流:将显示使用表单作为注册触发器的任何工作流和简单工作流。了解有关使用表单自动化的更多信息。
- 要将表单用作工作流的触发器,请单击将表单添加到工作流或将表单添加到另一个 工作流。
- 单击将表单添加到工作流程。
- 选择一个现有工作流 ,或单击创建新工作流创建一个新工作流。如果创建新的工作流程,请先设置工作流程,然后返回着陆页或网站页面上的表单模块。
- 要添加另一个工作流程,请单击将表单添加到另一个工作流程,然后选择现有工作流程 或单击创建新工作流程。
- 要删除作为工作流程触发器的表单,请将鼠标悬停在工作流程上,然后单击工作流程旁边的删除图标 。
- 要将表单用作工作流的触发器,请单击将表单添加到工作流或将表单添加到另一个 工作流。
请注意
- 工作流程一旦附加到表单模块,就会立即更新工作流程注册触发器,即使页面尚未发布或更新。
- 如果你克隆了一个带有表单的HubSpot 页面,而该表单被设置为在工作流程中登记联系人,那么新克隆页面上的表单提交将不会被添加为工作流程中的新登记触发器。
配置其他表单选项
您还可以配置其他设置,例如选择表单通知收件人。此外,如果安装了HubSpot-Salesforce 集成,还可以将表单与活动的 Salesforce 营销活动关联起来。
要配置表单的其他选项,请滚动到左侧面板底部,然后配置以下选项:
- 将表单通知发送到指定的电子邮件地址,而不是表单默认值:默认情况下,表单提交通知将发送到表单 "选项 "选项卡中添加的任何收件人。要覆盖 表单的默认收件人,并在此页面选择提交通知收件人:
- 单击以打开 "向指定的电子邮件地址而不是表单默认值发送通知 "开关。
- 点击电子邮件地址下拉菜单,选择收件人。只有 HubSpot 用户才能被选为表单通知收件人。
- 要删除收件人,请单击收件人电子邮件地址旁边的X 图标。
- Salesforce 活动: 如果已启用 Salesforce 集成,则可通过单击下拉菜单并选择活动,将表单与活动的 Salesforce 活动关联起来。了解有关将表单与 Salesforce 活动关联的更多信息。
在HubSpot页面上设计表单样式
您可以自定义整个表单的样式,也可以对提交按钮或表单字段进行特定样式更改。自定义表单样式:
- 在左侧面板顶部,单击 "样式"选项卡。
- 单击 "模块"、" 字段"或"按钮"选项卡,选择要设置样式的表单元素。
- 使用下面的文本和对齐方式选项自定义表单的选定元素。
- 单击"发布 " 或 "更新" ,对页面进行实时更改。
请注意: 出现在 HubSpot 页面上的表单只能逐页自定义样式。 外部页面或独立表单页面上的嵌入式表单必须在表单编辑器中进行样式设置,或在外部样式表中使用 CSS进行样式设置。