SmartPush 的邮件编辑器现已支持多层邮件设计,允许您将图片设置为模块(Section)的背景,并在其上方叠加其他内容区块,例如文字、按钮和折扣码。
此项增强功能为您提供更高的设计灵活度,帮助打造更具视觉吸引力、且更有助于转化的邮件内容。
什么是多层邮件设计?
多层邮件设计是一种版式设计方式,允许你在同一个邮件区块中组织并叠加不同类型的内容。通过将背景视觉元素与前景内容分离,你可以更精细地控制各个元素的定位、层级和对齐方式,从而更轻松地打造结构清晰、视觉平衡的邮件版式。
通过多层设计支持,您现在可以:
- 将图片用作 模块样式 (Section) 的背景样式
- 在同一 模块样式 (Section) 内叠加多个内容区块
- 无需使用手动 HTML 或外部工具,即可设计更丰富的版式
该功能特别适用于以下场景:
- 含有文字与行动按钮(CTA)的主视觉 Banner
- 叠加折扣码的促销区块
- 具有层次感的品牌故事型视觉排版
为模块设置背景图片
请按照以下步骤将图片设置为模块样式 (Section) 的背景:
- 在 SmartPush 后台,前往 营销活动、自动化 或 弹窗表单,并选择任一支持编辑器的模板。
- 在邮件编辑器中,直接点击 紫色的 模块 (Section) 区域。
进入 模块 (Section) 编辑模式。
- 上传图片区域中,添加背景图片。
上传或选择图片,并根据需要调整背景设置。
设置完成后,所选图片将作为该模块的底层背景。
在背景图片上叠加内容区块
当模块样式 (Section) 已设置背景图片后,您可以在其上方添加其他内容区块:
在同一个模块样式 (Section) 的编辑状态下,新增以下区块,例如:
- 文字
- 按钮
- 折扣
- 其他支持的内容区块
随后,您可以调整区块的间距、对齐方式与样式,使内容自然叠加在背景图片之上。
所有新增的区块都会显示在背景图片上层,让您能够在单一 Section 中完成多层布局设计。
使用间距调整区块调整版式
邮件编辑器新增 间距调整区块,帮助您更精细地调整叠加区块之间的间距。
间距调整设置项包括:
- 高度: 可输入 0–2000 px 之间的整数值
- 背景颜色: 选填(默认为透明)

评论