# 使用拖放编辑器创建电子邮件内容

在 Pushwoosh 内置的编辑器中无需编写代码即可构建电子邮件内容。您将获得一个可重复使用的布局，其中包含内容块、图片、按钮、个性化文本和合规的页脚，您可以在 Customer Journey 或一次性电子邮件中使用。

<Aside type="note">
更喜欢 HTML？使用 Pushwoosh HTML 代码编辑器以获得更多控制。[了解更多](/zh/product/content/email-content/html-code-editor)
</Aside>

<Aside type="caution" title="重要">
在开始之前，请设置电子邮件的语言、主题行和发件人详细信息。[了解如何操作](/zh/product/content/email-content/set-up-your-email-in-the-editor/)
</Aside>

## 创建新的电子邮件内容

1. 前往 **内容 (Content)** → **电子邮件内容 (Email content)**。
2. 选择如何开始：
   * 点击 **创建电子邮件内容 (Create email content)** 打开拖放编辑器，从头开始构建电子邮件。
   * 点击 **创建电子邮件内容 (Create email content)** 旁边的箭头，然后选择 **使用模板 (Use a template)**，从图库中的预构建布局开始。
   * 点击 **创建电子邮件内容 (Create email content)** 旁边的箭头，然后选择 **HTML 代码 (HTML code)** 以使用 HTML 代码编辑器。[了解更多](/zh/product/content/email-content/html-code-editor/)

<img src="/emails-drag-and-drop-email-editor-1.webp" alt="“创建电子邮件内容”按钮，带有一个显示“使用模板”和“HTML代码”的菜单"/>

## 探索编辑器布局

打开电子邮件后，内置编辑器包含以下区域：

**顶部栏**

重命名电子邮件、撤销或重做更改、保存您的工作或发送测试电子邮件。

<img src="/emails-drag-and-drop-email-editor-2.webp" alt="电子邮件编辑器的顶部栏，包含模板名称、撤销、重做、测试电子邮件和保存"/>

**语言/主题/预标题栏**

在画布上方，切换编辑语言并设置电子邮件的主题行和预标题。[了解如何设置这些内容](/zh/product/content/email-content/set-up-your-email-in-the-editor/)。

<img src="/emails-drag-and-drop-email-editor-3.webp" alt="画布上方的语言、主题和预标题栏，带有一个语言切换器和文本字段"/>

**画布**

查看收件人将看到的电子邮件，并直接在布局上编辑文本、图片和按钮。一封空的电子邮件会显示 **从一个块开始 (Start with a block)**。

<img src="/emails-drag-and-drop-email-editor-4.webp" alt="电子邮件编辑器中的空画布，带有“从一个块开始”的提示" width="480"/>

**图层面板**

以树状结构列出您电子邮件中的每个块，顺序与画布上相同。从左边缘打开它以选择嵌套的块或拖动行以重新排序内容。

<img src="/emails-drag-and-drop-email-editor-5.webp" alt="图层面板以树状结构列出卡片、图片、标题、文本和页脚"/>

**右侧面板**

