跳转到主要内容

开始使用 Omnisend邮件构建器(Email Builder)

学习如何使用 Omnisend邮件构建器(Email Builder)创建品牌电子邮件(Email)。

作者:Ira

电子邮件(Email)是与您的受众沟通的主要渠道,因此您的电子邮件(Email)必须看起来很棒并反映您的品牌。

Omnisend邮件构建器(Email Builder)通过拖放工具、预构建模板和移动优先布局简化设计 — 无需设计技能。

在本文中,您将学习如何访问 Omnisend邮件构建器(Email Builder)、选择一个模板、添加布局和项目,并保存您的设计。


在您开始之前

  • 请使用台式电脑或笔记本电脑。Omnisend邮件构建器(Email Builder)未针对移动设备进行优化,并且可能无法在小屏幕上正常运行。

  • 配置 品牌资产 一次,即可自动将您的徽标、颜色和按钮样式应用到每封电子邮件(Email)。了解更多关于品牌资产

  • 本指南中探索可用的项目(文本、图像、按钮、产品等)。

  • 查看电子邮件构建器常见问题解答以获取常见问题。

访问 Omnisend邮件构建器(Email Builder)

Omnisend邮件构建器(Email Builder)可通过Campaigns自动化流程(Automation)工作流访问:

通过营销活动(Campaign):

  1. 前往营销活动(Campaign)+ 新建营销活动(Campaign)创建电子邮件(Email)

  2. 输入您的主题行、发件人姓名和发件人电子邮件(Email)。

  3. 点击 选择电子邮件(Email)模板 以打开 Omnisend邮件构建器(Email Builder)。

通过自动化流程(Automation):

  1. 前往 自动化流程(Automation)+ 新建工作流(Workflow) 或 选择现有工作流(Workflow)。

  2. 在您的工作流(Workflow)中添加或编辑一个 电子邮件(Email) 步骤。

  3. 点击 编辑内容选择电子邮件(Email)模板 以打开 Omnisend邮件构建器(Email Builder)。

步骤 1.选择模板

浏览移动优先的电子邮件(Email)模板,或按目标(例如“欢迎”、“促销”、“产品发布”等)筛选,以找到适合您的。

从头开始构建:筛选:其他目标 并选择Plain TextHTML模板。然后从左侧边栏添加您自己的Layouts和Items。

要创建 Gmail 风格的电子邮件(Email):使用HTML/文本块具有大宽度设置(例如,1400像素)。请注意:退订按钮仍将显示(法律要求)。

工作原理:

  • 使用 HTML/文本块 而不是纯文本模板。

  • 将区块宽度设置为一个较高的值(例如,1400像素),以创建更像电子邮件(Email)客户端的外观。

  • 请注意,过大的宽度可能会导致某些屏幕上出现水平滚动条。

  • 取消订阅按钮仍将按要求包含在内。

步骤 2.开始构建您的电子邮件(Email)

⚠️ 重要: 请始终先从左侧的布局选项卡中添加布局。元素(文本、图片、按钮)必须放置在布局内部。如果拖放功能无法使用,请先检查您是否已添加布局。

如何添加布局

  1. 在左侧点击添加元素

  2. 切换到布局选项卡。

  3. 将布局(单列、双列等)拖动到画布上。

如何添加商品

  1. 重新打开左侧的 Add Elements

  2. 将项目(文本、图像、按钮等)拖放到您布局的各个部分。

注意: The产品列表 and产品推荐器块是例外 - 直接将它们拖到电子邮件画布上,而不是放入布局列部分。这些是独立的全宽块,不能放置在列内。

💡 提示: 查看 此指南 以了解所有可用项目。

自定义您的布局

  • 左侧控制(布局上的图标):复制、删除、移动或保存整个布局。

  • 右侧控制(单个项目上的图标):移动、删除、保存或样式特定项目。

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

直接在编辑器中切换桌面和移动视图,以查看您的电子邮件在每个设备上的呈现效果。

切换视图:

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

2. 单击图标在以下之间切换:

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

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

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

💡 注意: 移动视图仅显示静态内容。动态元素(联系人姓名、产品推荐)不会显示。使用 预览和测试 查看动态内容和深色模式。 💬 了解更多: 在移动和桌面视图中编辑电子邮件。

步骤 3。设计您的电子邮件

