入门

9 文章 Manfred 经过 Manfred

我需要懂编程吗?

不。Smart Emails 是一款完全可视化的编辑器——您无需任何编程知识。所有操作都通过颜色选择器、下拉菜单和切换开关等可视化控件完成。 对于高级用户,每个部分都提供了一个可选的自定义 Liquid 代码字段,用于设置特殊的显示条件。但对于普通用户,您完全无需编写任何代码。

什么是智能邮件?

Smart Emails 是一个可视化编辑器,支持所有 52 个 Shopify 通知模板,包括订单确认、发货更新、退货、礼品卡、客户通知、POS 收据和 Shopify 消息自动化。 它是如何运作的? 智能邮件分两个阶段运行: 1. 设计阶段 — 在可视化编辑器中选择一个预设并自定义颜色、字体、按钮、徽标、页脚、部分和内容。 2. 安装阶段 — 在 Smart Emails 中生成模板,然后复制并保存相应 Shopify 通知中的主语言 HTML 代码。Shopify 不允许应用自动替换主通知正文。 3. 上线阶段 — 安装完成后,发送电子邮件时,系统会从 Shopify 元字段读取许多日常设置。结构性更改仍需重新导出。 它有何不同之处? - 30 款专业预设 — 10 套设计方案,每套方案包含三种协调的颜色变化。 - 支持 52 个 Shopify 模板 — 包括交易通知、POS 邮件、员工通知以及部分 Shopify 消息自动化功能 - 实时设置 — 颜色、按钮、页脚、横幅和其他基于元字段的设置无需替换主模板代码即可更新。 - 自动翻译 — 目前支持 33 种语言,并且还在不断添加更多语言 - 无需编写代码——您永远不会看到 HTML、CSS 或 Liquid 代码。 其他语言通过 Google 云翻译进行翻译,并安装到 Shopify 中已安装的每个主要模板中。

如何选择设计预设?

Smart Emails 内置 30 种预设样式——10 个专业设计的基础样式,每个样式包含三种协调的颜色变体。显示的样式名称取决于所选的基础样式。 1. 打开智能电子邮件控制面板 2. 浏览预设——每个预设都显示完整预览。 3. 点击你喜欢的那个。 4. 选择您的主要语言 5. 点击开始编辑 每个预设都包含协调的颜色、字体、按钮、间距、页脚设置和默认版块。之后您可以自定义所有内容——预设只是一个起点。 || **重要提示:**应用其他基础预设会更改模板的设计和结构。如果您可能需要恢复到当前版本,请先保存设计快照。结构更改需要重新导出主语言版本。

如何安装智能邮件?

在您的 Shopify 商店安装 Smart Emails 只需不到一分钟。 1. 访问 Shopify 应用商店中的 Smart Emails 应用页面 2. 点击 添加应用 3. 在授权页面授予应用权限 4. 您将被重定向到 Smart Emails 控制面板,即可开始使用 || 注意:Smart Emails 需要读取您商店数据(产品、订单、Logo)的权限,才能在编辑器中显示逼真的预览。除非您明确导出,否则它不会修改您现有的电子邮件。

编辑器是如何工作的?

智能邮件编辑器在 Shopify 内部打开,主要包含三个区域: - 设置面板 — 编辑文本、颜色、图像、间距和特定于部分的选项。 - 画布 — 当前所选模板的实时视觉预览。 - 工具栏 — 打开全局设置、切换预览宽度、撤销或重做更改、发送测试以及开始导出。 做出改变 1. 点击画布(右侧)中的任意区域 2. 它的设置选项在左侧打开。 3. 进行更改——画布会实时更新 4. 停止编辑约两秒钟后,您的更改将自动保存。 切换模板 使用模板选择器可在全部 52 个受支持的模板之间切换。颜色、字体、按钮、徽标和页脚等全局设计设置是共享的。不同模板的章节结构和模板专属文本可能有所不同。 桌面和移动预览 使用桌面/移动端切换开关可以预览不同的宽度。由于 Gmail、Outlook、Apple Mail 和其他邮件客户端使用不同的渲染引擎,因此实际测试邮件仍然是最终的验证方式。 主要语言和次要语言 主语言编辑器包含完整的设计和结构控件。辅助语言编辑器则专注于翻译文本。设计变更继承自主设计,因此所有语言在视觉上保持同步。 | 自动保存功能可以保护您的工作,但保存完成后,当网站结构发生更改时,不会自动替换 Shopify 中存储的主要 HTML 代码。

我在 Shopify 中哪里可以找到我的电子邮件?

