跳到内容

为您的 CTA 添加自定义样式(传统)

上次更新时间: 二月 12, 2025

除非另有说明,否则适用于以下任何订阅

营销 Hub   Professional , Enterprise
内容 Hub   Professional , Enterprise
旧版 Marketing Hub Basic

使用 HubSpot 的 CTA 高级选项(传统)创建高度定制的 CTA 按钮,使其与您的网站主题完美契合。您可以使用自定义 CSS 类来支持样式表中的自定义类输入,或直接向 CTA 添加自定义 CSS。

要进一步自定义 CTA(传统),请学习如何编辑 CTA 大小。如果要将 CTA(传统)添加到电子邮件或模板,请学习如何将CTA 置中

请注意:自定义样式只能应用于自定义按钮,而不能应用于图像按钮

为按钮 CTA 添加自定义样式:

  • 在 HubSpot 帐户中,导航到营销 > CTA
  • 在左上角单击下拉菜单并选择CTA(传统)
  • 将鼠标悬停在 CTA 上,然后单击操作 >编辑,或单击创建 CTA
  • 在右侧面板中,向下滚动并单击高级选项

  • 您可以使用自定义 CSS自定义 CSS选项对 CTA 应用自定义 CSS 样式。如果同时应用两个选项,可能会导致 CTA 的样式或显示出现问题
    • 自定义 CSS 类:为 CTA 添加自定义类,以支持自定义类输入。当网站页面上的多个 CTA 需要共享一组类似的设计特征(如字体家族、大小,甚至填充和边距)时,这将非常有用。 如果使用自定义 CSS 类,请确保在作为HubSpot 页面样式应用CSS 样式表中包含该类并对其进行样式化。
    • 自定义 CSS:添加自定义样式,仅应用于正在编辑的 CTA。在自定义 CSS 字段中,您可以为该 CTA 应用特定的内联样式。如果您想更改 CTA 的某个元素,请在保存更改之前在此处添加新的样式声明。
  • 在右下角,单击下一步 > 完成 创建或编辑 CTA(传统)
这篇文章有帮助吗?
此表单仅供记载反馈。了解如何获取 HubSpot 帮助