跳到内容

在 WordPress 页面和帖子中添加 HubSpot 表单

上次更新时间: 二月 12, 2025

除非另有说明,否则适用于以下任何订阅

所有产品和计划

成功安装 HubSpot - CRM、电子邮件营销、即时聊天、表单和分析插件后, 您就可以在WordPress 页面和文章中添加 HubSpot 表单。

在 WordPress 中,您可以通过经典编辑器或古腾堡编辑器添加 HubSpot 表单。

开始之前

在开始之前,请注意以下几点:

  • 如果您要在 WordPress 网站上嵌入表单,您可能需要在外部样式表中应用额外的 CSS 声明, 以使表单具有响应性。
  • 如果您发现表单在 WordPress 中不起作用,或者在查看实时页面时嵌入代码被更改,您可能需要使用插件 插入表单,以确保嵌入代码保持不变。
  • 如果您使用的是其他表单插件,如 Contact Form 7 或 Ninja Forms,您可以在 HubSpot 中收集提交的表单。查看支持的表单表,然后了解如何使用非 HubSpot 表单
  • 如果你在WordPress上使用受支持的非HubSpot表单,但在HubSpot中看不到提交数据,你可能安装了其他WordPress插件,与HubSpot-WordPress插件冲突。禁用该插件,或查看常见问题以了解更多故障排除步骤。

经典编辑器

使用经典编辑器在 WordPress 页面和文章中嵌入表单:

  • 在 WordPress 账户的左侧边栏菜单中,导航至HubSpot > 表单
  • 将鼠标悬停在要添加到网站的表单上,然后单击 "嵌入"。您也可以点击创建表单,创建一个新的 HubSpot 表单。
  • 单击WordPress 短代码,然后单击复制以复制嵌入代码。
  • 导航到 WordPress 页面或帖子,然后简码粘贴到页面编辑器中。
  • 发布页面后,在 WordPress 中查看表单提交情况:
    • 在 WordPress 账户的左侧边栏菜单中,导航至HubSpot >表单
    • 将鼠标悬停在表单然后,单击 "操作 "下拉菜单并选择 "查看提交"。了解有关分析表单提交的更多信息。

古腾堡编辑器

如果您使用的是最新版本的古腾堡(Gutenberg),该版本移除了内联JavaScript,那么请使用Inline JS Block for Gutenberg 插件将表单和 CTA 嵌入到您的页面中。

使用 Gutenberg 编辑器在 WordPress 页面和文章中嵌入表单:

  • 在您的 WordPress 账户中,导航到您的页面或帖子。
  • 点击工具栏上的加号图标。搜索HubSpot 表单区块并单击,将其添加到您的内容中。

  • 在该区块中,您可以选择一个现有表单或创建一个新表单:
    • 要选择现有表单,请单击 "选择现有表单"下拉菜单并选择表单
    • 要创建新表单,请导航至左侧边栏菜单中的HubSpot > 表单 ,然后单击创建表单

  • 发布页面后,在 WordPress 中查看表单提交情况:
    • 从你的 WordPress 账户,在左侧边栏菜单中导航到HubSpot >表单
    • 将鼠标悬停在表单然后,单击 "操作 "下拉菜单并选择 "查看提交"。了解有关分析表单提交的更多信息。
这篇文章有帮助吗?
此表单仅供记载反馈。了解如何获取 HubSpot 帮助