在您的外部网站上嵌入CTA（旧版）

请注意：2025年3月17日之后创建的账户无法使用CTA（旧版）工具。

HubSpot 旧版 CTA 既可在 HubSpot 页面上使用，也可在非 HubSpot 页面上使用。在您的外部网站上使用 HubSpot CTA，以吸引潜在客户并促成转化。

在将CTA（旧版）嵌入外部网站之前，请确保您的页面已安装HubSpot跟踪代码。

开始之前

在外部网站上添加 CTA（旧版）之前，请注意以下事项：

• 当CTA的内容、文本或整体设计发生更改时，嵌入在外部网站上的CTA将自动进行全局更新。
• 由于内容管理系统（CMS）的差异，访问网站 HTML 代码以及嵌入 CTA（旧版）代码的步骤可能有所不同。如果您不确定如何访问网站的 HTML 代码或嵌入外部代码，请将本文通过电子邮件发送给您的网站管理员、IT 部门或技术支持人员。

• 如果您要在 WordPress 网站上嵌入 CTA，请注意以下事项：

  • 若要在 WordPress 网站上嵌入 CTA，您可能需要在外部样式表中添加额外的 CSS 声明，以确保 CTA 具有响应式布局。
  • 如果您发现CTA在 WordPress 中无法正常工作，或者在查看实时页面时嵌入代码被修改，您可能需要使用插件插入 CTA，以确保嵌入代码保持完整。
  • 如果您使用的是最新版本的古腾堡（Gutenberg）——该版本会移除内联 JavaScript——请使用“Inline JS Block for Gutenberg”插件将表单和CTA嵌入页面。
    
    

在外部网站上嵌入 CTA（旧版）

要在外部网站上嵌入按钮式CTA：

1. 在你的 HubSpot 帐户中，单击更多，然后导航到营销 > CTA。如果你的帐户中未显示更多，请直接导航到营销 > CTA。
2. 在左上角，点击下拉菜单并选择“CTA（旧版）”。
3. 在“CTA（旧版）”仪表盘中，将鼠标悬停在某个CTA上，点击“操作”，然后选择“嵌入代码”。
   
4. 在对话框中，点击“复制”。
   
   

5. 转到您的外部网站的内容管理系统（CMS）。
6. 将CTA嵌入代码粘贴到非HubSpot页面的HTML代码中，粘贴位置即为希望CTA显示的位置。
7. 在网页上预览您的 CTA，以查看其上线后的显示效果。
   • 如果 CTA 显示不正确，请确保您的外部 CMS 没有修改您复制的代码。
   • 如果您使用的是图片CTA，可能需要添加额外的样式，以确保图片CTA具有响应式布局。
8. 完成后，发布您的页面。