跳到内容

创建 "行动呼吁"(CTA)(传统)

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

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

营销 Hub   Professional , Enterprise
内容 Hub   Professional , Enterprise
旧版 Marketing Hub Basic

传统的行动号召(CTA)是您可以在 HubSpot 内容上使用的按钮,用于将潜在客户引向您的网站,然后让他们在网站上进行表单转换。创建 CTA 后,您可以查看 CTA 的浏览量和点击量。了解有关分析 CTA(传统)性能的更多信息。

要创建按钮、横幅或弹出式窗口等更多 CTA 类型,请了解如何使用新的 CTA 编辑器

请注意: 建议将现有的传统 CTA 迁移到新编辑器。了解有关迁移 CTA(传统)的更多信息。

创建 CTA(传统)

创建 CTA(传统)时,您可以设计自定义按钮或使用图片作为 CTA。开始创建 CTA(传统):
  • 在 HubSpot 帐户中,导航到营销 > CTA
  • 在左上角单击下拉菜单 并选择CTA(传统)。
  • 在右上角,单击创建 CTA。

设计自定义按钮

您可以使用 CTA 编辑器中的设计选项将 CTA(传统)设置为自定义按钮。将 CTA 设计为自定义按钮:

  • 在右侧面板中选择自定义按钮。
  • 使用以下选项设计按钮样式:
    • 按钮内容: 输入 CTA 按钮上显示的文本。您还可以添加表情符号。您的联系人和访客将看到他们所使用设备(Mac、Windows、Chrome、Android 等)的本地表情符号样式。
    • 按钮样式: 使用下拉菜单为您的 CTA 按钮选择样式。如果希望按钮看起来像普通文本链接,请从下拉菜单中选择链接(无样式) 。
    • 按钮颜色: 单击颜色选择器或在按钮颜色字段中输入自定义颜色十六进制值。
    • 高级选项: 单击高级选项自定义CTA 的像素填充CSS 样式
  • 在右侧面板底部,单击下一步 >。




设计图像按钮

您也可以上传图片作为 CTA 设计,而不是设计一个自定义按钮。将 CTA 设计为图片按钮:

  • 在右面板中选择图片按钮。
  • 上传图片并设计 CTA 样式:
    • 上传:从设备中选择图片文件。
    • 浏览图片: 从文件管理器中选择图片。从 "插入图片"面板中选择用作 CTA 按钮的图片 。
    • 宽度:调整图片按钮的 宽度 。了解有关对上传图片进行视网膜优化的更多信息。
    • 高度:调整图片按钮的 高度
    • Alt 文本:输入图片的alt 文本
  • 在右侧面板底部,单击下一步 >。



设置 CTA(传统)选项

设计好 CTA(传统)后,请设置 CTA 选项,以确定 CTA 名称、CTA 重定向到的位置以及任何相关的营销活动。

设置 CTA 选项

  • 在选项页面中,配置以下内容:
    • CTA 内部名称:输入 CTA 的名称。只有 HubSpot 账户中的用户才能看到 CTA 内部名称。
    • URL 重定向类型: 选择 CTA 重定向到的选项 。
      • 外部网站 URL:将 CTA 链接到 HubSpot 以外的外部页面。在 "输入 URL"字段中,输入您要引导访客访问的网站 URL。
      • HubSpot 页面或博文:将 CTA 链接到 HubSpot 页面或博文。点击HubSpot 页面或博文下拉菜单,然后选择页面或博文。按钮CTA 的链接将与页面 ID 绑定,页面 URL 的任何更改都将自动更新按钮CTA 的链接。
      • 会议链接: 将 CTA链接 到HubSpot 会议链接。单击 "选择会议链接 "下拉菜单,然后选择会议链接。要在新页面中打开该链接,请选择 "在新窗口中打开页面"复选框。
      • 文件链接: 将 CTA链接 到文件管理器中的文件。单击 "浏览文件 " 并选择一个文件,然后选择 "在新窗口 中打开页面 "复选框,如果您希望点击 CTA按钮的访客在新的浏览器窗口中查看图片的话。
      • 电子邮件地址:创建 mailto 链接。
      • 电话号码:创建一个拨打指定电话号码的链接。
    • 营销活动: 如果要将 CTA(传统)分析与营销活动相关联,请单击下拉菜单 并选择营销活动。
  • 单击保存。现在,您的 CTA 将显示在窗格顶部。

请注意

  • CTA(传统)工具不支持个性化标记。在按钮CTA 中添加个性化标记会导致错误。在博文、页面或营销电子邮件中,您可以考虑使用按钮模块来代替个性化标记。
  • 使用内容暂存设置页面时,CTA(传统)不会自动更新,仍会链接到原始页面。建议更新现有的 CTA 或为新页面创建新的按钮CTA。

完成创建 CTA(遗留问题)

设置完 CTA 的设计和选项后,您可以执行以下操作:
  • 要编辑 CTA 内部名称,请单击顶部 的 edit 铅笔图标 编辑 CTA 的内部名称。
  • 要完成 CTA 创建,请单击 "关闭"。
  • 要创建智能按钮CTA,请单击创建智能版本。
  • 要对按钮CTA 进行 A/B 测试,请单击创建多元测试。



其他 CTA(传统)操作

在 CTA(传统)仪表板上,您可以分析高级指标,查看 CTA 的执行情况,并对列出的任何 CTA 采取行动:

  • 要预览您的 CTA,请将鼠标悬停在 CTA 上并单击预览,以在预览侧边栏窗格中显示您的 CTA。
  • 要对 CTA 采取行动,请单击 "行动"下拉菜单并选择以下其中一项:
    • 编辑:在 CTA(传统)编辑器中修改 CTA。
    • 创建多变量测试:创建 CTA 的第二个版本,以便对联系人和访客进行 A/B 测试
    • 创建智能版本:创建智能按钮CTA,根据特定的显示规则显示不同版本的 CTA。
    • 查看详情:查看 CTA 的分析结果,如查看次数、点击次数和提交次数。
    • 克隆:创建 CTA 的精确副本。
    • 嵌入代码:复制并粘贴嵌入代码,将 CTA 添加到外部页面。
    • 删除:永久删除您的 CTA。

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