跳转到主要内容

开始使用 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)模板,或按目标(例如“欢迎”、“促销”、“产品发布”等)筛选,以找到适合您的。

从头开始构建:筛选:其他目标 并选择HTML 模板。然后从左侧边栏添加您自己的布局和项目。

要创建无设计、仅文本的电子邮件(Email),请使用仅文本的Omnisend邮件构建器(Email Builder)。在 电子邮件(Email)模板 步骤中,选择 仅文本

💬 了解更多:创建仅文本电子邮件

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

⚠️ 重要: 请始终从左侧的布局选项卡中首先添加一个 布局。项目(文本、图像、按钮)必须放置在 布局 内。如果拖放功能无法正常工作,请检查您是否首先添加了布局。

如何添加布局

  1. 点击左侧的 添加元素

  2. 切换到 布局 选项卡。

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

如何添加项目

  1. 重新打开左侧的 添加元素

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

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

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

自定义您的布局

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

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

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

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

切换视图:

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. 选择:

    • 所有设备(默认)

    • 仅限移动设备

    • 仅限桌面设备

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

步骤 4。保存您的设计

另存为模板

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

  2. 命名您的模板。

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

保存单独的布局或项目

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

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

标签中查找保存的布局和项目。

故障排除

拖放功能无法使用?

  • 首先添加布局(见步骤 2)。

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

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

  • 暂时禁用浏览器扩展

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

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

HTML块不断消失?

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

文本颜色控制不可见?

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

撤销按钮不可靠?

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

常见问题解答

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

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

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

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

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

我可以从头开始创建没有模板的电子邮件吗?

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

为什么我的自定义 HTML 块不断消失?

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

撤销按钮不起作用。我该如何恢复已删除的内容?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

这是否解答了您的问题?