跳转到主要内容

在移动和桌面视图中编辑电子邮件

在Omnisend邮件构建器(Email Builder)中切换桌面和移动视图,以实时设计和编辑两种设备的电子邮件(Email)

作者:Ira

Omnisend的邮件构建器(Email Builder)允许您直接在编辑器中切换桌面和移动编辑视图——这样您可以为两种设备设计和编辑电子邮件(Email),而无需切换工具。

在本文中,您将学习如何切换视图、在移动模式下编辑、控制列堆叠以及按设备显示或隐藏内容。


开始之前

  • 使用桌面或笔记本电脑编辑电子邮件(Email)。 邮件构建器(Email Builder)未针对移动设备进行优化,可能无法在小屏幕上正常工作。

  • 此功能在 电子邮件(Email)营销活动自动化流程(Automation) 中均可用。

  • 移动和桌面编辑选项仅适用于拖放电子邮件构建器。它们 不适用于 仅文本电子邮件

  • 移动视图仅显示静态内容 – 动态元素(联系人的名字、产品推荐、折扣代码)将不会显示。使用预览和测试 在发送之前查看动态内容和深色模式渲染。

此功能与预览和测试不同,它显示您电子邮件的最终渲染及动态内容和深色模式。构建器中的移动视图是用于编辑和设计工作

这可以帮助您:

  • 以移动优先为设计理念

  • 在查看移动布局时编辑内容

  • 在不离开编辑器的情况下尽早发现布局问题

  • 节省时间并简化工作流程

在桌面和移动视图之间切换

在电子邮件构建器中直接在桌面和移动视图之间切换,以便为每个设备设计和编辑您的电子邮件。

要切换视图:

  1. 打开电子邮件构建器(在活动或自动化电子邮件步骤中)。

  2. 在顶部工具栏中找到 设备切换(在撤销按钮旁边)。

  3. 点击图标在以下之间切换:

    • 桌面(显示器图标) – 默认编辑视图

    • 移动(手机图标) – 移动布局编辑视图

画布会立即调整大小以模拟所选设备。您可以在任一模式下编辑您的电子邮件。

4A1 注意: 切换视图是即时且无损的 – 它仅改变您在编辑器中显示电子邮件的方式,而不是其结构。

在移动视图中编辑

您可以在移动模式下完全编辑您的电子邮件。所有编辑操作在桌面和移动视图中均有效:

  • 拖放块

  • 编辑文本

  • 替换图像

  • 修改按钮

  • 调整间距

  • 更新产品项目

您无需切换回桌面视图即可进行任何更改。

移动视图的工作原理

当您切换到移动视图时:

  • 画布调整为移动屏幕宽度(大约320–414px)。

  • 内容显示的方式与移动电子邮件客户端相同。

  • 更改实时反映。

移动视图显示您的电子邮件在移动设备上的渲染方式,包括:

  • 列堆叠(多列布局变为单列)

  • 文本换行

  • 按钮缩放

  • 间距调整

这确保您的设计与收件人看到的最终结果相匹配。

026A00FE0F 重要: 构建器中的移动视图仅显示 静态内容。动态元素如联系人的名字、产品推荐和折扣代码将不会显示。要预览动态内容和深色模式渲染,请使用 预览和测试(顶部工具栏)。

控制移动设备上的列堆叠

默认情况下,多列布局在移动设备上垂直堆叠。您可以自定义此行为。

要更改列堆叠:

  1. 点击 布局(而不是其中的单个项目)。

  2. 转到 布局(右侧面板) → 移动堆叠

  3. 选择:

    • 堆叠列(默认) – 列在移动设备上一个接一个地出现

    • 保持并排 – 列在移动设备上保持在一起

移动堆叠

用例: 产品网格、比较部分或在移动设备上并排内容至关重要的布局。

按设备显示或隐藏内容

控制哪些内容在桌面、移动或两者上显示.

设置可见性:

  1. 点击您想要调整的 项目或布局

  2. 转到 布局(右侧面板) → 显示设置.

  3. 选择:

    • 所有设备(默认)

    • 仅移动设备

    • 仅桌面设备

  • 仅在桌面上显示大型主图像

  • 为移动用户显示简化版本

  • 为每个设备使用不同的布局

这有助于您优化电子邮件,而无需重复模板.

💡 提示: 使用 预览和测试 工具检查您的电子邮件在两个设备上的显示效果,包含动态内容.

常见问题解答

我可以在手机或平板电脑的移动视图中编辑吗?

否 电子邮件构建器(包括移动视图切换)仅针对桌面和笔记本电脑进行了优化.使用桌面浏览器(推荐使用Chrome)以获得最佳体验.

切换到移动视图会改变我的电子邮件结构吗?

否 切换只会改变您的电子邮件在编辑器中的显示方式——它不会更改实际的结构或代码.您的电子邮件将在两个设备上正确呈现.

构建器中的移动视图和预览与测试之间有什么区别?

  • 移动视图切换(在构建器中): 让您在查看移动布局的同时进行设计和编辑. 内容是静态的——动态元素(联系人姓名、产品推荐)不会显示. 用于设计工作.

  • 预览与测试: 显示您的电子邮件在电子邮件客户端中的实际呈现效果,包括动态内容、深色模式和特定设备的呈现. 不可编辑——用于最终审核,在发送之前.

我可以为移动和桌面设置不同的图像吗?

是的。 使用 显示设置(布局 → 显示设置 → 仅移动设备 / 仅桌面设备)在每个设备上显示不同的图像.这对于显示每个屏幕尺寸的优化图像很有用.

我的订阅者会看到我在移动视图中看到的内容吗?

是的,只有一个例外:移动视图仅显示 静态内容.您的订阅者将看到移动布局 加上 动态内容(他们的姓名、个性化产品推荐、折扣代码等)。始终发送测试电子邮件以查看最终结果.

⚠️ 注意: 高级移动自定义功能(例如,特定于移动的填充、字体大小或独立的移动布局)尚不可用.这些可能会在未来的更新中添加.

我试图在手机/平板电脑上编辑,但布局难以使用. 为什么?

电子邮件构建器针对桌面或笔记本电脑浏览器进行了优化.在移动设备上,您可以进行快速文本编辑,但许多编辑功能不可用.

您可以在移动浏览器上做的事情:

  • 编辑现有块中的文本

  • 随时更新文本

需要桌面的内容:

  • 添加或删除块

  • 拖放项目

  • 调整布局、间距或填充

  • 更改图像或按钮

  • 访问完整的设计控制

为了获得最佳的编辑体验,请使用桌面浏览器.


需要帮助吗? 联系我们,邮箱是[email protected] 或通过应用内聊天.

这是否解答了您的问题?