編輯 CTA 的大小（舊版）

請注意：2025年3月17日之後建立的帳戶，將無法使用 CTA（舊版）工具。

請透過內建的尺寸設定選項及自訂 CSS 來調整您的 CTA（舊版）尺寸。上傳圖片型 CTA 的圖片時，建議您考量視網膜螢幕的優化。

若要進一步自訂您的 CTA，請了解如何使用 CSS 為 CTA（舊版）新增自訂樣式。若您要將 CTA 加入電子郵件或範本中，請了解如何將CTA（舊版）居中顯示。

編輯您的 CTA（舊版）大小

1. 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「行銷」 > 「CTA」。如果你的帳戶中沒有顯示「更多」，請直接前往「行銷」 > 「CTA」。
2. 在左上角，點擊 下拉式選單並 選擇「CTA（舊版）」。
3. 將游標懸停在某個 CTA 上，然後點選「動作 」> 「編輯」。
4. 在滑出式面板中，點擊「進階選項」。
   
   

5. 若要手動調整自訂 CTA 的大小：
   • 取消勾選「配合文字大小」核取方塊。此操作將移除自動調整大小的設定。
   • 在「按鈕內距」區段中，於「按鈕寬度」和「按鈕高度」欄位中輸入您設定的尺寸值。
   • 點擊「下一步 >」。
   • 點擊「 儲存」。接著，點擊「 完成」。
6. 若要讓自訂的「呼籲行動」按鈕填滿其容器或模組的整個寬度：
   • 取消勾選「自動設定大小」核取方塊 。
   • 在「自訂 CSS」欄位中，輸入您的自訂 CSS。
   • 將寬度設定為width: 100%;
   • 點擊「下一步 >」。
   • 點擊「 儲存」。接著，點擊「 完成」。

何謂 Retina 螢幕優化？

若收件者使用新版 Apple Mail 或 iOS 郵件應用程式查看您的網站頁面或電子郵件中的行動呼籲（CTA）圖片，視網膜螢幕優化可讓圖片更為清晰；此功能不適用於 Outlook 或 Gmail 等網頁郵件服務。

當您上傳的圖片尺寸至少為 CTA 所需尺寸的兩倍時，系統便會支援 Retina 優化，這與網際網路上所有圖片的 Retina 支援機制相同。請同時注意以下事項：

• 若您要建立尺寸為 400px × 100px 的 CTA，則需上傳 800px × 200px 的圖片，才能支援 @2x 像素密度顯示。
• CTA 支援最多 4x 版本。例如，若您要建立一個 400px × 100px 的 CTA，即可上傳一張 1600px × 400px 的圖片。
• 該 CTA 將自動在您的網站上渲染，並透過 srcset 屬性提供 1x、2x、3x 和 4x 版本（若可用）。
• 若上傳的圖片尺寸與 CTA 實際渲染尺寸相同，則不支援 Retina 顯示。例如，若為 400px × 100px 的 CTA 上傳一張 400px × 100px 的圖片