在 SmartPush 中设置邮件背景样式并叠加内容区块

SmartPush 的邮件编辑器现已支持多层邮件设计,允许您将图片设置为模块(Section)的背景,并在其上方叠加其他内容区块,例如文字、按钮和折扣码。

此项增强功能为您提供更高的设计灵活度,帮助打造更具视觉吸引力、且更有助于转化的邮件内容。

 


 

什么是多层邮件设计?

多层邮件设计是一种版式设计方式,允许你在同一个邮件区块中组织并叠加不同类型的内容。通过将背景视觉元素与前景内容分离,你可以更精细地控制各个元素的定位、层级和对齐方式,从而更轻松地打造结构清晰、视觉平衡的邮件版式。

通过多层设计支持,您现在可以:

  • 将图片用作 模块样式 (Section) 的背景样式
  • 在同一 模块样式 (Section) 内叠加多个内容区块
  • 无需使用手动 HTML 或外部工具,即可设计更丰富的版式

该功能特别适用于以下场景:

  • 含有文字与行动按钮(CTA)的主视觉 Banner
  • 叠加折扣码的促销区块
  • 具有层次感的品牌故事型视觉排版
     

 

为模块设置背景图片

请按照以下步骤将图片设置为模块样式 (Section) 的背景:

  1. 在 SmartPush 后台,前往 营销活动、自动化 或 弹窗表单,并选择任一支持编辑器的模板。
  2. 在邮件编辑器中,直接点击 紫色的 模块 (Section) 区域。
  3. 进入 模块 (Section) 编辑模式。

  4. 上传图片区域中添加背景图片。
  5. 上传或选择图片,并根据需要调整背景设置。

设置完成后,所选图片将作为该模块的底层背景

 


 

在背景图片上叠加内容区块

当模块样式 (Section) 已设置背景图片后,您可以在其上方添加其他内容区块:

在同一个模块样式 (Section) 的编辑状态下,新增以下区块,例如:

  • 文字
  • 按钮
  • 折扣
  • 其他支持的内容区块 

随后,您可以调整区块的间距、对齐方式与样式,使内容自然叠加在背景图片之上。

所有新增的区块都会显示在背景图片上层,让您能够在单一 Section 中完成多层布局设计。

 


 

使用间距调整区块调整版式

邮件编辑器新增 间距调整区块,帮助您更精细地调整叠加区块之间的间距。

间距调整设置项包括:

  • 高度: 可输入 0–2000 px 之间的整数值
  • 背景颜色: 选填(默认为透明)

还有其它问题?提交请求

评论