定制和构建您的电子邮件（Email）营销活动和自动化电子邮件（Email），在 Omnisend邮件构建器（Email Builder）中使用内容区块和布局。将左侧边栏中的任意区块拖动到您的布局中，以添加并配置它。

在本文中，您将了解Omnisend邮件构建器（Email Builder）中可用的各种项目以及如何使用它们。

开始之前

必须在内容区块之前添加布局。模块只能放置在布局内。
使用左侧控件移动、删除或保存布局。使用右侧控件移动、删除或保存单个区块。
您可以保留一个空模块 — 编辑器将在布局中保留该空间。
Omnisend邮件构建器（Email Builder）在浏览器刷新后不会保留撤销历史记录。定期保存您的工作，方法是选择右上角的箭头图标 → 保存为模板。

💬 对于仅在自动化流程（Automation）邮件中可用的区块，请参阅 自动化流程（Automation）事件相关项目。

布局与项目库

所有布局和内容块都在左侧边栏中。

前往 Add Elements 选项卡，查看所有可用区块的完整列表：Text、Button、Image、Logo、Menu、Line/Space、Social Media、Discount、HTML 和 Layouts。

布局是您的电子邮件的核心。先添加布局，然后将内容模块拖入布局列中。

添加布局或模块：

前往左侧边栏中的 Add Elements 选项卡。
将布局或区块拖动到电子邮件中您想要放置的位置。

选中布局后，使用右侧面板设置其内边距、背景颜色或背景图片。

设置完成后，您可以从 Add Elements 菜单开始向您的布局添加项目。

预标题

将Preheader区块从Add Elements菜单拖动到您的电子邮件中。

preheader 包含一个浏览器中查看链接，收件人可通过该链接查看电子邮件的网页版本。这有助于防止在阻止图片或难以渲染 HTML 电子邮件（Email）的电子邮件客户端中出现显示问题。

在模块设置中，您可以更新描述文本并配置样式、字体、字号、行高、颜色、内边距和可见性。

文本

将Text区块从Add Elements菜单拖动到您的电子邮件中。

选择您想要格式化的文本，然后在右侧面板中选择您的选项：文本样式、字体、字体大小、行高、粗体、斜体、下划线、删除线、文本颜色、文本背景颜色、对齐方式、有序和无序列表以及缩进控制。

要更改特定部分的字体系列或字号，请选择该文本并在右侧面板中更新值。

要添加个性化（例如，客户的名字），请在文本工具栏中选择 个性化标签 图标，或直接在文本块中输入 @ 以在线打开个性化菜单。使用菜单中的 搜索栏 快速查找任何变量。了解更多关于个性化的信息。

按钮

将按钮块从 添加元素 菜单拖入您的电子邮件中。

要编辑按钮文本和链接，请选择按钮并在右侧面板中更新值。

要更改按钮样式，请在编辑按钮时单击 按钮设置，或单击电子邮件背景 电子邮件设置 按钮.

您可以为三种按钮类型设置样式：Primary、Secondary 和 Tertiary。对于每种类型，您可以配置：

字体和字号

按钮形状

按钮文本装饰（粗体、斜体和下划线）

文本和背景颜色

边框宽度、样式和颜色

内边距

注意：Email settings 中的按钮样式（Primary、Secondary 和 Tertiary）用作新按钮的默认主题。选择样式后，您 仍然可以单独自定义每个按钮（例如，调整颜色、字体或内边距），而不会影响使用相同样式的其他按钮。

徽标

从 Add Elements 菜单中选择 Logo 模块。

徽标区块使用来自您的Brand assets的默认徽标和店铺 URL。您可以用不同的图片和 URL 替换它们。拖动图片的角以调整其大小。

💡 徽标区块不支持全宽显示，并且会缩放以适应电子邮件客户端中的列宽。这可能导致徽标在预览中与 Omnisend邮件构建器（Email Builder）相比显得更大或模糊。要控制确切的显示尺寸，请使用一个改用 Image 模块：上传您的徽标图片，取消勾选内边距选项，然后拖动角手柄以设置您想要的宽度。

菜单

将Menu区块从Add Elements菜单拖动到您的电子邮件中。

要编辑菜单，请点击您要更改的部分，更新名称并设置链接。使用右侧面板中的 Add new item 添加更多菜单部分。

线/间距

将Line/Space区块从Add Elements菜单拖动到您的电子邮件中。

在右侧面板中，在 Line 和 Space 类型之间切换。对于线条，配置边框宽度、样式、对齐方式和颜色。对于间距，以像素为单位设置高度。

图片