使用右侧的 电子邮件设置 面板来样式化您的电子邮件:

  • 宽度: 调整画布宽度(默认: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

故意留空

您可以留空布局部分,以创建专注而复杂的设计。

可见性设置

在移动设备与桌面上显示或隐藏特定项目。以获得更好的响应性。

为什么单独优化?

  • 更好的可读性: 调整字体和按钮大小以便于移动交互。

  • 改进的设计控制: 在移动设备上使用不同的图像大小或文本间距。

  • 更高的参与度: 优化良好的移动电子邮件提高点击率。

识别需要调整的关键项目

  • 图像、文本对齐和按钮大小在移动设备与桌面上可能会有所不同。

  • 如果电子邮件在桌面上看起来不错,但在移动设备上不佳,请考虑为不同设备使用单独的项目

如何设置可见性

  1. 单击您想要调整的项目。

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

  3. 选择:

    • 所有设备(默认)

    • 仅限移动设备

    • 仅限桌面设备

💡 提示: 使用预览工具,用于检查您的电子邮件(Email)在桌面和移动设备上的显示效果。

步骤 4.保存您的设计

另存为模板

  1. 点击右上角的下拉菜单。选择 另存为模板.

  2. 命名您的模板。

保存的模板在您创建新活动或自动化时会出现在 保存的模板 下。

保存单独的布局或项目

  • 保存整个布局:单击左侧的 保存 图标(布局控制)。

  • 保存单个项目:点击右侧的 保存 图标(项目控制)。

选项卡中查找已保存的布局和项目。

故障排除

拖放无法工作?

  • 首先添加一个布局 (见步骤 2).

  • 刷新您的浏览器 (撤销历史将重置)。

  • 尝试不同的浏览器 (推荐使用 Chrome)。

  • 暂时禁用浏览器扩展.

  • 检查第三方 cookies 和 JavaScript 是否已启用.

如果您正在添加一个 产品列表产品推荐器 块,这些块是独立的、全宽的块 – 它们不能放入布局列部分中。

HTML 块一直消失?

即使为空也要保留 标签 – 这是验证所必需的。如果该块消失,您的HTML可能存在验证错误。使用一个 HTML 验证器 来修复格式问题。

文本颜色控制不可见?

在文本项中选择纯文本(不是超链接)。在右侧面板中查找 样式工具栏。颜色选择器应与粗体、斜体和其他格式选项一起出现。

撤销按钮不可靠?

重新加载页面会清除撤销历史。定期保存您的模板(右上角下拉菜单 → 另存为模板),以避免丢失进度。

常见问题

我为什么不能将项目拖入我的电子邮件(Email)?

您必须先添加一个布局。项目(文本、图像、按钮)应放置在布局内。转到 添加元素布局,将布局拖到画布上,然后将项目拖入布局部分。

如果在添加布局后拖放仍然无法工作:
• 刷新您的浏览器(注意:撤消历史将丢失)。
• 清除缓存和 cookies。
• 尝试不同的浏览器(Chrome、Firefox、Safari)或隐身模式。
• 检查 JavaScript 和第三方 cookies 是否已启用。

如果问题仍然存在,请与我们的支持联系,提供您的浏览器版本和操作系统。

拖放功能在免费套餐中可用吗,还是仅限于付费套餐?
所有Omnisend邮件构建器(Email Builder)功能,包括拖放,都是在免费计划上完全可用。没有限制。如果您遇到问题,请确保您首先添加了布局(见上文)。

我可以从头开始创建一封电子邮件(Email)而不使用模板吗?

是的。 在模板选择过程中,通过其他目标进行筛选,并选择纯文本HTML模板。这些给你一个空白画布。然后使用布局和项目选项卡构建您的布局。

为什么我的自定义 HTML 块总是消失?

如果代码存在验证错误,HTML 块可能会消失。保持 标签,即使为空 - 它们是必需的。避免删除基本的HTML结构。使用一个 HTML 验证器 在将代码粘贴到构建器之前检查您的代码。另外,请注意,重新加载页面可能会导致未保存的 HTML 块消失。

撤销按钮无法使用。我该如何恢复已删除的内容?

撤销按钮(右上角)在您重新加载页面时会重置。如果撤消历史丢失,您需要手动重新添加已删除的内容。提示: 经常将您的电子邮件(Email)保存为模板(右上角下拉菜单 → 保存为模板),以防止丢失进度。

为什么我无法从我的库中插入图像?

如果您图像库中的“选择”按钮难以看到或缺失,请尝试使用库顶部的网格/列表切换按钮切换视图布局。如果问题仍然存在,请联系支持。

我可以在手机或平板电脑上使用电子邮件构建器吗?

电子邮件构建器仅针对桌面和笔记本电脑进行了优化。在移动设备或平板电脑上构建电子邮件可能会导致功能问题,例如无响应的拖放。使用桌面浏览器(推荐使用Chrome)以获得最佳体验。

如何在我的电子邮件中删除布局或项目?

使用左侧控件(当您将鼠标悬停在布局上时出现的图标)删除整个布局。使用右侧控件(布局内单个项目的图标)删除单个项目,如文本或图像。两者都有一个垃圾桶图标用于删除。

产品列表和产品推荐器之间有什么区别?

  • 产品列表:您手动选择要显示的产品。产品信息是静态的(在您创建电子邮件时捕获)。产品数量没有限制。

  • 产品推荐器:根据您选择的逻辑自动提取最多12个产品(例如,畅销产品,类似于过去的购买)。产品信息是动态的(在发送时更新)。根据每个收件人个性化。

使用产品列表进行特定的策划促销。使用产品推荐器进行个性化的动态建议。

如何在现有内容之间插入布局?
布局只能放置在现有内容的顶部或底部。要在中间添加布局:

  1. 将鼠标悬停在现有布局上→单击“向下移动”以创建空间。

  2. 将新布局拖入该空间。
    或者使用撤消从头开始重建您的结构。

如何在我的电子邮件中垂直堆叠块或并排放置项目?
使用多列布局以获得灵活性:
• 用于并排项目(例如,图像 + 文本):添加一个2列布局,然后将项目拖入每一列。
垂直堆叠:一个接一个地添加单列布局。将项目拖入每个布局。

您还可以将鼠标悬停在布局上,使用向上/向下移动控件重新排序部分。


有任何问题吗? 请联系我们的支持团队,[email protected]或通过应用内聊天。

这是否解答了您的问题?