知識庫

為行動呼籲新增自訂樣式(舊版)

作者:HubSpot Support | Nov 21, 2022 11:56:39 AM

使用HubSpot的CTA (舊版)進階選項,建立高度自訂的CTA按鈕,完美配合你的網站主題。 您可以使用自訂CSS類別來 支援樣式表中的自訂類別輸入,或直接將自訂CSS新增至CTA。

如要進一步自訂行動呼籲(舊版) ,請了解如何編輯行動呼籲的大小。 如果你要將行動呼籲(舊版)新增至電子郵件或範本,請了解如何將行動呼籲置中。

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

若要在按鈕中新增自訂樣式,請按照以下步驟操作:

  • 在HubSpot帳戶中,前往「行銷」>「潛在客戶擷取」>「行動呼籲」。
  • 點擊左上角的下拉式選單,然後選擇行動呼籲(舊版)。
  • 將遊標移至行動呼籲,然後點擊「操作 」>「編輯」,或點擊「建立行動呼籲」。 
  • 在右側面板中,向下捲動並按一下進階選項。

  • 你可以使用自訂CSS類別或自訂CSS選項,將自訂CSS樣式套用至CTA。 如果同時套用這兩個選項,可能會導致行動呼籲樣式或顯示出現問題。 
    • 自訂CSS類別:為CTA新增自訂類別,以支援自訂類別輸入。 當網站頁面上的多個行動呼籲需要共享類似的設計特徵(例如字體系列、大小,甚至填充和邊距)時,這非常有用。 如果您使用自訂CSS類別,請確保該類別包含在CSS樣式表中,並設定其樣式,作為HubSpot頁面的主要樣式。
    • 自訂CSS :新增自訂樣式以套用至您正在編輯的CTA。 在「自訂CSS」欄位中,你可以套用特定於該CTA的內嵌樣式。 如果您有要更改的CTA元素,請在保存更改之前在此處添加新樣式聲明。 
  • 點擊右下角的「下一步>」,完成建立或編輯行動呼籲(舊版)