打开Add Elements菜单或Images选项卡，并将Image区块拖动到您的电子邮件中。

在右侧面板中选择您要使用的图片。

支持的格式：JPG、PNG、GIF 和 WebP。
尺寸：2000 像素以下。

调整图像内边距 – 为每个产品图像独立设置顶部、右侧、底部和左侧的内边距值。点击移除填充 以一次性清除所有填充。

要添加链接，请在右侧面板的链接字段中输入目标 URL。

在右侧面板中添加 替代文本。当图像被收件人的电子邮件客户端阻止或关闭时，替代文本会显示出来，并且它会被屏幕阅读器读取，以帮助视觉障碍的收件人。

要调整图像大小，请选择它，悬停在一个角落，然后拖动到您想要的大小。

要在布局中重新排列图像，请使用拖放功能。

注意：图像不能显示得比原始上传文件更大。

视频

要添加视频块，首先添加一个布局，然后将视频块从 添加元素 菜单拖入布局中。

在右侧面板中添加视频 URL。Omnisend 支持 YouTube 和 Vimeo 链接。该链接会自动转换为可点击的图像缩略图。

0💡 您可以使用多列布局在一行中添加多个视频。

⚠️ 视频无法直接在收件箱中播放。 当收件人点击缩略图时，他们会被重定向到托管平台上的视频。此限制适用于所有视频方法，包括 iframe 嵌入和 HTML 视频标签，因为大多数电子邮件客户端会阻止 JavaScript 和嵌入媒体。

如果您需要在电子邮件（Email）体验中播放的视频，请通过 HTML 块使用 可播放 集成。

HTML

将 HTML 块从 添加元素 菜单拖入您的电子邮件中.

您可以使用右侧面板中的编辑器添加自定义 HTML 代码。有关支持的标签和 CSS 元素，请参见 自定义 HTML 内容块。

产品列表

在 添加元素 菜单中找到 产品列表 块，或者从左侧边栏的产品选项卡中选择一个产品列表模板。

配置产品数量，选择要显示的产品详细信息，并样式化该块以匹配您的电子邮件。在右侧面板中使用拖放功能重新排列产品。

产品推荐器

将 产品推荐器 块从 添加元素 侧边栏拖入您的电子邮件中。

产品推荐器会自动从您的店铺中提取最多8个产品，包括图片、标题、描述、价格和产品链接。您可以选择要包含的详细信息。该模块每小时刷新一次，以反映您店铺中的最新产品数据。

4AC 了解更多：添加和配置产品推荐项.

折扣

将折扣块从 添加元素 菜单拖入您的电子邮件中。

使用此区块，您可以为 Shopify、BigCommerce 和 WooCommerce 商店发送自动生成的代码，或手动为所有其他平台插入折扣代码。

该区块可以与其他区块以相同方式进行样式设置，其元素（按钮、标题）可以在 电子邮件（Email）设置 中进行全局配置。

4A1 阅读您平台的完整指南：Shopify 和 BigCommerce | WooCommerce · 其他平台

社交媒体

将 社交媒体 块从 添加元素 菜单拖入您的电子邮件中。

选择您想要包含的社交媒体图标。然后为每个图标配置大小、对齐方式、形状和颜色。

要为每个图标设置链接，请点击图标 00→ 更改链接。如果您在 店铺设置→ 品牌资产中保存了社交媒体个人资料网址，它们将自动填写。

徽章

如果您的店铺在免费套餐上，Omnisend 徽章将出现在您的电子邮件底部。此徽章无法在免费套餐中移除。要移除它，请升级您的套餐。

常见问题

我如何在文本块中将个性化标签作为链接添加？

复制个性化标签。选择您想要转换为链接的文本并添加超链接。在 URL 字段中粘贴个性化标签。这是添加退订链接的相同方法。

我在保存时收到错误 "您的文本需要一些调整"。我该如何解决？

此错误意味着文本包含不支持的格式，通常是从外部来源粘贴的内容。

点击错误消息中的 转到元素。
点击受影响文本的 清除格式。

0💡 如果错误仍然存在：

粘贴为纯文本 而不是富文本：删除受影响的块，创建一个新的块，并使用Ctrl + Shift + V（Windows）或⌘ + Shift + Command + V（Mac）。
检查您的浏览器语言设置。 如果您的浏览器正在翻译 Omnisend 界面（例如，从英语到法语），翻译工具会注入隐藏字符，即使在清除格式后也会持续存在。将页面切换回其原始语言，然后再次尝试清除格式。

如果问题仍然存在，请在错误消息中点击 联系人支持 以打开带有预填上下文的聊天.