編輯按鈕CTA的大小
上次更新時間: 五月 22, 2023
可与下列任何一种订阅一起使用,除非有说明:
|
|
舊版 Marketing Hub Basic |
使用內置尺寸選項和自訂CSS調整按鈕CTA的大小。 為影像CTA上傳影像時,您可能需要考慮視網膜優化。
若要進一步自訂您的按鈕CTA ,請瞭解如何使用CSS將自訂風格新增至您的CTA。 如果您要將按鈕CTA新增至電子郵件或範本,請瞭解如何將CTA居中 。
編輯您的CTA大小
您可以手動調整按鈕CTA的大小,或使用自訂CSS自動填充按鈕CTA的容器或模組的寬度。 如果您在非HubSpot網站上 嵌入i MAGE CTA ,您可能需要在樣式表中套用其他CSS聲明(如width: 100%; ) ,以使影像CTA具有響應性。如要編輯按鈕CTA的大小:
- Marketing > Lead Capture > Button CTAs。
- 將鼠標懸停在按鈕CTA上,然後按一下[操作] > [編輯]。
- 在「滑入」面板中,按一下進階選項。
- 如要手動調整自訂按鈕CTA的大小:
- 清除適合文字核取方塊。 這將移除應用的自動調整大小。
- 在按鈕填充區段中,輸入按鈕寬度和按 鈕高度欄位的 大小值。
- 按一下下一步>。
- 按一下儲存。然後按一下完成。
- 要讓您的自訂按鈕CTA填充其容器或模組的整個寬度:
- 清除「自動調整大小」核取方塊。
- 在 自定義CSS 字段中,輸入您的自定義CSS。
- 將寬度設置為寬度: 100%;
- 按一下下一步>。
- 按一下儲存。然後按一下完成。

什麼是Retina優化?
如果收件人在現代版本的Apple Mail和iOS郵件中檢視CTA ,視網絡優化會讓按鈕CTA的圖片在網站頁面和電子郵件中變得更加清晰; Outlook或Gmail等網郵服務不支援此功能。
當您上傳的影像大小至少是按鈕CTA所需大小的兩倍時,支持網絡優化,類似於網絡支援如何運作於網際網路上的所有影像。 另請注意以下內容:
- 如果你建立的CTA為400x100像素,上傳的圖片必須為800x200像素,才能支援@ 2x像素密度顯示。
- CTA支持添加高達4x版本。 例如,如果你要建立的CTA為400x100像素,你可以上傳1600x400像素的圖片。
- CTA將自動在您的網站上渲染,並在可用情況下提供1x、2x、3x和4x版本的srcset屬性。
- 如果上傳的圖片大小與CTA的渲染大小相同,則不會有視網支援。 例如,如果400px x 100px CTA上傳了400px x 100px的圖片
相關內容
-
匯出內容和資料
了解如何從帳戶匯出HubSpot內容和資料,例如頁面、聯絡人和檔案。 請注意:沒有辦法合併HubSpot帳戶之間的所有數據。 在帳戶之間移動資產的最佳方法是從HubSpot帳戶匯出數據,然後匯入物件和...
知識庫 -
將影片新增至您的HubSpot內容
透過HubSpot影片,您可以上傳影片至檔案工具,然後將影片新增至頁面、行銷電子郵件、部落格文章和知識庫文章。 您可以將HubSpot影片插入影片模組中的拖放行銷電子郵件,並在頁面上拖放區域...
知識庫 -
按鈕召喚行動(CTA) |常見問題
在HubSpot中 快速查找關於按鈕c所有到行動(CTA)的答案和一般資訊。 如何將按鈕CTA連結到PDF ? 您可以將PDF上傳到檔案工具,然後直接新增到按鈕CTA : 在 HubSpot 帳戶中,進入「行銷」>「檔案和範本」>「檔案」。 ...
知識庫