在内容中添加行动呼吁 (CTA)
上次更新时间: 二月 12, 2025
除非另有说明,否则适用于以下任何订阅:
|
|
创建呼叫行动(CTA)后,您可以将 CTA 添加到 HubSpot 和外部页面。为外部页面配置 CTA 时,必须安装HubSpot 跟踪代码。您还可以在拖放营销电子邮件中添加 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 帐户中,导航到内容 > 博客。
- 点击博文名称 。
- 在内容编辑器中,单击富文本模块,自定义其内容。
- 在富文本工具栏中,单击 "插入">"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 部门或开发人员合作。