您的 Shopify 通知邮件设置如下: 1. 前往 Shopify 管理后台 → 设置 → 通知 2. 您可以看到所有通知模板(订单确认、发货等) 3. 点击任意模板即可预览或编辑 您需要在此处粘贴导出过程中从 Smart Emails 获取的 HTML 代码。

哪些更改会立即生效?

Smart Emails 使用 Shopify Metafields 功能,无需重新导出即可立即生效更改。以下列出了哪些更改会立即生效,哪些更改需要重新导出: 即时(无需重新导出) - 颜色(背景色、文本、链接、按钮) - 字体排印(字体系列、字号) - 按钮样式(填充、轮廓、圆角) - 页眉标志(图片、大小、对齐方式) - 页脚文本(法律声明、版权声明、社交链接、自由文本) - 消息横幅(文本、颜色、开关,每个模板) - 营销板块(折扣、产品、礼品卡) - 页面底部包含语言相关的页脚、商店链接、消息横幅和营销文本,这些内容存储在特定于语言环境的元字段中。 需要重新导出 - 添加或删除章节 - 更改章节顺序 - 切换到不同的基础预设 - 转换器更新会改变生成的 HTML 结构 || **重要提示:**主模板 HTML 代码无法通过 Shopify API 自动替换。当 Smart Emails 显示重新导出通知时,请将新生成的主要语言代码复制到 Shopify。之后,已安装的辅助语言即可自动同步。

完整设置:从预设到多语言 Shopify 电子邮件

首次设置智能电子邮件时,请使用此清单。 1. 选择主要语言 您的主要语言将作为设计、模板结构和自动翻译的语言来源。请选择您通常用于撰写和维护电子邮件内容的语言。 2. 选择并自定义预设 从 30 个预设样式中选择一个,然后打开编辑器。配置全局颜色、字体、按钮、徽标、商店链接、页脚以及任何营销部分。仔细查看您计划使用的模板的结构和文本。 3. 发送测试邮件 打开模板,点击发送测试,输入电子邮件地址,然后在电脑和手机上查看结果。测试重要链接、图片、页脚内容以及浅色和深色模式。 4. 生成主模板 点击“导出到 Shopify”。Smart Emails 会保存设计并为您的套餐中包含的每个模板生成 HTML 代码。 5. 在 Shopify 中安装主要语言 前往“导出”页面,选择一个模板,然后复制其代码。打开“智能邮件”显示的 Shopify 目标位置,替换通知正文,然后保存。对每个要使用的主模板重复此操作。 Shopify 不允许应用自动替换主通知正文。因此,每个主模板都需要复制并保存一次,结构更改后也需要再次复制并保存。 6. 添加第二语言 返回智能邮件主页,点击添加语言。选择所需语言并确认。智能邮件随后: - 创建一套特定于语言的设计集 - 复制主要设计 - 使用 Google 云翻译翻译支持的文本 - 在 Shopify 中启用并发布语言环境 - 为每个已安装的主模板安装翻译后的 body_html 您无需手动导出第二语言版本。 7. 检查电子邮件状态 打开“电子邮件状态”以查看当前存在哪些主要模板和语言版本。如果在安装主要模板之前添加了语言,请先安装主要模板,然后再运行同步功能。 8. 触发真正的 Shopify 通知 创建测试订单或触发相关通知。此最终测试将验证 Shopify Liquid 数据、客户语言选择、​​邮件主题和邮件正文。 || 当前限制: Smart Emails 会自动安装翻译后的邮件正文。Shopify 通知主题是单独的,目前 Smart Emails 不会翻译这些主题。

如何添加、移动和删除章节?

52 个模板各有其独特的章节结构。在添加、移动或删除章节之前,请选择要更改的模板。 添加一个部分 1. 选择画布上的一个区域。 2. 点击新部分应该出现的位置上的**+**控件。 3. 请选择该模板的可用部分之一。 4. 在侧边栏中配置其内容和设置。 该列表具有模板感知功能。与当前 Shopify 通知无关的部分将被隐藏,只能显示一次的部分不能插入两次。 移动一个部分 选择相应部分,然后使用上下箭头控件。智能邮件会遵循预设位置。例如,页脚始终位于最后一个部分。 删除一个部分 选中该部分,然后单击其删除控件。必填部分和全局管理部分可以设置为防止删除。 出版结构变化 添加、删除或更改章节顺序都会修改生成的 HTML 代码。进行此类更改后,请生成新的导出文件,并在 Shopify 中替换主模板代码。之后,已安装的辅助语言可以根据更新后的结构自动重新生成。 || 如果您不小心删除或移动了某个部分,只要您没有离开或重新加载当前的编辑器会话,就可以撤销操作。