Omnisend的邮件构建器(Email Builder)允许您直接在编辑器中切换桌面和移动编辑视图——这样您可以为两种设备设计和编辑电子邮件(Email),而无需切换工具。
在本文中,您将学习如何切换视图、在移动模式下编辑、控制列堆叠以及按设备显示或隐藏内容。
开始之前
此功能与预览和测试不同,它显示您电子邮件的最终渲染及动态内容和深色模式。构建器中的移动视图是用于编辑和设计工作。
这可以帮助您:
以移动优先为设计理念
在查看移动布局时编辑内容
在不离开编辑器的情况下尽早发现布局问题
节省时间并简化工作流程
在桌面和移动视图之间切换
在电子邮件构建器中直接在桌面和移动视图之间切换,以便为每个设备设计和编辑您的电子邮件。
要切换视图:
打开电子邮件构建器(在活动或自动化电子邮件步骤中)。
在顶部工具栏中找到 设备切换(在撤销按钮旁边)。
点击图标在以下之间切换:
桌面(显示器图标) – 默认编辑视图
移动(手机图标) – 移动布局编辑视图
画布会立即调整大小以模拟所选设备。您可以在任一模式下编辑您的电子邮件。
4A1 注意: 切换视图是即时且无损的 – 它仅改变您在编辑器中显示电子邮件的方式,而不是其结构。
在移动视图中编辑
您可以在移动模式下完全编辑您的电子邮件。所有编辑操作在桌面和移动视图中均有效:
拖放块
编辑文本
替换图像
修改按钮
调整间距
更新产品项目
您无需切换回桌面视图即可进行任何更改。
移动视图的工作原理
当您切换到移动视图时:
画布调整为移动屏幕宽度(大约320–414px)。
内容显示的方式与移动电子邮件客户端相同。
更改实时反映。
移动视图显示您的电子邮件在移动设备上的渲染方式,包括:
列堆叠(多列布局变为单列)
文本换行
按钮缩放
间距调整
这确保您的设计与收件人看到的最终结果相匹配。
026A00FE0F 重要: 构建器中的移动视图仅显示 静态内容。动态元素如联系人的名字、产品推荐和折扣代码将不会显示。要预览动态内容和深色模式渲染,请使用 预览和测试(顶部工具栏)。
1F4AC 了解更多: 预览和测试活动与自动化
控制移动设备上的列堆叠
默认情况下,多列布局在移动设备上垂直堆叠。您可以自定义此行为。
要更改列堆叠:
点击 布局(而不是其中的单个项目)。
转到 布局(右侧面板) → 移动堆叠。
选择:
堆叠列(默认) – 列在移动设备上一个接一个地出现
保持并排 – 列在移动设备上保持在一起
用例: 产品网格、比较部分或在移动设备上并排内容至关重要的布局。
📝 了解更多: 使用移动堆叠优化电子邮件布局
按设备显示或隐藏内容
控制哪些内容在桌面、移动或两者上显示.
设置可见性:
点击您想要调整的 项目或布局。
转到 布局(右侧面板) → 显示设置.
选择:
所有设备(默认)
仅移动设备
仅桌面设备
仅在桌面上显示大型主图像
为移动用户显示简化版本
为每个设备使用不同的布局
这有助于您优化电子邮件,而无需重复模板.
💡 提示: 使用 预览和测试 工具检查您的电子邮件在两个设备上的显示效果,包含动态内容.
常见问题解答
我可以在手机或平板电脑的移动视图中编辑吗?
否 电子邮件构建器(包括移动视图切换)仅针对桌面和笔记本电脑进行了优化.使用桌面浏览器(推荐使用Chrome)以获得最佳体验.
切换到移动视图会改变我的电子邮件结构吗?
否 切换只会改变您的电子邮件在编辑器中的显示方式——它不会更改实际的结构或代码.您的电子邮件将在两个设备上正确呈现.
构建器中的移动视图和预览与测试之间有什么区别?
移动视图切换(在构建器中): 让您在查看移动布局的同时进行设计和编辑. 内容是静态的——动态元素(联系人姓名、产品推荐)不会显示. 用于设计工作.
预览与测试: 显示您的电子邮件在电子邮件客户端中的实际呈现效果,包括动态内容、深色模式和特定设备的呈现. 不可编辑——用于最终审核,在发送之前.
📝 了解更多: 预览和测试活动与自动化, 电子邮件中的深色模式.
我可以为移动和桌面设置不同的图像吗?
是的。 使用 显示设置(布局 → 显示设置 → 仅移动设备 / 仅桌面设备)在每个设备上显示不同的图像.这对于显示每个屏幕尺寸的优化图像很有用.
我的订阅者会看到我在移动视图中看到的内容吗?
是的,只有一个例外:移动视图仅显示 静态内容.您的订阅者将看到移动布局 加上 动态内容(他们的姓名、个性化产品推荐、折扣代码等)。始终发送测试电子邮件以查看最终结果.
⚠️ 注意: 高级移动自定义功能(例如,特定于移动的填充、字体大小或独立的移动布局)尚不可用.这些可能会在未来的更新中添加.
我试图在手机/平板电脑上编辑,但布局难以使用. 为什么?
电子邮件构建器针对桌面或笔记本电脑浏览器进行了优化.在移动设备上,您可以进行快速文本编辑,但许多编辑功能不可用.
您可以在移动浏览器上做的事情:
编辑现有块中的文本
随时更新文本
需要桌面的内容:
添加或删除块
拖放项目
调整布局、间距或填充
更改图像或按钮
访问完整的设计控制
为了获得最佳的编辑体验,请使用桌面浏览器.
需要帮助吗? 联系我们,邮箱是[email protected] 或通过应用内聊天.




