跳转到主要内容

Omnisend邮件构建器(Email Builder):项目

了解哪些项目可用于您的电子邮件(Email)内容

作者:Ira
在过去一小时内更新

使用拖放式 Items 自定义您的营销活动(Campaign)和自动化的电子邮件(Email)。使用项目来添加或编辑文本、图片、产品、折扣码等。

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


开始之前

  • 请在本指南中了解特定于自动化流程(Automation)的 Items。

布局与项目库

选择您要使用的模板后,所有布局和项目都可以在左侧边栏找到。在这里,您将看到几个选项卡,其中显示了可添加到电子邮件(Email)内容中的项目。

“添加元素”选项卡概述了所有可用的默认元素,例如 Text、Button、Image、Logo、Menu、Line / Space、Social media、Discount、HTML 和可能的 Layouts。

布局是您电子邮件(Email)的骨架,应最先添加。项目应拖动到布局内的电子邮件(Email)内容中。您也可以选择您想要的所有不同类型的布局。将它们拖动到您想要添加的位置。

选择布局后,您可以在右侧菜单中添加内边距、背景颜色或图片。

选择您想要使用的模板后,所有项目都会显示在左侧边栏上。在这里,您会看到几个选项卡,其中显示了可添加到电子邮件(Email)内容中的项目。

与布局类似,要将新的 Item 添加到您创建的版块中,请前往 Add Elements 选项卡,然后将该项目拖到您想要添加它的区域。

使用左侧控件移动、删除或保存布局。使用右侧的控件来移动、删除或保存特定项目。

您可以将某些 Items 留空,构建器会保留该空间,以创建重点更突出、更精美的布局。

预标题

打开 Add Elements or Content 菜单,然后将 Preheader 拖放到您的电子邮件(Email)内容中。

预标题包含一个“在浏览器中查看”链接,该链接允许您的订阅邮件收件人查看存储在 Omnisend 服务器上的电子邮件(Email)消息的网页版。将此链接添加到您的电子邮件(Email)消息预标题中,可以保护您的新闻订阅者,避免他们在显示图片或查看 HTML 电子邮件(Email)时遇到问题。在项目设置中,您可以更改文本的描述和文本设置,包括样式、字体、大小和行高。您还可以选择颜色、内边距、可见性等。

文本

打开 Add Elements 菜单,然后将一个 Text Item 拖放到您的电子邮件(Email)内容中。

要编辑特定 Item 中的文本样式格式,请选择您想要更新的部分。在这里,您可以选择文本样式、字体、字体大小和行高。此外,您可以使用右侧菜单中的多种样式选项来设置您的文本格式。


选项包括加粗、斜体、文本颜色、下划线、删除线,以及对齐(左对齐、居中、右对齐、两端对齐)、创建有序或无序列表,以及减少/增加缩进。只需选择您想要应用更改的文本/单词,然后在右侧选择样式选项。

通过在文本项内选择特定文本,您可以在右侧面板中更改其字体系列和大小。


选择以下选项,将个性化标签添加到您的文本中。电子邮件(Email)发送后,系统将获取有关您客户的个性化数据。阅读更多关于个性化的信息 此处

按钮

打开“添加元素”菜单,然后将“按钮”拖放到您的电子邮件(Email)内容中。

要更改您的按钮文本,请选择该按钮 → 并在右侧边栏中进行编辑。在这里,您也可以添加希望按钮将客户跳转到的链接。

之后,您可以选择您的按钮样式。您可以在编辑 Button 时点击 Button settings ,或点击电子邮件(Email)背景 → Email settings → Buttons 来编辑按钮样式。

在这里,您可以为三种类型的按钮选择样式:Primary、Secondary 和 Tertiary。对于每种按钮类型,您可以选择:

  • 字体和字体大小;

  • 按钮形状

  • 按钮文本格式(粗体、斜体和下划线);

  • 文本和背景颜色;

  • 边框宽度、样式和颜色;

  • 内边距

注意:电子邮件(Email)设置中的按钮样式(Primary、Secondary 和 Tertiary)将作为新按钮的默认主题。一旦选定样式, 仍然可以单独自定义每个按钮(例如,调整颜色、字体或内边距),而不会影响使用相同样式的其他按钮。

徽标

要将徽标添加到您的电子邮件(Email)内容,请从“Add Elements”菜单中选择。

Logo 项目是使用默认徽标和店铺 URL 创建的,您可以在 品牌资产 下进行设置。您可以将它们替换为其他徽标图片和 URL。通过拖动图片的边角来调整大小。

💡 徽标项目不支持全宽显示。要实现全宽效果,请改用“图片”项,并移除图片的内边距。

菜单

添加菜单,引导您的客户前往您店铺的特定部分。您可以从 Add Elements 菜单中添加它。

要编辑菜单,您需要点击您想更改的部分 → 更改名称 → 更改链接。您也可以使用右侧菜单上的“Add new item”按钮添加更多版块。

线条/间距

从“Add Elements”菜单中添加“Line/space”项,以分隔内容或增加更多空间。您可以在右侧菜单中切换 Line 和 Space 类型。您可以为该线条选择边框、宽度、样式、对齐方式和颜色。对于 Space,您可以选择以 px 为单位的间距高度。

图片

打开 Add Elements 菜单或 Images 选项卡,为您的电子邮件(Email)添加图片。


