跳到内容

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

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

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

营销 Hub   Starter , Professional , Enterprise
内容 Hub   Starter , Professional , Enterprise

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

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

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

在 HubSpot 内容中添加 CTA

在您的 HubSpot 页面上, 跟踪代码会自动安装。对于大多数 激活触发器,CTA 会在满足第一个触发器时出现。但是,如果要使用嵌入式 CTA 或访客点击按钮时触发的 CTA,则需要手动添加 CTA。

向 HubSpot 页面添加 CTA

您可以使用 "呼叫行动 "模块在 HubSpot 网页上嵌入 CTA。

  • 导航至您的内容:

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

在 HubSpot 博文中添加 CTA

  • 在 HubSpot 帐户中,导航到内容 > 博客
  • 点击博文名称
  • 在内容编辑器中,单击富文本模块,自定义其内容。
  • 在富文本工具栏中,单击 "插入">"Call-to-action"。

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

在 HubSpot 中点击按钮时触发 CTA

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

    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
  • 点击名称
  • 在左侧面板的 "添加 "选项卡中,搜索并选择默认按钮模块。点击并拖动按钮模块 到页面上。

  • 在左侧面板中,单击链接到下拉菜单并选择CTA
  • 单击CTA 下拉菜单并选择现有的 CTA
  • 继续设置按钮模块。

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

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

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

  • 在 HubSpot 帐户中,导航到营销 > 营销电子邮件
  • 将鼠标悬停在要添加 CTA 的邮件上,然后点击编辑。或创建新邮件
  • 在左侧面板中,单击按钮模块并将其拖入电子邮件编辑器。

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

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


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

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

如果你正在编辑默认主题,则必须先克隆它们。从资产市场购买的主题不能克隆;建议创建一个子主题

自定义主题的按钮模块:

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

在外部内容中添加 CTA

您可以在外部页面添加CTA。在外部网站上使用HubSpot CTA之前,您必须安装HubSpot跟踪代码

安装跟踪代码后,对于大多数激活触发器,CTA会在满足第一个触发器时出现。但是,要使用嵌入式 CTA 或访客点击按钮时触发的 CTA,您需要手动添加 CTA。

在外部网站上嵌入 CTA

要在外部页面中添加嵌入式 CTA,请执行以下操作

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

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

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

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

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

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

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

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