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