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

创建呼叫行动（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 就会出现在目标页面上，并显示给指定的访客：
    • 页面滚动时触发
    • 退出时触发
    • 经过一段时间后触发
    • 未活动时触发

在 HubSpot 内容中添加 CTA

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

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

在 HubSpot 页面上添加 CTA

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

1. 导航至您的内容：

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

在 HubSpot 博文中添加 CTA

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

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

在 HubSpot 中点击按钮触发 CTA

1. 导航至您的内容：

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

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

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

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

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

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

4. 在左侧面板中，点击链接到下拉菜单。然后，选择CTA。
5. 在CTA 字段下，单击选择。
6. 在右侧面板中，选择要插入的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. 在 "点击按钮时触发 "部分，单击 "代码片段"。

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