了解如何使用和导航营销活动编辑器来创建或自定义您的第一个电子邮件营销活动的内容。

编辑现成的电子邮件模板

这是构建电子邮件的最简单也可能是最方便的方法。您所要做的就是选择您喜欢的模板,对其进行自定义以适合您的品牌设计,插入您的 URL,并将我们的图像替换为您的图像。是!您的电子邮件已准备就绪!

屏幕截图 2024-05-07 于 15.24.22.png

从头开始

此选项意味着您需要将结构拖放到模板中,然后用内容块或模块填充它们。

Tidio 的电子邮件营销 2024-04-04 at 15.56.52.png

了解模板的结构

我们的活动编辑器的结构基于 HTML 表格结构。电子邮件的关键元素是可以包含无限数量结构的条带。您可以在此处确定所需的条带数量和类型:

屏幕截图 2024-05-07 at 15.42.45.png

容器在彼此重叠时可以有无限数量的区块。但是,您需要不同的容器来并排放置块。

您可以将块/结构/模块从 Settings 面板拖放到编辑器区域。

编 长 2024-04-05 at 13.14.44.png

您可以通过单击鼠标左键来选择不同的电子邮件元素。单击后,所选元素的可用菜单和设置将在设置面板中打开。

编 长 2024-04-05 at 13.11.41.png

使用下拉菜单,您可以删除、移动和复制电子邮件元素,或将其另存为模块。

Screen_Shot_2021-12-17_at_15.03.55.png

您可以通过使用鼠标选择所需的元素来浏览电子邮件元素。在这种情况下,选择的优先级属于最低级别的元素。

例如,通过单击位于条带中结构中的容器中的块,您将转到块设置菜单。

Screen_Shot_2021-12-17_at_16.00.16.png

使用促销活动编辑器

通过单击您帐户中的任何电子邮件或模板,您将进入编辑模式。编辑模式下的整个编辑器分为 2 个部分:外观和内容。

镜子

此部分包含用于编辑电子邮件的内置设置的几乎所有功能。在 Appearance (外观) 菜单中,您可以访问以下设置:

一般定义

在 General Settings 中,您可以设置电子邮件宽度,默认为 600 像素。您可以设置介于 320 和 900 像素之间的任何大小。

Screen_Shot_2021-12-17_at_16.25.18.png

间距设置为 default,默认情况下,该间距将用于从Content 选项卡 或添加新 轨道 时添加到电子邮件的所有新结构。

您可以为所有后续文本块选择基本 字体 、大小和字体 颜色

Screen_Shot_2021-12-17_at_16.26.50.png

此外,您还可以设置电子邮件中 链接 的颜色( 打开或关闭链接上的下划线),以及电子邮件所有文本元素的默认 行距

请注意,这是确定将在移动设备上显示的行距的唯一方法。

编 长 2024-04-05 at 13.25.41.png

在此菜单中,您可以设置 H1、H2、H3 标题的字体、大小、颜色、粗细和斜体。要将任何文本指定为 “标题”,您需要突出显示该文本并选择 标题类型

Screen_Shot_2021-12-17_at_16.28.52.png

轨道

要将 track (row) 设置为标题、内容、页脚信息条,您需要单击它并在 Settings 面板中设置其值。在这些菜单中,您可以配置每个设置,以分别 应用于每个 track (row)。

在这里,您可以设置文本大小、轨道的背景颜色和内容的背景颜色、字体颜色、链接颜色,为轨道的背景选择图像(行)。

在此菜单中,您可以启用 转发按钮的高亮显示,这些按钮在创建新电子邮件时默认处于禁用状态。按钮菜单允许您设置一些参数,默认情况下用于电子邮件中的所有按钮。

在这里,您可以设置按钮颜色、粗体按钮颜色、字体颜色、文本样式和大小、粗细和倾斜参数,以及设置边框半径(默认设置为 30 像素)。

对 Outlook 的支持 允许您通过插入特殊的 VML 代码元素来改进 Outlook 中按钮的显示。

此外,在菜单的此部分中,您可以设置边框及其颜色。您可以为每个参与方单独设置它们,也可以同时为所有参与方设置它们。

您还可以更改按钮边框 颜色并打开高亮显示的边框颜色。

此外,在此菜单中,您可以为每侧单独设置按钮 的内部间距

移动设计

在这里,您可以控制电子邮件在移动设备上的外观。您可以设置页眉文本大小、内容文本大小、页脚文本大小、信息区域文本大小、“菜单”块的项目文本大小、H1、H2、H3 标题的文本大小,确定它们的水平对齐方式和电子邮件内容间距。

您还可以设置按钮的文本大小,使其与移动设备的整个宽度相同。

内容菜单

Content (内容) 菜单中,您可以向电子邮件添加 结构模块 — 电子邮件或模板的主要元素

要创建模板的这种 “骨架”,您需要拖动一个包含所需数量的容器的结构,然后简单地用模块填充它们。

建筑物

您可以从建筑物的二级菜单中选择包含 1、2、3 或 4 个容器的建筑物。

目前,有 8 个基本 ,包括一个 HTML 块 ,允许您嵌入自定义代码和自定义电子邮件元素。

Screen_Shot_2021-12-17_at_17.09.41.png

例如, 基本图像块

Screen_Shot_2021-12-17_at_17.10.32.png

此块可用于添加最大大小为 3MB 的 PNG、JPG 或 GIF 格式的图像。您可以通过将链接拖动或粘贴到外部源来从计算机添加图像。

Screen_Shot_2021-12-17_at_17.11.12.png

模块

的 Modules菜单包含以前保存的模块,您可以使用这些模块并将其添加到您的电子邮件中。您还可以将自己喜欢的轨道结构和容器添加到Modules (模块) 菜单中,以便以后使用。除此之外,您还可以通过将我们现成的模块拖到您的电子邮件中来使用它们。

