請注意::這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立,可能沒有經過校對。因此,這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。
為行動呼籲新增自訂樣式(舊版)
上次更新時間: 六月 12, 2024
可与下列任何一种订阅一起使用,除非有说明:
行銷 Hub Professional , Enterprise |
Content 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元素,請在保存更改之前在此處添加新樣式聲明。
- 點擊右下角的「下一步>」,完成建立或編輯行動呼籲(舊版)。
CTAs
你的意見回饋對我們相當重要,謝謝。
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助。