在右侧菜单中添加图片时,请选择您想要添加到电子邮件(Email)内容中的图片。请记住,您可以使用尺寸小于 2000 像素的 JPG、PNG 和 GIF 格式。

选中此复选框,即可一键移除图片内边距:

然后,您会看到一个输入图片链接 URL 的选项。

此外,您还可以添加Alt text。您可能想知道,既然 Alt text 不像在网站上那样影响网站的 SEO,为什么它对电子邮件(Email)中的图片仍然至关重要。您应该将其视为备用文本,为那些默认阻止或关闭图片的用户提供一些关于您图片的背景信息。使用Alt text的另一个重要原因是为了有视觉障碍的订阅者,他们可能会使用屏幕阅读器来描述电子邮件(Email)中的图片。

要调整您的图片大小,请选中它 → 将鼠标悬停在图片一角 → 然后按您需要的方式调整大小。

请注意!您无法将图片放大到比您上传到 Omnisend 的版本更大。因此,如果您希望图片更大,就应该上传更大尺寸的图片到 Omnisend。但是,请记住,图片的尺寸不能超过 2000px。

您也可以使用拖放来重新排列布局中的图片:

视频

要将视频添加到您的电子邮件(Email)中,您首先需要添加一个 Layout(例如,one column),然后从 Add elements 菜单中选择 Video,并将其添加到该布局中。

然后,您需要在右侧菜单中添加视频链接。添加后,Omnisend 将自动将其转换为图像缩略图。目前,支持的两个选项是 Vimeo 视频(带图片缩略图)和 YouTube 视频(带图片缩略图)。

小贴士 ✨ 您还可以使用 Omnisend 的布局,在同一行中放置多个视频。

⚠️ 视频无法在收件箱中直接播放。当收件人点击播放按钮时,他们将被重定向到视频的托管平台(例如 Vimeo 或 YouTube)进行观看。

您也可以查看 Omnisend 与 Playable 的集成, 这是一个用于在邮件中嵌入视频的平台。

HTML

如果您熟悉 HTML,您可以使用 HTML 代码项来自定义您的电子邮件(Email)营销活动。在此处查看允许的 HTML 标签和支持的 CSS 元素。HTML编辑器位于屏幕右侧。

产品列表

Add Elements 菜单中找到 Product Listing,或从左侧菜单的 产品 选项卡下选择任何 Product Listing 模板。

您可以选择要在此产品列表和产品详情中显示的产品数量,并根据您的需求设置其样式。使用右侧菜单上的拖放选项来重新排列产品。

产品推荐器

将 Product Recommender 从 Add Elements 侧边栏拖放到您的电子邮件(Email)内容中。Product Recommender 会自动从您的店铺提取最多 8 个产品——图片、标题、描述、价格以及产品链接。您可以决定哪些信息应包含在电子邮件(Email)内容中。此项目每小时刷新一次,以确保从您的店铺拉取最新信息。

折扣

通过折扣项,您可以为 Shopify、BigCommerce 和 WooCommerce 店铺发送自动生成的代码,或在 Omnisend邮件构建器(Email Builder)中为所有其他平台手动插入折扣代码。

它的样式可以像其他所有内容一样进行设置,并且所有包含的元素都可以与其他按钮、标题等一起在整个模板范围内设置样式。

💡 阅读更多关于 Shopify、BigCommerce、 WooCommerce 以及 其他平台的折扣。

社交媒体

若要将“社交媒体”项添加到您的电子邮件(Email)内容中,请从添加元素菜单中选择它。

首先,请选择您要添加到您的社交媒体的社交媒体图标:

然后,您可以编辑它们的大小、对齐方式、形状,并自定义颜色:

最后,点击您想添加链接的图标 → 点击 'change link' 按钮,为每个社交媒体图标添加链接。如果您已将社交媒体链接添加到联系人信息或品牌资产中,这些链接将自动添加。

徽章

如果您的店铺使用的是免费套餐,您会在电子邮件(Email)内容的底部注意到一个 Badge。请注意,此项目在免费套餐上无法移除;要移除 Omnisend 徽章,您需要升级您的套餐。

常见问题

如何将个性化作为链接添加到文本中?

要将个性化标签作为链接添加到文本中,您需要先复制该个性化标签,然后将文本转换为链接,并将该个性化标签插入 URL 部分。以下示例说明了您如何在 Omnisend邮件构建器(Email Builder)中为您的电子邮件(Email)添加退订链接:

我在保存电子邮件(Email)时一直遇到错误;提示说无法保存更改,并显示“Your text needs some adjustments”。

当内容包含不支持的格式时,通常会出现此错误。这通常是由于从外部来源复制的文本未使用 UTF-8 编码所致。要解决此问题,请点击Review issue,然后为受影响的文本清除格式

如果错误持续出现,请检查您的浏览器是否正在使用翻译工具(例如,英语翻译为法语或西班牙语)。这些工具可能会引入一些无法正常清除的隐藏格式。请将页面切换回原始语言,然后再次尝试清除格式。

准备好更快地增长了吗? 填写表格,即可匹配到一位经过审查的 Omnisend 合作伙伴,他们可以帮助您增加收入——无需猜测。


还有其他问题吗? 请随时联系 Omnisend 支持团队[email protected] 或通过应用内聊天。

这是否解答了您的问题?