跳到内容
请注意::本文仅为方便您阅读而提供。本文由翻译软件自动翻译,可能未经校对。本文的英文版应被视为官方版本,您可在此找到最新信息。您可以在此处访问。

安装并使用 HubSpot WordPress 插件

上次更新时间: 2025年6月27日

可与以下任何订阅一起使用,除非另有说明:

HubSpot All-In-One MarketingWordPress 插件可让您轻松连接 WordPress 网站和 HubSpot 账户。使用该插件,HubSpot 跟踪代码会自动添加到您的 WordPress 页面,您可以直接从 WordPress 账户访问 HubSpot 的许多工具。

开始之前

要安装和使用该插件,您必须满足以下要求:

请注意:要安装插件,您必须在浏览器中启用第三方 cookie,并禁用浏览器中阻止第三方 cookie 的任何插件或扩展。

安装插件

您可以直接从 WordPress 账户添加该插件:

  1. 登录 WordPress 网站管理仪表板。
  2. 在左侧边栏菜单中,导航至插件 > 添加新插件
  3. 搜索 HubSpot - CRM、电子邮件营销、即时聊天、表单和分析 插件
  4. 在右上角单击立即 安装
  5. 单击激活插件
  6. 在左侧边栏菜单中,导航至HubSpot
screenshot showing HubSpot in the left sidebar menu in Wordpress
  1. 单击 "登录账户 "完成安装过程。如果你还没有设置 HubSpot 账户,系统会提示你创建一个。
  2. 如果您的账户使用品牌,请在HubSpot 设置中选择插件应使用的品牌。

请注意:如果您希望从压缩文件中安装插件,请先下载插件,然后在 WordPress 账户中上传插件。


安装插件后,您就可以开始在 HubSpot 中跟踪网站数据,并从 WordPress 创建 HubSpot 表单、网站即时聊天、电子邮件、列表和报告。

请注意:如果您设置了WordPress 多站点网络,则需要为每个站点分别激活插件。

使用插件

安装插件后,您就可以从 WordPress 创建 HubSpot 表单、网站即时聊天、电子邮件、列表和报告。

访问 HubSpot 工具

在 Wordpress 账户的左侧面板中,您可以访问以下内容:

请注意:在某些情况下,即时聊天小工具可能会影响 WordPress 网站的页面加载时间。进一步了解影响页面加载时间的因素。

在 WordPress 子文件夹中托管 HubSpot 内容

您可以在子文件夹(如 website.com/subfolder)中托管 HubSpot 内容(如博客登陆页面网站页面案例研究等)。

在 WordPress 子文件夹中设置 HubSpot 内容:

  1. 安装 WordPress 插件
  2. 在 WordPress 的左侧边栏菜单中,导航至HubSpot,然后选择设置

screenshot showing how to access Settings for the HubSpot Wordpress plugin

  1. 选择

screenshot showing how to access domains in the HubSpot WordPres plugin settings

  1. 切换 "为 HubSpot 托管内容启用反向代理"开关。
  2. 添加你的域名。你要托管 HubSpot 内容的域名需要在HubSpot 中设置为 "准备发布",并且必须与你的 WordPress 域名完全匹配。

请注意:您需要输入您的域名,因为可以将多个 WordPress 网站连接到一个门户。


  1. HubSpot 路径字段中,添加你为内容设置的标签
  2. WordPress 路径 字段 ,添加您希望路由到 HubSpot 内容的标签。
    • 您可以添加*来创建灵活的路径,这样就可以在不指定确切 URL 的情况下实现动态请求路由。例如,如果你有一个带有博客的网站(example.com/blog),你可以使用类似/blog/* 这样的灵活路径,而不是手动为每个博客页面设置规则(/blog/post1/blog/post2 等)。
    • 建议两者使用相同的标题,尤其是在使用灵活路径的情况下(例如,如果您的 HubSpot 内容是/blog/*,建议 WordPress 路径也使用/blog/*)。

screenshot showing how to set the HubSpot path field and WordPress path field.

  1. 缓存会定期刷新以检测新路径,但你也可以点击右上角的重置缓存来即时更新路径。

screenshot showing the reset cache button.

这篇文章有帮助吗?
此表单仅供记载反馈。了解如何获取 HubSpot 帮助