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

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

上次更新時間: 一月 29, 2024

可与下列任何一种订阅一起使用,除非有说明:

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

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

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

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

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

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

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

 
這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助