电子邮件（Email）是与您的受众沟通的主要渠道，因此您的电子邮件（Email）必须看起来很棒并反映您的品牌。
Omnisend邮件构建器（Email Builder）通过拖放工具、预构建模板和移动优先布局简化设计 — 无需设计技能。
在本文中，您将学习如何访问 Omnisend邮件构建器（Email Builder）、选择一个模板、添加布局和项目，并保存您的设计。
在您开始之前
请使用台式电脑或笔记本电脑。Omnisend邮件构建器（Email Builder）未针对移动设备进行优化，并且可能无法在小屏幕上正常运行。
配置 品牌资产 一次，即可自动将您的徽标、颜色和按钮样式应用到每封电子邮件（Email）。了解更多关于品牌资产
在 本指南 中了解可用的 元素 (文本、图片、按钮、产品等)。
查看Omnisend邮件构建器（Email Builder）常见问题，了解常见问题。
访问 Omnisend邮件构建器（Email Builder）
Omnisend邮件构建器（Email Builder）可通过Campaigns或自动化流程（Automation）工作流访问：
通过营销活动（Campaign）：
前往营销活动（Campaign） → + 新建营销活动（Campaign） → 创建电子邮件（Email）
输入您的主题行、发件人姓名和发件人电子邮件（Email）。
点击 选择电子邮件（Email）模板 以打开 Omnisend邮件构建器（Email Builder）。
通过自动化流程（Automation）：
前往 自动化流程（Automation） → + 新建工作流（Workflow） 或 选择现有工作流（Workflow）。
在您的工作流（Workflow）中添加或编辑一个 电子邮件（Email） 步骤。
点击 编辑内容 或 选择电子邮件（Email）模板 以打开 Omnisend邮件构建器（Email Builder）。
步骤 1.选择模板
浏览移动优先的电子邮件（Email）模板，或按目标（例如“欢迎”、“促销”、“产品发布”等）筛选，以找到适合您的。
从头开始构建：筛选：其他目标 并选择Plain Text 或HTML模板。然后从左侧边栏添加您自己的Layouts和Items。
要创建 Gmail 风格的电子邮件（Email）：使用HTML/文本块具有大宽度设置（例如，1400像素）。请注意：退订按钮仍将显示（法律要求）。
工作原理：
使用 HTML/文本块 而不是纯文本模板。
将区块宽度设置为一个较高的值（例如，1400像素），以创建更像电子邮件（Email）客户端的外观。
请注意，过大的宽度可能会导致某些屏幕上出现水平滚动条。
取消订阅按钮仍将按要求包含在内。
步骤 2.开始构建您的电子邮件（Email）
⚠️ 重要: 请始终先从左侧的布局选项卡中添加布局。元素（文本、图片、按钮）必须放置在布局内部。如果拖放功能无法使用，请先检查您是否已添加布局。
如何添加布局
在左侧点击添加元素。
切换到布局选项卡。
将布局（单列、双列等）拖动到画布上。
如何添加商品
重新打开左侧的 Add Elements。
将项目（文本、图片、按钮、产品等）拖动到您的布局版块中。
💡 提示：查看此指南以了解所有可用的 Items。
自定义您的布局
左侧控件 (布局上的图标)：复制、删除、移动或保存整个布局。
右侧控件 (单个项目上的图标)：移动、删除、保存或设置特定项目的样式。
在桌面和移动视图之间切换
您可以在编辑器中直接切换桌面和移动视图，以查看您的电子邮件（Email）在各个设备上的呈现效果。
切换视图：
1. 在顶部工具栏中找到device toggle （在撤消按钮旁边）。
2. 点击图标可在以下选项之间切换：
- Desktop (显示器图标) – 默认编辑视图
- 移动设备 (手机图标) – 移动布局编辑视图
画布即时调整大小。您可以在任一模式下编辑您的电子邮件（Email）。
💡 注意: 移动视图仅显示静态内容。动态元素（联系人姓名、产品推荐）将不会显示。使用 Preview & Test 来查看动态内容和深色模式。 💬 了解更多: 在移动和桌面视图中编辑电子邮件。
步骤 3.设计您的电子邮件（Email）
使用右侧的电子邮件（Email）设置面板来设置您的电子邮件（Email）样式：
宽度：调整画布宽度（默认值：600px）。
颜色：设置背景色和画布颜色。使用颜色选择器输入十六进制值，或直接从您的电子邮件中取样任何颜色，使用吸管
按钮：选择按钮样式（圆角、直角等）。
您可以更改电子邮件的宽度并调整主题设置，包括在背景设置 中调整背景和画布颜色，以及在按钮设置中调整按钮样式。
撤销/重做
使用右上角的撤消/重做按钮。无限撤销步骤让您恢复到最初。
注意：如果您重新加载页面，撤消历史记录将重置。定期保存您的模板，以避免丢失进度。
💡 键盘快捷键
使用这些快捷方式，加快您的编辑速度：
操作 | Windows | Mac |
删除当前区块或部分 | 退格 / 删除 | 退格 / 删除 |
清除选择 | Esc | Esc |
复制内容块或部分 | Ctrl + D | Cmd + D |
内容块或部分 | Ctrl + C | Cmd + C |
剪切区块或部分 | Ctrl + X | Cmd + X |
从剪贴板粘贴 | Ctrl + V | Cmd + V |
撤消 | Ctrl + Z | Cmd + Z |
重做 | Shift + Ctrl + Z | Shift + Cmd + Z |
有意保留空格
您可以将布局部分留空，以创建专注、精巧的设计。
可见性设置
在移动端显示或隐藏特定项目 对比桌面以获得更好的响应能力。
为什么要单独优化？
更佳可读性：调整字体和按钮大小，以便更便捷的移动端交互。
改进的设计控制：在移动设备上使用不同的图片尺寸或文本间距。
更高的参与度: 优化良好的移动电子邮件可提高点击率。
确定需要调整的关键事项
图片、文本对齐和按钮大小在移动端可能会有所不同。桌面
如果一封电子邮件在桌面端显示良好但在移动端显示不佳，请考虑为不同设备使用单独的项目。
如何设置可见性
点击您想要调整的项目。
前往 Layout （右侧面板） → Display settings。
选择：
所有设备（默认）
仅限移动设备
仅限桌面设备
💡 提示: 使用预览工具，用于检查您的电子邮件在桌面端和移动端的显示效果。
步骤 4.保存您的设计
另存为模板
点击右上角的下拉菜单。选择另存为模板。
为您的模板命名。
当您创建新的营销活动（Campaign）或自动化流程（Automation）时，已保存的模板会显示在Saved Templates下。
保存单个布局或项目
保存整个布局: 点击保存图标在左侧（布局控件）。
保存单个项目: 点击右侧的保存图标（项目控件）。
在Library选项卡中查找已保存的布局和项目。
了解如何使用通用布局保持电子邮件内容一致。
故障排除
拖放功能无法使用？
先添加一个布局 (see步骤 2)。
刷新您的浏览器 (撤销历史记录将重置)。
尝试使用其他浏览器 (推荐使用 Chrome)。
暂时禁用浏览器扩展程序
确保第三方 Cookie 和 JavaScript 已启用
HTML 块总是消失？
保持 标签，即使为空 – 它们是验证所必需的。如果该块消失，您的 HTML 可能存在验证错误。使用 HTML 验证器 来修复格式问题。
文本颜色控件未显示？
在文本项中选择纯文本（非超链接）。查找右侧面板中的样式工具栏。颜色选择器应该与粗体、斜体以及其他格式设置选项一同显示。
撤销按钮不可靠？
重新加载页面会清除撤销历史记录。定期保存您的模板（右上角下拉菜单 → 另存为模板），以避免丢失进度。
常见问题
为什么我无法将项目拖入我的电子邮件？
您必须首先添加一个布局。元素（文本、图片、按钮）应放置在布局中。前往 Add Elements → Layouts，将布局拖到画布上，然后将项目拖到布局部分中。
如果添加布局后拖放功能仍然不起作用：
• 刷新您的浏览器（注意：撤消历史记录将丢失）。
• 清除缓存和 Cookie。
• 尝试使用不同的浏览器 (Chrome、Firefox、Safari) 或无痕模式。
• 检查 JavaScript 和第三方 Cookie 是否已启用。
如果问题仍然存在，请联系我们的支持团队，并提供您的浏览器版本和操作系统。
拖放功能在免费套餐上可用吗，还是仅限于付费套餐？
Omnisend邮件构建器（Email Builder）的所有功能，包括拖放功能，都在免费套餐上完全可用。没有限制。如果您遇到问题，请确保您已首先添加了布局（见上文）。
我可以不使用模板从头开始创建一封电子邮件（Email）吗？
是的。在模板选择过程中，按其他目标筛选，并选择纯文本或HTML模板。这些为您提供了一个自由发挥的空间。然后使用 "Layouts" 和 "Items" 选项卡构建您的布局。
为什么我的自定义 HTML 块总是消失？
如果代码存在验证错误，HTML 块可能会消失。保留 标签，即使为空 – 它们是必需的。避免删除必要的 HTML 结构。使用 HTML 验证器 来检查您的代码，然后再将其粘贴到构建器中。另外请注意，重新加载页面可能会导致未保存的 HTML 块消失。
撤销按钮不起作用。我该如何恢复已删除的内容？
如果您重新加载页面，撤消按钮（右上角）将重置。如果撤销历史记录丢失，您将需要手动重新添加已删除的内容。提示: 经常将您的电子邮件（Email）保存为模板（右上角下拉菜单 → 保存为模板），以防进度丢失。
为什么您无法从您的图库中插入图片？
如果您的图片库中的“Select”按钮难以看到或缺失，请尝试使用库顶部的网格/列表切换按钮来切换视图布局。如果问题仍然存在，请联系支持团队。
您可以在手机或平板电脑上使用Omnisend邮件构建器（Email Builder）吗？
Omnisend邮件构建器（Email Builder）仅针对台式机和笔记本电脑使用进行了优化。在移动设备或平板电脑上构建电子邮件可能会导致功能问题，例如 'drag-and-drop' 无响应。请使用桌面浏览器（推荐使用 Chrome）以获得最佳体验。
如何删除我的电子邮件中的布局或项目？
使用左侧控件（当您将鼠标悬停在布局上时出现的图标）删除整个布局。使用右侧控件（布局中单个项目的图标）删除单个项目，例如文本或图片。两者都有一个用于删除的垃圾桶图标。
Product Listing 和 Product Recommender 有什么区别？
产品列表：您手动选择要展示的产品。产品信息是静态的（在您创建电子邮件时捕获）。产品数量无限制。
Product Recommender：根据您选择的逻辑（例如，畅销产品、与过往购买相似的产品）自动拉取最多 12 个产品。产品信息是动态的（在发送时更新），并根据每个收件人进行个性化。
将 Product Listing 用于特定的、精选的促销活动。将 Product Recommender 用于个性化的、动态的建议。
如何将布局插入到现有内容之间？
布局只能放置在现有内容的顶部或底部。在中间添加布局：
悬停在现有布局上 → 点击 "Move down" 以创建空间。
将新布局拖动到空白区域。
或者使用撤消从头开始重新构建您的结构。
如何在我的电子邮件中垂直堆叠区块或并排放置项目？
使用多列布局以实现灵活性：
• 针对并排项目 (例如，图片 + 文本)：添加一个两栏布局，然后将项目拖入每个栏中。
vertical stacking: 添加单列布局，依次排列。将元素拖入每个布局。
您还可以将鼠标悬停在布局上，并使用上移/下移控件来重新排序部分。
有任何问题吗？请联系我们的支持团队：[email protected] 或通过应用内聊天。