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

新增自訂樣式至您的 CTA (傳統)

上次更新時間： 2025年9月23日

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

使用 HubSpot 的 CTA (legacy) 進階選項，建立高度自訂的 CTA 按鈕，與您的網站主題完美搭配。您可以使用自訂 CSS 類別來支援樣式表的自訂類別輸入，或直接將自訂 CSS 加入 CTA。

若要進一步自訂您的 CTA (傳統)，請瞭解如何編輯 CTA 大小。如果您要將 CTA（傳統）加入電子郵件或範本，請瞭解如何將CTA 置中。

請注意：2025 年 3 月 17 日之後建立的帳戶無法使用 CTA（傳統）工具。

要為您的按鈕 CTA 加入自訂樣式：

  1. 在你的 HubSpot 帳戶中，瀏覽「行銷」>「行動呼籲」。
  2. 在左上方按一下下拉式功能表，然後選擇CTA（傳統）。
  3. 將滑鼠移至 CTA 上，然後按一下動作 >編輯，或按一下建立 CTA。

  4. 在右側面板中，向下捲動並按一下進階選項。

  5. 您可以僅使用自訂 CSS類別或自訂 CSS選項，將自訂 CSS 設定套用至 CTA。如果同時套用兩個選項，可能會導致 CTA 設定或顯示問題 。
    • 自訂 CSS 類別：將自訂類別新增至 CTA，以支援自訂類別輸入。當您網站頁面中的多個 CTA 需要共用一組類似的設計特徵時，例如字型族、大小，甚至是襯墊和邊距，這就非常有用。 如果您使用自訂 CSS 類別，請確保該類別已包含在作為HubSpot 頁面主要樣式套用的CSS 樣式表中，並已設定樣式。
    • 自訂 CSS：新增自訂樣式，僅應用於您正在編輯的 CTA。在自訂 CSS 欄位 中，您可以套用特定於該 CTA 的內嵌式樣式。如果您有想要變更的 CTA 元素，請在儲存變更之前，在此新增樣式宣告。
  6. 在右下方，按一下下一步 > 完成 建立或編輯您的 CTA（傳統）。

請注意：自訂樣式只能套用至自訂按鈕，而不能套用至圖片按鈕。

cta-advanced-options
這篇文章有幫助嗎？
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助。
目錄

相關內容

New call-to-action