成功安装 HubSpot - CRM、电子邮件营销、即时聊天、表单和分析插件后， 您就可以在WordPress 页面和文章中添加HubSpot 传统表单。
请注意：本文仅供使用传统编辑器创建的现有表单参考。目前，无法在 WordPress 页面或文章中嵌入使用更新表单编辑器创建的 HubSpot 表单。了解有关使用更新表单编辑器创建和管理表单的更多信息。
在 WordPress 中，您可以通过经典编辑器或古腾堡编辑器添加 HubSpot 传统表单。
开始之前
在开始之前，请注意以下几点：
- 如果您要在 WordPress 网站上嵌入表单，可能需要在外部样式表中应用额外的 CSS 声明 ，以使表单具有响应性。
- 如果您发现表单在 WordPress 中不起作用，或者在查看实时页面时嵌入代码被更改，您可能需要使用插件 插入表单，以确保嵌入代码保持不变。
- 如果您使用的是其他表单插件，如 Contact Form 7 或 Ninja Forms，您可以在 HubSpot 中收集提交的表单。查看支持的表单表，然后了解如何使用非 HubSpot 表单。
- 如果你在WordPress上使用受支持的非HubSpot表单，但在HubSpot中看不到提交数据，你可能安装了其他WordPress插件，与HubSpot-WordPress插件冲突。禁用该插件，或查看常见问题以了解更多故障排除步骤。
经典编辑器
使用经典编辑器在 WordPress 页面和文章中嵌入 HubSpot 传统表单：
- 从你的 WordPress 账户，在左侧边栏菜单中，导航到HubSpot >表单。
- 将鼠标悬停在要添加到网站的表单上，然后单击 "嵌入"。您也可以点击创建表单，创建一个新的 HubSpot 表单。
- 单击WordPress 短代码，然后单击复制以复制嵌入代码。
- 导航到 WordPress 页面或帖子，然后将简码粘贴到页面编辑器中。
- 发布页面后，在 WordPress 中查看表单提交情况：
- 在 WordPress 账户的左侧边栏菜单中，导航至HubSpot >表单。
- 将鼠标悬停在表单上。然后，单击 "操作 "下拉菜单并选择 "查看提交"。了解有关分析表单提交的更多信息。
古腾堡编辑器
如果您使用的是最新版本的 Gutenberg（该版本移除了内联JavaScript），请使用Inline JS Block for Gutenberg 插件将 HubSpot 传统表单和 CTA 嵌入您的页面。
使用 Gutenberg 编辑器在 WordPress 页面和文章中嵌入 HubSpot 传统表单：
- 在 WordPress 账户中，导航到页面或帖子。
- 点击工具栏中的加号图标。搜索HubSpot 表单块，然后点击它将其添加到内容中。
- 在该区块中，您可以选择一个现有表格或创建一个新表格：
- 要选择现有表单，请单击选择现有表单下拉菜单并选择表单。
- 要创建新表单，请导航至左侧边栏菜单中的HubSpot >表单 ，然后单击创建表单。
- 发布页面后，在 WordPress 中查看表单提交情况：
- 在 WordPress 账户的左侧边栏菜单中，导航至HubSpot >表单。
- 将鼠标悬停在表单上。然后，单击 "操作 "下拉菜单并选择 "查看提交"。了解有关分析表单提交的更多信息。
Integrations
