跳到內容
請注意：：這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立，可能沒有經過校對。因此，這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。

为您的 CTA 添加自定义样式（传统）

上次更新時間： 2025年2月19日

可搭配下列任何訂閱使用，除非另有註明：

行銷 Hub   Professional , Enterprise
Content Hub   Professional , Enterprise
舊版 Marketing Hub Basic

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

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

请注意：2025 年 3 月 17 日之后创建的账户无法访问 CTA（传统）工具。

为您的按钮 CTA 添加自定义样式：

  • 在你的 HubSpot 帳戶中，瀏覽「行銷」>「行動呼籲」。
  • 在左上角单击下拉菜单并选择CTA（传统）。
  • 将鼠标悬停在 CTA 上，然后单击操作 >编辑，或单击创建 CTA。

  • 在右侧面板中，向下滚动并单击高级选项。

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

请注意：自定义样式只能应用于自定义按钮，而不能应用于图像按钮。
這篇文章有幫助嗎？
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助。
目錄

相關內容