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

创建行动号召（CTA）后，您可将其添加至HubSpot平台及外部页面。为外部页面配置CTA时，必须安装HubSpot跟踪代码。您还可将CTA添加至拖放式营销邮件中。

在内容中添加CTA后，若您订阅了Marketing Hub或Content Hub专业 版/企业版，可创建工作流以自动化处理访客与CTA互动后的操作。例如当访客通过CTA提交表单时，即可触发系列营销邮件培育新联系人。 

Und了解如何向内容添加CTA

添加CTA至页面的方式取决于创建的CTA类型：

• 若使用嵌入式CTA，每页最多可添加100个。嵌入式CTA可通过以下方式使用：
  • HubSpot页面默认的行动号召模块
  • 营销邮件中的默认按钮模块
  • 外部网站的代码片段
• 若使用固定横幅、弹出框或滑入式行动号召，可选择：
  • 设置当访客点击按钮时触发行动号召显示。

• • 选择一个或多个激活触发器，然后通过网站URL或访客信息设置目标。当首个触发条件满足时，该CTA将在目标页面及指定访客群体中显示： 
    • 页面滚动触发
    • 退出意图触发
    • 时间间隔触发
    • 闲置时间触发

在

HubSpot内容中添加CTA

HubSpot页面会自动安装跟踪代码。对于大多数触发条件，当首次满足触发条件时，CTA将自动显示。

但若需使用嵌入式CTA或访客点击按钮触发的CTA，则需手动添加。 

在HubSpot页面添加CTA

您可通过"行动号召"模块在HubSpot托管的页面嵌入CTA。 

1. 导航至您的内容： 

   • 网站页面：在 HubSpot 帐户中，导航到内容 > 网站页面。
   • 着陆页：在 HubSpot 帐户中，导航到内容 > 登陆页面。
2. 点击内容名称。 
3. 在内容编辑器中，点击左侧边栏的“+ 添加”按钮。 
4. 在侧边栏编辑器中，搜索并点击"行动号召"模块，将其拖拽至页面指定位置。 
5. 在CTA 区域中，点击选择行动号召。
    

为HubSpot博客文章添加行动号召

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

5. 在右侧面板中，点击“行动号召”选项卡 。
6. 选择要插入的CTA，然后点击插入。 
7. 在左侧面板中，点击应用更改。所选的CTA现在将显示在您的富文本编辑器和预览中。 

在 HubSpot 中通过按钮点击触发 CTA当

，可

CTA。

1. 导航至您的内容：

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

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

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

为拖放式营销邮件添加嵌入式CTA，并跨多个触点追踪CTA优惠效果。

请注意：创建或选择邮件CTA时仅支持单一按钮或图片元素，无法使用包含按钮与图片等复合元素的CTA。

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

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

4. 在左侧面板中，点击链接下拉菜单，然后选择"CTA"。 
5. 在CTA字段下方点击选择。 
6. 在右侧面板中选择要插入的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显示异常，请确认外部CMS未修改代码。
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部门或开发人员协助操作。