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

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

开始之前

使用桌面或笔记本电脑编辑电子邮件（Email）。 邮件构建器（Email Builder）未针对移动设备进行优化，可能无法在小屏幕上正常工作。
此功能在 电子邮件（Email）营销活动 和 自动化流程（Automation） 中均可用。
移动视图仅显示静态内容 – 动态元素（联系人姓名、产品推荐、折扣代码）将不会显示。使用预览和测试 在发送之前查看动态内容和深色模式渲染。

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

这可以帮助您：

以移动优先的理念进行设计
在查看移动布局时编辑内容
在不离开编辑器的情况下尽早发现布局问题
节省时间并简化您的工作流（Workflow）

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

直接在Omnisend邮件构建器（Email Builder）中切换桌面和移动视图，以为每种设备设计和编辑您的电子邮件（Email）。

要切换视图：

在营销活动（Campaign）或自动化流程（Automation）电子邮件步骤中打开Omnisend邮件构建器（Email Builder）。
在顶部工具栏中找到 设备切换（在撤消按钮旁边）。
点击图标在以下视图之间切换：
- 桌面（显示器图标） – 默认编辑视图
- 移动（手机图标） – 移动布局编辑视图

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

💡 注意: 切换视图是即时且无损的 – 它只改变您在编辑器中查看电子邮件（Email）的方式，而不改变其结构。

在移动视图中编辑

您可以在移动模式下查看时完全编辑您的电子邮件（Email）。所有编辑操作在桌面和移动视图中均可使用：

拖放块
编辑文本
替换图像
修改按钮
调整间距
更新产品项目

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

移动视图的工作原理

当您切换到移动视图时：

画布调整为移动屏幕宽度（约320–414px）。
内容显示的方式与移动电子邮件（Email）客户端中的一样。
更改实时反映。

移动视图显示您的电子邮件（Email）在移动设备上的呈现方式，包括：

列堆叠（多列布局变为单列）
文本换行
按钮缩放
间距调整

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

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

了解更多：预览和测试活动与自动化

控制移动设备上的列堆叠

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

要更改列堆叠：

点击布局（而不是其中的单个项目）。
转到布局（右侧面板） 移动堆叠。
选择：
- 堆叠列（默认） – 列在移动设备上一个接一个地出现
- 保持并排 – 列在移动设备上保持并排

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

📝 了解更多: 使用移动堆叠优化电子邮件（Email）布局

按设备显示或隐藏内容

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

要设置可见性：

点击您想要调整的 项目或布局。
转到布局（右侧面板） 显示设置。
选择：
- 所有设备（默认）
- 仅移动设备
- 仅桌面设备

仅在桌面上显示大型主图像
为移动用户显示简化版本
为每个设备使用不同的布局

这帮助您在不重复模板的情况下优化您的电子邮件（Email）。

💡 提示: 使用 预览和测试 工具检查您的电子邮件（Email）在动态内容下在两种设备上的显示效果。

常见问题

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

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

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

否切换仅改变您在编辑器中查看电子邮件（Email）的方式 – 它不会改变实际的结构或代码。您的电子邮件（Email）将在两种设备上正确呈现。

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

移动视图切换（在构建器中）: 让您在查看移动布局的同时进行设计和编辑。内容是静态的 – 动态元素（联系人姓名、产品推荐）将不会显示。使用此功能来设计工作。
预览和测试: 显示您的电子邮件（Email）在电子邮件（Email）客户端中的实际呈现方式，包括动态内容、深色模式和设备特定的渲染。不可编辑 – 请将此用于发送前的最终审核。

📝 了解更多: 预览和测试活动与自动化, 电子邮件中的黑暗模式.

我可以为移动设备和桌面设备设置不同的图片吗？

可以。使用 显示设置（布局 → 显示设置 → 仅移动设备/仅桌面设备）在每个设备上显示不同的图片。这对于展示每种屏幕尺寸的优化图片非常有用。

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

是的，唯一的例外是：移动视图仅显示 静态内容。您的订阅者将看到移动布局加上动态内容（他们的名字、个性化产品推荐、折扣码等）。始终发送测试电子邮件（Email）以查看最终结果。

⚠️ 注意: 高级移动自定义功能（例如，特定于移动的内边距、字体大小或独立的移动布局）尚不可用。这些功能可能会在未来的更新中添加。

我在手机/平板上尝试编辑，但布局难以使用。为什么？

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

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