> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help-shopify.17track.net/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).
# 如何设计并配置品牌化邮件通知
17TRACK 提供可视化邮件编辑器，无需编码即可快速创建与您的品牌风格一致的精美邮件。您可以通过拖拽组件、插入动态变量、推广商品等方式，轻松完成邮件模板的设计与配置，提升买家体验与品牌形象。
---
### 一、准备工作
在开始编辑邮件前，请确保您已完成以下设计素材准备：
* 设计邮件页面整体结构、店铺 Logo 及营销活动图片；
* 将宽度为 **600px** 的店铺邮件专用图片下载到本地（此为邮件标准显示尺寸）。
| 💡 视频指引：首次使用可观看编辑器操作视频，快速上手。
${youtube}[操作指引视频](sIxK8bIKRY8)
---
### 二、进入邮件模板编辑页面
**操作路径**：
`17TRACK 后台` > `通知管理` > 在邮件模板列表中找到您想要修改的模板 > 点击右侧的 **`···`**（三个点）图标 > 选择 **「编辑模板」**。
您可以选择编辑以下两类模板：
* **状态变更邮件**：由订单物流状态变化自动触发（如“运输中”、“成功签收”、“异常延误”等）；
* **自定义规则邮件**：按您设定的条件和规则触发（如“超过7天未送达”、“客户打开邮件”等）。
|| 📌 注意：自定义规则邮件仅限高阶版及以上套餐使用。
---
### 三、可视化编辑器的核心操作
编辑器采用“所见即所得”的拖拽式界面，左侧为组件库，右侧为实时预览区。
###### 1. 拖拽内容块，构建邮件布局
左侧组件库提供丰富的内容块，您可以直接拖拽至中间画布区域使用：
* **组件包括：**列、产品推荐、按钮、分隔线、标题、文字、图片、视频、社交、菜单、HTML、表格。
###### 2. 选中内容块，右侧调整样式与间距
点击画布中的任意内容块，右侧面板将弹出该块的样式编辑选项，您可根据需要自由调整：
* **文字：**设置颜色、对齐方式、行高、字间距等；
* **链接：**设置链接颜色、下划线样式等；
* **一般**：调整内容边距（上/右/下/左）；
* **响应式设置：**您可以选择在桌面版中隐藏该内容块，实现不同设备的精准内容适配；
* **撤销与重做**：面板底部支持撤销（`Ctrl+Z`）与重做（`Ctrl+Y`）操作，编辑更灵活。
* **删除与复制：**选中内容块后，可点击删除或复制图标对当前块进行操作。
###### 3. 插入合并标签，实现个性化内容
通过插入合并标签（Merge Tags），您可以在邮件中动态显示每个客户的专属信息，例如：
* 客户姓名、邮箱、订单号；
* 运单号、运输商名称、预计送达时间；
* 店铺名称、邮箱等。
|| 📌 注意：在编辑器中插入的合并标签，发送真实邮件时将自动替换为该客户的真实数据。若您不熟悉具体变量含义，可随时联系 17TRACK 客服获取帮助。
###### 4. 多语言邮件内容配置（可选）
若您的客户遍布全球，您可以为同一邮件模板配置多种语言版本：
* **切换语言：**编辑器左上角提供语言下拉菜单，您可在此切换当前编辑的语言环境（如英语、中文、日语、法语等）。
* **添加语言：**点击** 「管理语言」**，可添加更多支持的语言，并为每种语言独立编辑邮件内容。
* **发送匹配逻辑：**系统会根据客户的订单语言自动发送对应语言版本的邮件。若订单语言信息为空或未匹配到您已配置的语言，则将使用默认语言（英语）发送。
| 💡 提示：邮件内容不会自动翻译，您需要为每种语言手动编写或翻译邮件文案、图片及链接等内容。
###### 5. 推广店铺商品（两种模式）
您可在邮件中嵌入商品推荐版块，提升复购与转化：
* **自动推荐**
直接将“商品推荐”组件拖入邮件，系统会根据收件人的浏览及购买历史，自动推送相关商品。无需手动上传图片和链接，且推荐逻辑由 Shopify 智能算法持续优化。
|| 📌 产品推荐组件：仅限专家版及以上套餐使用。其中，专家版默认采用智能算法推荐商品；高阶版及以上套餐可选择使用智能算法或自定义算法进行商品推荐。
* **手动自定义推广**
自行上传商品图片、填写商品名称、价格及购买链接，适合推广特定活动、新品或品牌故事。
###### 6. 编辑邮件页脚及社交媒体链接
邮件底部通常放置品牌社交媒体图标及退订提示。我们提供可直接复用的 HTML 代码块，您只需：
* 将代码中的示例社媒链接`https://twitter.com/YOUR_TWITTER`替换为您自己的品牌社媒地址；
* 可根据需要调整图标样式、大小或排列方式。
**📎 页脚社媒 HTML 代码（可直接复制使用）：**
```
Follow us on
This email has been generated automatically and is sent from a notification-only address. Kindly refrain from replying to this message. To stop receiving all emails, you may unsubscribe.
