在 HubSpot 网页上设置和设计表单样式

在 HubSpot 中创建表格后，您可以将其添加到 HubSpot 页面的任何表单模块中。在每个页面上，您还可以 配置表单提交后会发生什么 ，并自定义表单元素（如提交按钮和表单字段）的样式。

开始之前

在HubSpot页面设置表单之前，请注意以下几点：

• 设置和样式更改只适用于所选页面上的表单模块。任何设置和样式更改都不会影响其他页面上的表单。
• 更新表单内容（如表单字段）将更新所有其他页面上的表单，包括任何嵌入表单或独立表单页面。

设置表单

在HubSpot页面设置表单：

• 导航至您的内容：

  • 网站页面：在 HubSpot 帐户中，导航到内容 > 网站页面。
  • 登陆页面：在 HubSpot 帐户中，导航到内容 > 登陆页面。

• 单击页面名称。
• 在内容编辑器中，单击表单模块。如果页面当前没有表单模块，请学习如何为页面添加模块。
• 在左侧面板的内容 选项卡上，自定义此页面的表单设置：
  • 表单标题： 输入表单名称。
  • 选择表单： 为此页面选择表单。
    • 要使用现有表单，请单击下拉菜单并选择表单。
    • 要创建并使用新表单，请单击操作。然后选择创建新表单。了解有关设置表单的更多信息。
    • 要查看此表单的提交情况，请单击操作。然后选择查看表单提交。

• • • 要在表单编辑器中编辑表单，请单击操作。然后选择转到表单编辑器。
      
      

配置表单自动化

您可以管理表单自动化，例如与表单相关的后续电子邮件和任何工作流程。注册触发器受以下行为约束：

• 在表单模块的自动化设置中添加工作流程后，相应的表单提交注册触发器也会添加到工作流程中。
• 从表单模块的自动化设置中移除工作流程也会从工作流程的注册触发器中移除。
• 如果工作流程中使用的表单注册触发器没有指定页面，则不能从页面中移除触发器，而必须从工作流程中移除。

要为表单配置自动化设置，请单击左侧面板中的表单自动化展开该部分，然后查看以下自 动化选项：

• 通过电子邮件跟进：向已提交表单的访客发送跟进电子邮件。后续电子邮件只能发送给营销联系人。
  • 添加后续电子邮件：
    • 单击选择电子邮件 +。
    • 在对话框中，单击选择电子邮件 下拉菜单并选择现有的自动电子邮件 ，或单击创建新电子邮件 创建新的自动电子邮件。
    • 单击保存。选定的后续电子邮件将显示在左侧面板中。
    • 设置后续电子邮件后，在右上角单击 "发布 " 或 "更新"，即可启用这些更改。在发布更改之前，后续电子邮件不会启用。

• • 要更改使用的后续电子邮件，请将鼠标悬停在电子邮件上，然后单击电子邮件旁边的铅笔图标 。
  • 要删除跟进电子邮件，请将鼠标悬停在电子邮件上，然后单击电子邮件旁边的X 图标 。该电子邮件将不再显示。

• 已连接的工作流：使用表单作为注册触发器的任何工作流和简单工作流都会显示。了解有关使用表单自动化的更多信息。
  • 要将表单用作工作流的触发器，请单击将表单添加到工作流或将表单添加到另一个 工作流。
    • 单击将表单添加到工作流程。
    • 选择一个现有工作流 ，或单击创建新工作流创建一个新工作流。如果创建新的工作流程，请先设置工作流程，然后返回着陆页或网站页面上的表单模块。
  • 要添加另一个工作流程，请单击将表单添加到另一个工作流程，然后选择现有工作流程 或单击创建新工作流程。
  • 要删除作为工作流程触发器的表单，请将鼠标悬停在工作流程上，然后单击工作流程旁边的删除图标 。

配置其他表单选项

您还可以配置其他设置，例如选择表单通知收件人。此外，如果您安装了HubSpot-Salesforce 集成，还可以将表单与活动的 Salesforce 营销活动关联起来。

要配置表单的其他选项，请滚动到左侧面板底部，然后配置以下选项：

• 将表单通知发送到指定的电子邮件地址，而不是表单默认值：默认情况下，表单提交通知将发送到表单 "选项 "选项卡中添加的任何收件人。要覆盖 表单的默认收件人，并在此页面选择提交通知收件人：
  • 单击以打开 "向指定的电子邮件地址而不是表单默认值发送通知 "开关。
  • 点击电子邮件地址下拉菜单，选择收件人。只有 HubSpot 用户才能被选为表单通知收件人。
  • 要删除收件人，请单击收件人电子邮件地址旁边的X 图标。
• Salesforce 活动： 如果已启用 Salesforce 集成，则可通过单击下拉菜单并选择活动，将表单与活动的 Salesforce 活动关联起来。了解有关将表单与 Salesforce 活动关联的更多信息。
  
  

在HubSpot页面上设计表单样式

您可以自定义整个表单的样式，也可以对提交按钮或表单字段进行特定样式更改。自定义表单样式：

• 导航至内容：
  • 网站页面：在 HubSpot 帐户中，导航到内容 > 网站页面。
  • 登陆页面：在 HubSpot 帐户中，导航到内容 > 登陆页面。

• 单击页面名称。
• 在内容编辑器中，点击表单模块。如果页面目前没有表单模块，请学习如何为页面添加模块。

• 在左侧面板顶部，单击 "样式"选项卡。
• 单击 "模块"、" 字段"或"按钮"选项卡，选择要设置样式的表单元素。
• 使用下面的文本和对齐方式选项自定义表单的选定元素。
• 单击"发布 " 或 "更新" ，对页面进行实时更改。

请注意： 出现在 HubSpot 页面上的表单只能逐页自定义样式。 外部页面或独立表单页面上的嵌入式表单必须在表单编辑器中进行样式设置，或在外部样式表中使用 CSS进行样式设置。