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

在按鈕CTA中新增自訂樣式

上次更新時間: 一月 20, 2023

套用至:

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

使用HubSpot的CTA進階選項來建立高度自訂的CTA按鈕,完全符合您的網站主題。 您可以使用自訂CSS類別來 支援您的樣式表中的自訂類別輸入,或直接將自訂CSS添加到按鈕CTA。

若要進一步自訂按鈕CTA ,請瞭解如何編輯CTA大小。 如果您要將按鈕CTA新增至電子郵件或範本,請瞭解如何將CTA居中

請注意:自訂風格只能套用於自訂按鈕而不能套用於圖片按鈕

若要為按鈕CTA新增自訂風格:

  •  Marketing > Lead Capture > Button CTAs
  • 將鼠標懸停在按鈕CTA上,然後按一下[操作] > [編輯] ,或按一下[建立CTA]。 
  • 在右側面板中向下捲動,然後按一下進階選項

  • 您可以使用自訂CSS類別或自訂CSS選項將自訂CSS風格用至您的按鈕CTA。 如果兩個選項都被套用,可能會導致您的按鈕CTA造型或顯示有問題。 
    • 自訂CSS類別:將自訂類別添加到按鈕CTA ,以支持自訂類別輸入。 當網站網頁上的多個CTA需要分享類似的設計特性時,這非常有用,例如字體族、大小,甚至填充和邊距。 如果您使用自訂CSS類別,請確保類別包含在CSS樣式表中,並且用作HubSpot頁面的主要樣式
    • 自定義CSS :添加自定義樣式以應用於您僅正在編輯的按鈕CTA。 在「自訂CSS」欄位中,您可以套用特定於該按鈕CTA的內嵌造型。 如果您想變更按鈕CTA的元素,請在儲存變更之前在這裡新增風格聲明。 
  • 在右下角,按一下下一步>以完成建立或編輯按鈕CTA

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.