SmartPush 的電子郵件編輯器支援多層電子郵件設計。您可以自訂圖片作為區段（Section）的背景，並在其上方疊加其他區塊，例如文字、按鈕與促銷折扣區塊。大幅提升設計彈性，協助您打造更具視覺吸引力、也更有助於提升轉換表現的電子郵件內容。
目錄
什麼是多層郵件設計？
在過去的電子郵件編輯器中，每個區段僅支援單層內容，一旦加入圖片，便無法在同一區域中再放入其他區塊。透過多層郵件設計，您現在可以：
- 將圖片設定為區段的背景樣式
- 在同一個區段中疊加多個區塊（如文字、按鈕、促銷折扣區塊）
- 無需撰寫 HTML 或使用外部工具，即可設計出更豐富的郵件內容
此功能特別適用於以下情況：
- 含有文字與 CTA 按鈕的主視覺 Banner
- 疊加促銷折扣區塊的折扣碼
- 具層次感的品牌故事視覺排版
設定區段的背景圖片
請依照以下步驟，將圖片設定為區段的背景：
前往 SmartPush 後台，於行銷活動、自動化中開啟任一電子郵件模板。
於電子郵件編輯器中，點選任一區段。
-
右側將顯示區段的編輯欄位。
於「上傳圖片」中點選加號圖示。
上傳或選擇圖片後，依需求調整相關設定。
在背景圖片上疊加區塊
將區段的背景圖片設定完成後，您可以在其上方加入其他區塊。在同一個區塊的編輯狀態下，新增以下任一區塊：
- 文字
- 按鈕
- 促銷折扣
- 其他支援的區塊
加入區塊後，調整其間距、對齊方式與樣式，使內容自然呈現在背景圖片之上。
所有新增的區塊都會顯示在背景圖片的上層，讓您能在單一區段中完成多層次的郵件設計。
空白間距區塊
您可以利用「空白間距」區塊，更精細地調整區塊之間的間距。
空白間距區塊可調整的設定包含：
- 高度：支援 0-2000 px 的整數值
- 背景顏色：選填（預設為透明）
評論