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

在内容中添加行动呼吁 (CTA)

上次更新时间: 2025年7月7日

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

创建呼叫行动(CTA)后,您可以将 CTA 添加到 HubSpot 和外部页面。为外部页面配置 CTA 时,必须安装HubSpot 跟踪代码。您还可以在拖放营销电子邮件中添加 CTA。

在内容中添加 CTA 后,如果您有Marketing HubContent Hub ProfessionalEnterprise订阅,您可以创建一个工作流,在访客与您的 CTA 互动后自动执行操作。例如,访客在 CTA 上提交表单后,您可以触发一系列营销电子邮件来培养新联系人。

了解在内容中添加 CTA

如何将 CTA 添加到页面取决于您创建的 CTA 类型:

  • 如果使用嵌入式 CTA,每个页面最多可添加100 个嵌入式 CTA。嵌入式 CTA 可以通过以下方式使用:
    • HubSpot 页面中的默认行动呼吁模块
    • 营销电子邮件中的默认按钮模块
    • 外部网站上的代码片段
  • 如果您使用粘贴式横幅、弹出框或滑入式行动号召,您可以选择
    • 在访客点击按钮时触发 CTA。
    • 选择一个或多个激活触发器,然后使用网站的 URL 或访客信息设置目标。一旦满足第一个触发条件,CTA 就会出现在目标页面上,并显示给指定的访客:
      • 页面滚动时触发
      • 退出时触发
      • 经过一段时间后触发
      • 未活动时触发

在 HubSpot 内容中添加 CTA

在 HubSpot 页面上,跟踪代码会自动安装。对于大多数激活触发器,CTA 会在满足第一个触发器时出现。

不过,要使用嵌入式 CTA 或访客点击按钮时触发的 CTA,您需要手动添加 CTA。

在 HubSpot 页面上添加 CTA

您可以使用呼叫行动模块在 HubSpot 托管的页面上嵌入 CTA。

  1. 导航至您的内容:

    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
  2. 单击内容名称
  3. 在内容编辑器中,单击左侧边栏中的+ 添加 按钮。
  4. 在侧边栏编辑器中,搜索并单击 "行动呼吁 "模块,然后将其拖动到 页面上的位置。
  5. CTA 部分,单击选择

add-cta-to-content-editor 

在 HubSpot 博文中添加 CTA

  1. 在 HubSpot 帐户中,导航到内容 > 博客
  2. 点击帖子名称
  3. 在内容编辑器中,单击富文本模块,自定义其内容。
  4. 在富文本工具栏中,单击插入>行动呼吁

 

  1. 在右侧面板中,单击CTA 选项卡。
  2. 选择要插入的CTA,然后单击插入
  3. 在左侧面板中,单击 "应用更改"。现在,选定的 CTA 将显示在富文本编辑器和预览中。

 

在 HubSpot 中点击按钮触发 CTA

当访问者点击页面上的按钮时,你可以触发粘贴横幅、弹出框或滑入式 CTA。使用 HubSpot 页面上的默认按钮模块设置触发器:
  1. 导航至您的内容:

    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
  2. 单击名称
  3. 在左侧面板的添加 选项卡中,搜索并选择默认按钮模块。单击并拖动按钮模块 到页面上。
 
  1. 在左侧面板中,单击链接到下拉菜单并选择CTA
  2. 单击CTA 下拉菜单并选择现有的 CTA
  3. 继续设置按钮模块。

 

在拖放营销电子邮件中添加嵌入式 CTA

嵌入式 CTA添加到您的拖放式营销电子邮件中,并在多个接触点跟踪 CTA 的有效性。

拖放电子邮件编辑器中添加 CTA

  1. 在您的 HubSpot 账户中,导航至 营销 > 电子邮件
  2. 将鼠标悬停在要添加 CTA 的电子邮件上,然后单击 "编辑"。或创建新邮件
  3. 在左侧面板中,单击并拖动按钮模块到电子邮件编辑器中。

 

  1. 在左侧面板中,点击链接到下拉菜单。然后,选择CTA
  2. CTA 字段下,单击选择
  3. 在右侧面板中,选择要插入的CTA,然后单击插入

请注意:为电子邮件创建或选择 CTA 时,只支持单个按钮图片。不能使用包含多个元素(如按钮和图片)的 CTA。

 

自定义主题按钮,在点击按钮时触发 CTA

如果您在 HubSpot 中使用的是自定义主题,您可能需要自定义主题的按钮模块来触发 CTA。

如果要编辑默认主题,必须先克隆它们。从资产市场购买的主题不能克隆,建议创建子主题

自定义主题的按钮模块:

  1. 在 HubSpot 帐户中,导航到内容 > 设计管理器
  2. 在左上角搜索按钮模块
  3. 在右侧面板中,将鼠标悬停在按钮(字段组)上,然后单击编辑
  4. 在分组字段下,将鼠标悬停在URL(URL) 上,然后单击编辑
  5. 单击支持的 URL 类型下拉菜单。然后,选择CTA复选框。
  6. 在右上角,单击发布更改。发布更改后,在页面上使用主题按钮模块时,CTA 选项就会出现。

在外部内容中添加 CTA

要在外部页面添加 CTA,必须安装HubSpot 跟踪代码

对于粘贴横幅、弹出框或滑入式呼叫到行动,安装跟踪代码将允许 CTA 在满足第一个激活触发条件时出现。您无需在页面上嵌入 CTA,审查 CTA 时也不会出现嵌入选项。

不过,特别是对于嵌入式 CTA 或访客点击按钮时触发的 CTA,您需要手动添加 CTA。

在外部网站上嵌入 CTA

在外部页面中添加嵌入式 CTA:

  1. 在 HubSpot 帐户中,导航到营销 > CTA
  2. 在左上角单击下拉菜单并选择CTA
  3. 将鼠标悬停在 CTA 上,然后单击操作 并选择嵌入
  4. 单击复制到剪贴板,将 CTA 代码复制到剪贴板。
  5. 导航到外部网站的内容管理系统(CMS)。
  6. 将 CTA 嵌入代码粘贴到非 HubSpot 页面的 HTML 中,无论你想让 CTA 出现在哪里。
  7. 在网页上预览你的 CTA,检查它上线后的样子。如果 CTA 显示不正确,请检查外部内容管理系统是否修改了代码。
  8. 完成后,发布页面。

一般来说,编辑 CTA 不会影响其嵌入代码。例如,编辑 "在新标签页中打开链接"选项不会改变嵌入代码中的target="_blank" 属性。

在 CTA 的 iframe 版本呈现之前,嵌入代码片段将充当占位符。渲染后的 CTA 版本将反映编辑器中设置的正确 "在新标签页打开 "值。

要在占位符的同一窗口中打开链接,用户可以手动将目标属性标记更改为target="_self".

在外部网站上点击按钮时触发 CTA

在外部网站上使用 CTA 之前,您必须安装HubSpot 跟踪代码。在外部页面设置触发器:

  1. 在 HubSpot 帐户中,导航到营销 > CTA
  2. 在左上角单击下拉菜单并选择CTA
  3. 将鼠标悬停在 CTA 上,然后单击编辑
  4. 在顶部,单击 "目标定位 "选项卡。
  5. 在 "点击按钮时触发 "部分,单击 "代码片段"。



  1. 在对话框中单击 "复制"。
  2. 将嵌入类粘贴到外部网站上的按钮中。如果不确定如何在网站上的按钮中添加 CSS 类,可能需要与网站管理员、IT 部门或开发人员合作。
这篇文章有帮助吗?
此表单仅供记载反馈。了解如何获取 HubSpot 帮助