在 HubSpot 和 WordPress 中嵌入内容

利用内容嵌入功能，您可以在 HubSpot 中创建内容部分，然后将其嵌入到您的 HubSpot 或 WordPress 网站中。

开始之前

在开始使用该功能之前，请务必充分了解应提前采取的步骤，以及该功能的限制和使用该功能的潜在后果。

了解局限性和注意事项

• 本文概述的内容嵌入功能不支持博客文章模块。
• 外部页面（如 WordPress）上的内容嵌入从外部页面而非 HubSpot 获取样式。
• 只有WordPress的Gutenberg编辑器支持嵌入内容。
• 嵌入内容不是通过 iframe 加载的，而是通过 JavaScript 注入的。搜索引擎可以执行 JavaScript 并找到嵌入的内容，从而避免了 iframe 可能带来的任何搜索引擎优化挑战。

创建内容嵌入

您可以使用拖放编辑工具中的内容嵌入创建独特的内容部分。

• 创建用于 HubSpot 或 WordPress 页面的内容嵌入：
  1. 在 HubSpot 帐户中，导航到内容 > 嵌入。
  2. 在右上角单击创建嵌入。
  3. 在对话框中，输入内容嵌入的名称 ，然后单击创建。
  4. 在内容嵌入编辑器中，单击左侧边栏中的add 添加 图标。
  5. 在侧边栏编辑器中，单击 "布局 "选项卡，然后单击一个布局，并将其拖动到适当位置。
  6. 在左侧边栏中，单击add 添加 图标，然后单击一个模块，将其拖动到布局上。

• 7. 要预览内容嵌入，请单击右上角的预览 。
• 完成内容嵌入编辑后，单击右上角的发布，然后在对话框中单击发布。

在 HubSpot 中嵌入内容

发布内容嵌入后，就可以将内容嵌入 HubSpot 页面。您还可以使用嵌入代码嵌入内容。

• 在页面上嵌入内容：

  1. 导航至您的内容：

     • 网站页面：在 HubSpot 帐户中，导航到内容 > 网站页面。
     • 登陆页面：在 HubSpot 帐户中，导航到内容 > 登陆页面。
  2. 单击页面名称。
  3. 在内容编辑器中，单击左侧边栏中的add 添加图标。
  4. 在侧栏编辑器中，单击 "版块"选项卡，然后单击内容嵌入，并将其拖动到页面上的位置。

• 5. 使用内容编辑器的拖放编辑工具编辑内容嵌入的内容。
• 完成内容嵌入和页面编辑后，单击右上角的 "发布"。

在 WordPress 中嵌入内容

发布内容嵌入后，您就可以在 WordPress 页面上嵌入内容。您还可以使用嵌入代码嵌入内容。

• 在 WordPress 中嵌入内容：
  1. 下载并安装HubSpot 的 WordPress 插件。
  2. 下载内容嵌入插件，并使用提供的.zip文件在 WordPress 中安装插件。
  3. 在 WordPress 中，用编辑器打开一个页面。
  4. 在编辑器中输入/，然后输入HubSpot Content Embed。
  5. 选择一个内容嵌入，或创建一个新的内容嵌入。

• 6. 要在 WordPress 中编辑嵌入式内容，请将鼠标悬停在嵌入式上，然后单击 "编辑嵌入式"。
• 完成页面编辑后，点击右上角的发布 。