使用 **块 (Blocks)** 向电子邮件添加内容，使用 **设置 (Settings)** 进行适用于整个电子邮件的样式设置。请参阅[配置全电子邮件范围的样式](#configure-email-wide-styling)。

<img src="/emails-drag-and-drop-email-editor-6.webp" alt="右侧面板中的“块”选项卡，包含标题、文本、按钮、图片和其他内容块" width="240"/>

## 开始构建您的电子邮件

1. 从 **块 (Blocks)** 面板拖动一个块到画布上，或单击面板中的一个块以添加它。
2. 以同样的方式继续添加块，直到布局完成。
3. 当您需要全电子邮件范围的样式时，打开 **设置 (Settings)** 选项卡。

### 添加内容块

打开 **块 (Blocks)** 选项卡，将一个块拖到画布上，或单击一个块以添加它。可用块：

* **[标题](#heading-and-text)：** 电子邮件中的标题和短标题
* **[文本](#heading-and-text)：** 正文和较长的描述
* **[按钮](#button)：** 一个可点击的行动号召
* **[图片](#image)：** 来自[媒体库](/zh/product/content/media-store/)、上传或 URL 的图片
* **[分隔线](#divider)：** 一条在视觉上分隔区域的线
* **[2 列](#columns)：** 两个并排的等宽列
* **[3 列](#columns)：** 三个并排的等宽列
* **[4 列](#columns)：** 四个并排的等宽列
* **[33 / 67](#columns)：** 两列，左列约占 33% 宽度，右列约占 67%
* **[67 / 33](#columns)：** 两列，左列约占 67% 宽度，右列约占 33%
* **[计时器](#countdown-timer)：** 用于优惠和截止日期的倒计时
* **[菜单](#menu)：** 一行或一列链接，如导航或联系方式
* **[社交](#social)：** 链接到您社交媒体资料的图标
* **[HTML](#html)：** 自定义 HTML，如表单、调查或嵌入式视频

#### 标题和文本

**标题 (Heading)** 和 **文本 (Text)** 块包含收件人在电子邮件中阅读的文案。在画布上编辑文本并使用工具栏进行格式化。

单击 **标题 (Heading)** 或 **文本 (Text)** 块以在画布上编辑其文案。选择一些文本以调出格式化工具栏：粗体、斜体、下划线、对齐、链接按钮和一个 **文本样式 (text style)** 下拉菜单。

<img src="/emails-drag-and-drop-email-editor-9.webp" alt="画布上选中的标题块，文本格式化工具栏显示样式和格式化选项"/>

合并标签 (Merge Tags) 是占位符，可将收件人个人资料中的 [Tag](/zh/product/audience-data-and-segmentation/user-data-tags/tags/) 值插入到电子邮件中，因此每个订阅者都会看到个性化的文案。要添加一个，请选择文本，单击工具栏中的 **合并标签 (Merge Tags)**，然后从您的账户中选择一个 Tag。

#### 图片

**图片 (Image)** 块在电子邮件中显示一张图片。在画布上选择它以在右侧面板中打开 **图片 (Image)** 设置。

* **添加图片 (Add image)** / **替换图片 (Replace image)：** 当块为空时单击 **添加图片 (Add image)**，或当已设置图片时单击 **替换图片 (Replace image)**。您可以上传文件或从您的[媒体库](/zh/product/content/media-store/)中选择一个。
* **图片 URL (Image URL)：** 粘贴托管的图片链接。
* **替代文本 (Alt text)：** 为无障碍性描述图片。
* **链接 URL (Link URL)：** 当图片被点击时打开一个链接。有关可用链接类型，请参阅[添加链接](#add-links)。
* **链接目标 (Link target)：** 在同一选项卡或新选项卡中打开链接。
* **文件 (File)：** 添加图片后，显示正在使用的文件的路径。

在 **间距 (Spacing)** 中，打开 **内边距 (Padding)** 以在图片周围添加空间。使用 **所有边 (All sides)** 为每条边设置相同的内边距，或打开 **更多选项 (More options)** 以分别设置每条边。

<img src="/emails-drag-and-drop-email-editor-10.webp" alt="图片设置面板，包含替换图片、图片 URL、替代文本、链接 URL、链接目标、文件和内边距" width="320"/>

#### 按钮

**按钮 (Button)** 是电子邮件中一个可点击的行动号召。

单击 **按钮 (Button)** 块以在画布上编辑其标签。使用工具栏更改字体大小、文本颜色、粗体、斜体、下划线和对齐方式。

要设置收件人点击按钮时发生的操作：

* 单击工具栏中的链接图标以打开 **插入/编辑链接 (Insert/Edit Link)**。
* 或在右侧面板的 **链接 (Link)** 部分使用 **操作类型 (Action type)** 和 **URL**。

<img src="/emails-drag-and-drop-email-editor-11.webp" alt="画布上的按钮块，带有格式化工具栏和右侧面板中的链接设置"/>

有关可用的操作类型，请参阅[添加链接](#add-links)。

在右侧面板的 **样式 (Styles)** 下：

* **对齐 (Alignment)：** 左、中或右。
* **背景 (Background)**、**文本颜色 (Text color)**、**字体大小 (Font size)** 和 **字体系列 (Font family)：** 打开每个选项以覆盖默认外观。
* **边框半径 (Border radius)**、**边框颜色 (Border color)** 和 **边框宽度 (Border width)：** 按钮的形状和轮廓。
* **宽度 (Width)：** 设置固定的按钮宽度或保持自动。
* **内边距 (Padding)：** 在按钮内部添加空间。使用 **所有边 (All sides)** 实现统一的内边距，或打开 **更多选项 (More options)** 分别设置每条边。

<img src="/emails-drag-and-drop-email-editor-12.webp" alt="右侧面板中的按钮样式设置，包含对齐、背景、文本颜色、字体大小、边框半径和内边距" width="320"/>

#### 分隔线

**分隔线 (Divider)** 是内容块之间的水平线。用它在电子邮件中直观地分隔各个部分。

在设置面板中配置 **线条样式 (line style)**（实线、虚线、点线）、**颜色 (color)**、**粗细 (thickness)** 和 **宽度 (width)**。

<img src="/emails-drag-and-drop-email-editor-13.webp" alt="分隔线块设置，右侧面板中包含线条样式、颜色、粗细和宽度选项"/>

#### HTML

**HTML** 块允许您将自定义 HTML 粘贴到电子邮件中。用它来创建自定义表单、调查或嵌入视频。

##### 示例

<Tabs>
<TabItem label="潜在客户表单">

此潜在客户表单收集电子邮件地址，以发送新年促销的优惠码。

<img src="/emails-drag-and-drop-email-editor-14.webp" alt="电子邮件编辑器中的 HTML 潜在客户表单，包含一个电子邮件字段和一个“获取我的代码”按钮" width="360"/>

<details>
<summary>HTML 代码</summary>

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  body { margin: 0; padding: 20px; font-family: Arial, sans-serif; }
  h2 { font-size: 18px; margin-bottom: 8px; color: #222; }
  p { font-size: 14px; color: #666; margin-bottom: 20px; }
  input {
    width: 100%;
    padding: 12px;
    margin-bottom: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 15px;
    box-sizing: border-box;
  }
  button {
    width: 100%;
    padding: 14px;
    background: #CC0000;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
  }
</style>
</head>
<body>

<h2>Get your New Year Sale code</h2>
<p>Enter your email and we'll send you an exclusive promo code for up to 50% off.</p>

<div id="form">
  <input type="email" placeholder="Your email address" />
  <button type="button">Get my code</button>
</div>

</body>
</html>
```

</details>

</TabItem>
<TabItem label="调查">

此调查询问收件人正在购买哪个类别，并将每个选项链接到相关的促销页面。

<img src="/emails-drag-and-drop-email-editor-15.webp" alt="电子邮件编辑器中的 HTML 调查，询问用户正在购买什么，并提供四个类别选项" width="360"/>

<details>
<summary>HTML 代码</summary>

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  body { margin: 0; padding: 20px; font-family: Arial, sans-serif; text-align: center; }
  h2 { font-size: 18px; margin-bottom: 6px; color: #222; }
  p { font-size: 13px; color: #888; margin-bottom: 20px; }
  .option {
    display: block;
    width: 100%;
    padding: 14px;
    margin-bottom: 10px;
    background: #f5f5f5;
    border: 2px solid transparent;
    border-radius: 10px;
    font-size: 15px;
    cursor: pointer;
    box-sizing: border-box;
    text-decoration: none;
    color: #222;
  }
  .option:hover { border-color: #CC0000; background: #fff5f5; }
</style>
</head>
<body>

<h2>What are you shopping for?</h2>
<p>Pick a category and go straight to your deals</p>

<a class="option" href="https://example.com/sale/clothing">👗 Clothing</a>
<a class="option" href="https://example.com/sale/electronics">📱 Electronics</a>
<a class="option" href="https://example.com/sale/beauty">💄 Beauty</a>
<a class="option" href="https://example.com/sale/home">🏠 Home & Living</a>

</body>
</html>
```

</details>

</TabItem>
<TabItem label="视频">

此示例在电子邮件中嵌入了新年促销的宣传视频。

<details>
<summary>HTML 代码</summary>

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 20px;
    text-align: center;
  }
  .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
  }
  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
</style>
</head>
<body>

<h1>New Year Sale — Up to 50% Off</h1>

<div class="video-container">
  <iframe src="https://www.youtube.com/embed/YOUR_VIDEO_ID"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
    allowfullscreen></iframe>
</div>

</body>
</html>
```

</details>

</TabItem>
</Tabs>

<Aside type="note">

您也可以直接在 HTML 块中添加取消订阅链接：

```html
<a href=%%PW_EMAIL_UNSUBSCRIBE%%>Unsubscribe</a>
```

当电子邮件发送时，**%%PW_EMAIL_UNSUBSCRIBE%%** 占位符将被替换为 Pushwoosh 的取消订阅 URL。

</Aside>

#### 菜单

**菜单 (Menu)** 块将多个可点击项放置在一行或一列中。用它来创建导航栏或公司联系人列表。

对于每个菜单项，设置：

* **标签 (Label)：** 收件人看到的文本
* **URL：** 项目打开的位置
* **目标 (Target)：** 同一选项卡或新选项卡

在块设置中，您还可以设置：

* **方向 (Direction)：** 水平或垂直
* **对齐 (Alignment)：** 左、中或右
* **分隔符 (Separator)：** 项目之间的可选分隔符
* 字体、大小、粗细、字母间距和链接/文本颜色

<img src="/emails-drag-and-drop-email-editor-16.webp" alt="菜单块设置，包含项目标签、URL、方向、对齐和分隔符选项"/>

#### 社交

**社交 (Social)** 块显示一行链接到您个人资料的社交媒体图标。用它将收件人从电子邮件发送到 Facebook、Instagram、X 和其他平台。

添加平台条目，然后设置对齐方式、图标大小和图标之间的间距。

<img src="/emails-drag-and-drop-email-editor-17.webp" alt="社交块设置，包含平台链接以及对齐、图标大小和间距"/>

#### 倒计时器

**计时器 (Timer)** 块是电子邮件中的倒计时。用它来进行限时优惠、闪购和活动提醒。

要设置它：

1. 在 **倒计时 (Countdown)** 中，设置 **结束日期 (End date)** 和 **结束时间 (End time)**，然后为计时器标签选择 **时区 (Timezone)** 和 **语言 (Language)**。
2. 打开 **标签 (Labels)** 以在数字下方显示“天/小时/分钟/秒”的标题，或关闭以仅显示数字。
3. 在 **外观 (Appearance)** 中，设置 **背景 (Background)**、**数字颜色 (Digits color)**、**标签颜色 (Labels color)**，以及数字（默认 40px）和标签（默认 16px）的字体大小。
4. 根据需要调整 **间距 (Spacing)**（内边距）。

<img src="/emails-drag-and-drop-email-editor-18.webp" alt="计时器块设置，包含倒计时结束日期和时间、标签、外观和间距选项"/>

#### 列

**列 (Columns)** 将画布分割成并排的部分，这样您就可以将内容并排放置在一行中。

将以下块之一拖到画布上：

* **2 列：** 两个等宽的列
* **3 列：** 三个等宽的列
* **4 列：** 四个等宽的列
* **33 / 67：** 左列约 33% 宽，右列约 67%
* **67 / 33：** 左列约 67% 宽，右列约 33%

然后向每列添加内容。要更改电子邮件中所有列的间距，请打开 **设置 (Settings)** → **列默认值 (Columns defaults)** 并调整外边距、列内边距和列之间的间距。

## 添加链接

使用 **插入/编辑链接 (Insert/Edit Link)** 对话框来设置收件人点击按钮或所选文本时发生的操作。选择一个 **操作类型 (Action type)**，然后填写该操作的字段。

#### 打开网站

当收件人点击时打开一个链接。在 **URL** 中输入地址。

<img src="/emails-drag-and-drop-email-editor-20.webp" alt="插入编辑链接对话框，操作类型为打开网站，并带有一个 URL 字段"/>

#### 管理偏好链接

添加一个链接到[订阅偏好中心](/zh/product/messaging-channels/emails/email-preferences/#optional-setup-full-preference-center)，收件人可以在那里选择他们接收的电子邮件类别。链接会自动插入。

<img src="/emails-drag-and-drop-email-editor-21.webp" alt="插入编辑链接对话框，选择管理偏好链接作为操作类型"/>

#### 取消订阅链接

让收件人根据法规和他们的偏好选择退出。

<img src="/emails-drag-and-drop-email-editor-22.webp" alt="插入编辑链接对话框，选择取消订阅链接作为操作类型，并带有一个可选的重定​​向字段"/>

<Aside type="tip">
您也可以在 [HTML](#html) 块中添加取消订阅链接：

```html
<a href=%%PW_EMAIL_UNSUBSCRIBE%%>Unsubscribe</a>
```

当电子邮件发送时，**%%PW_EMAIL_UNSUBSCRIBE%%** 占位符将被 Pushwoosh 的取消订阅 URL 替换。
</Aside>

##### 当收件人点击取消订阅链接时会发生什么

###### 如果启用了订阅偏好中心
收件人仅从分配给该电子邮件的类别中取消订阅（例如，*时事通讯*）。类别名称将添加到他们的 [**Unsubscribed Email Categories**](/zh/product/messaging-channels/emails/email-preferences/#how-opt-outs-are-stored) 标签中。

将出现一个确认屏幕，其中包含 **重新订阅 (Resubscribe)** 和 **管理偏好 (Manage preferences)** 选项。[了解更多](/zh/product/messaging-channels/emails/email-preferences/#default-behavior-unsubscribe-from-a-category)。

###### 如果未启用订阅偏好中心
收件人将选择退出所有营销电子邮件，并且 [**Unsubscribed Emails**](/zh/product/audience-data-and-segmentation/user-data-tags) 标签将设置为 `true`。交易性电子邮件不受影响，将继续发送。[了解有关消息类型的更多信息](/zh/product/messaging-channels/marketing-vs-transactional/)。

<Aside type="caution" title="重要">
为了让您能够向客户发送重要的电子邮件，我们不会从您的用户群中删除已取消订阅的用户。

要继续向活跃的收件人发送消息，请创建一个按 **Unsubscribed Emails = false** 过滤的[细分](/zh/product/audience-data-and-segmentation/segmentation/)。为避免投诉，请勿向已取消订阅的收件人发送电子邮件。
</Aside>

点击次数将在[消息历史记录](/zh/product/statistics-and-analytics/message-history)的取消订阅率中计算。

#### 网页版链接

让收件人可以访问电子邮件的网页版，如果他们在收件箱中查看时遇到问题，这会很有用。

<img src="/emails-drag-and-drop-email-editor-23.webp" alt="插入编辑链接对话框，选择网页版链接作为操作类型"/>

#### 订阅表单确认链接

为订阅表单提交插入一个确认链接（例如，确认双重选择加入）。[了解有关双重选择加入的更多信息](/zh/product/audience-data-and-segmentation/subscription-forms/double-opt-in/)。

<img src="/emails-drag-and-drop-email-editor-24.webp" alt="插入编辑链接对话框，选择订阅表单确认链接作为操作类型"/>

## 配置全电子邮件范围的样式

电子邮件设置控制整个电子邮件的样式：文档大小和背景、面向发件人的选项以及块的默认样式。

打开右侧面板中的 **设置 (Settings)** 选项卡。

<img src="/emails-drag-and-drop-email-editor-25.webp" alt="设置选项卡，包含文档、电子邮件选项以及块和列的默认样式部分" width="320"/>

可用部分：

* **文档 (Document)：** 整个电子邮件区域的大小和外观：宽度、内边距、背景颜色、背景图片或渐变、文本颜色、字体系列以及块之间的间距。
* **电子邮件选项 (Email options)：** 为电子邮件打开或关闭 **在浏览器中查看 (View in browser)** 和 **取消订阅链接 (Unsubscribe link)**。
* **块默认值 (Block defaults)：** 为您稍后添加的块共享的初始样式，因此新内容与电子邮件匹配，直到您在画布上覆盖某个块。
* **列默认值 (Columns defaults)：** 每个列布局的间距：外边距、每列内部的内边距以及列之间的间距。
* **卡片默认值 (Card defaults)：** 在布局中对内容进行分组的卡片容器的初始外观，直到您单独设置卡片样式为止。
* **按钮组默认值 (Button group defaults)：** 当多个按钮作为一个组放在一起时的间距和对齐方式。
* **按钮默认值 (Button defaults)：** 新按钮块的初始外观，以便 CTA 在整个电子邮件中保持一致，直到您单独设置一个样式。
* **分隔线默认值 (Divider defaults)：** 新分隔线块的初始线条样式、颜色、粗细和宽度。

默认值适用于任何单个块未覆盖它们的地方。

## 配置电子邮件页脚

每封电子邮件都包含一个 **页脚 (Footer)** 块，用于提供法律要求的发件人信息和取消订阅链接。在 **图层面板 (Layers panel)** 中选择 **页脚 (Footer)** 以打开其设置。

<img src="/emails-drag-and-drop-email-editor-26.webp" alt="图层面板中选中了页脚，并且页脚在电子邮件画布上高亮显示"/>

使用 **从账户加载 (Load from account)** 来引入您保存的账户级页脚，或使用 **另存为账户默认值 (Save as account default)** 将当前页脚作为未来电子邮件的起点重复使用。

* **电子邮件类型 (Email type)：** **营销 (Marketing)** 或 **交易 (Transactional)**。取消订阅的可见性遵循此设置。
* **徽标 (Logo)：** 设置徽标 URL 或从图库中选择一个，然后设置以 px 为单位的宽度和可选的点击链接。
* **公司名称 (Company name)**、**邮政地址 (Postal address)** 和 **版权 (Copyright)：** 您在页脚中的发件人身份。

<Aside type="caution">
营销电子邮件必须包含实体邮政地址 (CAN-SPAM)。
</Aside>

在 **链接和徽章 (Links & badges)** 中：

* **页脚链接 (Footer links)：** 添加带标签的链接，例如隐私政策或条款。
* **应用商店徽章 (App store badges)：** 添加带有目标 URL 的 App Store 或 Google Play 徽章。
* **社交链接 (Social links)：** 添加链接到您社交媒体资料的图标。

<img src="/emails-drag-and-drop-email-editor-27.webp" alt="页脚设置，包含从账户加载、电子邮件类型、徽标、公司名称、邮政地址、版权以及链接和徽章"/>

在 **样式 (Style)** 中：

* **文本颜色 (Text color)：** 设置页脚文本颜色。
* **字体大小 (px) (Font size (px))：** 设置页脚字体大小。
* **对齐 (Alignment)：** 左、中或右。
* **下划线链接 (Underline links)：** 打开以给页脚链接加下划线。

在 **选项 (Options)** 中：

* **取消订阅链接文本 (Unsubscribe link text)：** 营销电子邮件上受管理的取消订阅链接的标签。交易性电子邮件会省略它。

## 本地化您的电子邮件内容

使用画布上方的语言切换器添加语言并按语言编辑内容。[了解如何添加语言](/zh/product/content/email-content/set-up-your-email-in-the-editor/#define-the-languages-you-want-to-use-in-your-email)。

您尚未为当前语言翻译的内容会显示为灰色。开始输入以创建翻译。在您操作之前，默认语言会一直显示。

<img src="/emails-drag-and-drop-email-editor-29.webp" alt="画布上方的语言切换器，电子邮件编辑器中可见未翻译的灰色内容"/>

<Aside type="note">
您添加的任何块都会以相同的内容出现在每种语言中。请记住为您在电子邮件中使用的每种语言翻译新的文本和按钮标签。
</Aside>

## 保存您的电子邮件

单击顶部栏中的 **保存 (Save)** 以保存您的更改。使用顶部栏中的 **撤销 (Undo)**/**重做 (Redo)** 在您的编辑中前后移动。

<Aside type="note">
保存会将您的电子邮件存储在 **内容 (Content)** → **电子邮件内容 (Email content)** 中。从那里您可以编辑和管理它，并在您的营销活动中使用它。[了解更多](/zh/product/messaging-channels/emails/sending-emails)
</Aside>

## 发送测试电子邮件

在发送您的电子邮件营销活动之前，您可以发送一封测试电子邮件来预览内容在收件人收件箱中的显示方式。

1. 单击顶部栏中的 **测试电子邮件 (Test email)**。

<img src="/emails-drag-and-drop-email-editor-32.webp" alt="顶部栏中的测试电子邮件按钮"/>

2. 在打开的窗口中，选择一个已保存的[测试设备](/zh/developer/first-steps/test-your-integration/test-devices/)或输入任何电子邮件地址。

<img src="/emails-drag-and-drop-email-editor-33.webp" alt="发送测试电子邮件对话框，其中有一个字段用于选择测试设备或输入电子邮件地址"/>

3. 单击 **发送 (Send)** 将测试消息发送到您选择的地址。

## 使用您保存的电子邮件内容

现在您的电子邮件内容已准备就绪，可以在电子邮件营销活动中使用。[了解有关如何使用它的更多信息](/zh/product/messaging-channels/emails/sending-emails)