Screen_Shot_2021-12-17_at_17.11.40.png

AI 写作支持

您可以通过 AI 驱动的建议来增强您的写作,以匹配具有不同语气和风格的消息。 AI 辅助写作支持 旨在帮助您快速提供高质量、写得很好的文本。借助 AI 的力量,写作支持可以制作出不错的段落。您可以让 AI 为您编写电子邮件内容、要求它翻译消息、更改语气、纠正语法等等!

截图

编辑区域

在编辑模式下,此区域占据了屏幕的大部分区域。

Screen-Shot-2020-10-22-at-11.04.41.png

这是编辑电子邮件和模板的区域。您可以从Settings (设置) 面板中将块/结构/模块拖入其中。在这里,您可以确定所需的 轨道数量及其类型。

Screen-Shot-2020-10-22-at-11.04.59-1200x489.png

使用下拉菜单,您可以删除、移动、复制任何电子邮件元素或将其另存为模块。

您可以通过单击来选择任何元素。选择后,您将在设置面板中看到此设置(请参阅上面的不同元素的可用设置列表)。

每个 结构 可容纳 1 到 4 个容器。

Screen_Shot_2021-12-17_at_17.18.07.png

当您将容器一个放置在另一个容器下时,容器可以容纳无限数量的其他元素,但如果您想将元素放置在右侧或左侧,则需要使用不同的容器。

使用文本

要向电子邮件添加文本:

Screen_Shot_2021-12-17_at_16.28.52.png

如果您需要向文本添加链接,而不仅仅是行动号召按钮,您应该:

编辑总 2024-04-05 at 13.18.34.png

您可以突出显示电子邮件中的链接 – 做您认为正确的事情。

要向文本添加 链接,请突出显示所需的文本,然后单击设置面板中的链接图标。

编辑总 2024-04-05 at 13.21.50.png

然后,在设置面板中,选择最有效的链接类型(协议)并输入其数据。

编辑总长 2024-04-05 at 13.23.03.png

要从文本 中删除 链接,只需单击文本,然后再次单击相同的链接图标。

添加照片

图像是所有电子邮件的基础。无论您的文字多么引人注目,都应该有图像,因为它们通过以最佳方式展示我们的产品来吸引情感。

如何在电子邮件中添加照片:

有四种方法可以执行此操作:

在这里,您可以简单地拖放您打算在活动中使用的图像,或者通过单击“箭头”并从您的计算机中选择图像从您的计算机上传它。

Screen_Shot_2021-12-20_at_09.05.48.png

如果您的计算机上没有保存横幅的图像,欢迎您在线插入指向此图像的链接。在“外部链接”字段中,将链接粘贴到您的照片中。

如果您只打算使用此图像一次,请在下拉菜单中选择“保留为外部链接”选项(如上例所示),然后单击“检查”。

如果您打算将此图像用于其他活动,请单击上面的“项目”选项卡,插入链接,然后选择“下载到图库”选项,然后单击“V”。

Screen_Shot_2021-12-20_at_09.07.44.png

如上例所示,当您将照片上传或下载到图库时,您的照片将保存到您的个人图库中。您只需要转到电子邮件选项卡。

Screen_Shot_2021-12-20_at_09.08.34.png

这里的照片按日期排序,从最新→到最旧。如果图像列表太长,您可以按其名称进行搜索。要在当前的 HTML 电子邮件模板中使用一个,您需要单击所选图像,它将自动出现在您的电子邮件中。

使用图像库

首先,我们的活动编辑器中提供的所有图片都是完全免费的。其次,我们提供超过 100,000 张图片。点击 “Inventory” 选项卡,然后输入您要查找的照片的名称或类别。

选择图像并单击它后,它会立即出现在您正在使用的模板中。这样,您可以检查它是否适合您的电子邮件。如果您喜欢所看到的,请单击“使用”按钮。

屏幕截图 2024-05-07 于 15.55.15.png

照片编辑

在上一段中,我们展示了如何上传和保存照片。但是,如何在活动编辑器中编辑它们呢?

Screen_Shot_2021-12-20_at_09.09.57.png

颜色和背景

为单个容器/轨道(行)设计的背景有助于将收件人的注意力吸引到某些元素上。为完整电子邮件设计的背景使您的设计看起来完整和统一。

如何设置结构的背景颜色

368c76af52bdf407dcc10e6b1ce843c9.gif

注意:您可以按照相同的方式为整封电子邮件设置背景颜色。

如何为所有电子邮件设置背景图片:

背景图像将仅显示在桌面设备上。它不会显示在移动设备上。

某些电子邮件客户端(如 Outlook)可能不显示背景图像。因此,我们还建议为所有电子邮件设置背景颜色,该颜色将类似于背景图像。

电子邮件的底部通常包含联系信息,例如您的网站地址、您联系收件人的原因、隐藏在社交媒体图标后面的社交媒体帐户链接、取消订阅的链接以及负责时事通讯电子邮件的人员的姓名。后者是可选的,但位于其前面的所有元素都是必需的。

Screen-Shot-2020-10-22-at-11.11.54.png

如何建立您的电子邮件底部

它是电子邮件的一个复杂元素。要构建一个,您必须:

提交您的广告活动

在您决定发送营销活动之前,请务必关注它,看看它在客户设备上的外观。

如何查看您的电子邮件

编 长 2024-04-05 at 13.27.44.png

底部菜单栏

提交您的推广活动

编辑(并在必要时更正)电子邮件后,您可以继续查看并发送:

编 长 2024-04-05 at 13.28.26.png

Tidio 的电子邮件营销 2024-04-04 at 16.00.03.png