在内容中添加行动呼吁 (CTA)
上次更新时间: 2025年7月7日
创建呼叫行动(CTA)后,您可以将 CTA 添加到 HubSpot 和外部页面。为外部页面配置 CTA 时,必须安装HubSpot 跟踪代码。您还可以在拖放营销电子邮件中添加 CTA。
在内容中添加 CTA 后,如果您有Marketing Hub或Content Hub Professional或Enterprise订阅,您可以创建一个工作流,在访客与您的 CTA 互动后自动执行操作。例如,访客在 CTA 上提交表单后,您可以触发一系列营销电子邮件来培养新联系人。
了解在内容中添加 CTA
如何将 CTA 添加到页面取决于您创建的 CTA 类型:
- 如果使用嵌入式 CTA,每个页面最多可添加100 个嵌入式 CTA。嵌入式 CTA 可以通过以下方式使用:
- HubSpot 页面中的默认行动呼吁模块
- 营销电子邮件中的默认按钮模块
- 外部网站上的代码片段
- 如果您使用粘贴式横幅、弹出框或滑入式行动号召,您可以选择
- 在访客点击按钮时触发 CTA。
-
- 选择一个或多个激活触发器,然后使用网站的 URL 或访客信息设置目标。一旦满足第一个触发条件,CTA 就会出现在目标页面上,并显示给指定的访客:
- 页面滚动时触发
- 退出时触发
- 经过一段时间后触发
- 未活动时触发
- 选择一个或多个激活触发器,然后使用网站的 URL 或访客信息设置目标。一旦满足第一个触发条件,CTA 就会出现在目标页面上,并显示给指定的访客:
在 HubSpot 内容中添加 CTA
在 HubSpot 页面上,跟踪代码会自动安装。对于大多数激活触发器,CTA 会在满足第一个触发器时出现。
不过,要使用嵌入式 CTA 或访客点击按钮时触发的 CTA,您需要手动添加 CTA。
在 HubSpot 页面上添加 CTA
您可以使用呼叫行动模块在 HubSpot 托管的页面上嵌入 CTA。
-
导航至您的内容:
- 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面。
- 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面。
- 单击内容名称 。
- 在内容编辑器中,单击左侧边栏中的+ 添加 按钮。
- 在侧边栏编辑器中,搜索并单击 "行动呼吁 "模块,然后将其拖动到 页面上的位置。
- 在CTA 部分,单击选择。
在 HubSpot 博文中添加 CTA
- 在 HubSpot 帐户中,导航到内容 > 博客。
- 点击帖子名称 。
- 在内容编辑器中,单击富文本模块,自定义其内容。
- 在富文本工具栏中,单击插入>行动呼吁。
- 在右侧面板中,单击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 在满足第一个激活触发条件时出现。您无需在页面上嵌入 CTA,审查 CTA 时也不会出现嵌入选项。
不过,特别是对于嵌入式 CTA 或访客点击按钮时触发的 CTA,您需要手动添加 CTA。
在外部网站上嵌入 CTA
在外部页面中添加嵌入式 CTA:
- 在 HubSpot 帐户中,导航到营销 > CTA。
- 在左上角单击下拉菜单并选择CTA。
- 将鼠标悬停在 CTA 上,然后单击操作 并选择嵌入。
- 单击复制到剪贴板,将 CTA 代码复制到剪贴板。
- 导航到外部网站的内容管理系统(CMS)。
- 将 CTA 嵌入代码粘贴到非 HubSpot 页面的 HTML 中,无论你想让 CTA 出现在哪里。
- 在网页上预览你的 CTA,检查它上线后的样子。如果 CTA 显示不正确,请检查外部内容管理系统是否修改了代码。
- 完成后,发布页面。
一般来说,编辑 CTA 不会影响其嵌入代码。例如,编辑 "在新标签页中打开链接"选项不会改变嵌入代码中的target="_blank"
属性。
在 CTA 的 iframe 版本呈现之前,嵌入代码片段将充当占位符。渲染后的 CTA 版本将反映编辑器中设置的正确 "在新标签页中打开 "值。
要在占位符的同一窗口中打开链接,用户可以手动将目标属性标记更改为target="_self"
.
在外部网站上点击按钮时触发 CTA
在外部网站上使用 CTA 之前,您必须安装HubSpot 跟踪代码。在外部页面设置触发器:
- 在 HubSpot 帐户中,导航到营销 > CTA。
- 在左上角单击下拉菜单并选择CTA。
- 将鼠标悬停在 CTA 上,然后单击编辑。
- 在顶部,单击 "目标定位 "选项卡。
- 在 "点击按钮时触发 "部分,单击 "代码片段"。

- 在对话框中单击 "复制"。
- 将嵌入类粘贴到外部网站上的按钮中。如果不确定如何在网站上的按钮中添加 CSS 类,可能需要与网站管理员、IT 部门或开发人员合作。
