使用自定义 SMTP 服务器从 Shopify Flow 发送电子邮件

概述

Workflow Transactional Email 该功能允许您通过自己的 SMTP 服务器,从 Shopify Flow 发送交易类邮件。在此示例中,当客户收到 VIP 标签时,Shopify Flow 便会触发,工作流程将使用您保存的 SMTP 服务器和邮件模板发送一封带有品牌标识的邮件。

该设置包括三个部分:

  1. 在**“电子邮件发件人**”下创建一个 SMTP 连接
  2. 在**“电子邮件布局**”下设计电子邮件
  3. 在Shopify Flow中使用“发送事务性电子邮件”操作,并将客户数据传递到布局中

任何支持 SMTP 的邮件服务提供商均可使用,包括 Gmail、SendGrid、Mailgun、Amazon SES 以及您自己的邮件服务器。

视频指南

完整的设置流程 - - SMTP服务器、邮件布局以及Shopify Flow工作流程。视频没有声音,请根据需要调整播放速度。

开始之前

  • 在您的 Shopify 商店中安装“Workflow Transactional Email”。
  • 请准备好您的 SMTP 服务提供商提供的主机、端口、用户名和密码。
  • 确定VIP邮件应从哪个发件人地址发送。

场景:一封VIP欢迎邮件

该工作流程的功能如下:

  1. 一位客户被标记为VIP
  2. Shopify Flow 启动工作流程
  3. 该工作流程执行**“发送事务性电子邮件**”操作
  4. 该操作将使用您保存的 SMTP 服务器
  5. 该操作会发送您已保存的电子邮件模板,其中已填入客户的详细信息

步骤 1:配置您的 SMTP 服务器

在应用中,打开**“邮件发件人**”,然后进入“SMTP”部分。您可以在这里设置用于发送交易邮件的邮件服务器。

Workflow Transactional Email网站中的“电子邮件发件人”页面

请输入您的服务商提供的 SMTP 主机、端口、用户名和密码,然后点击**“测试连接**”。

输入 SMTP 主机、端口、用户名和密码

SMTP 服务器表单中填入了名称、主机和端口,旁边是标有我们发送 IP 地址的卡片
SMTP 服务器表单。本图中的数值均为虚构。如果您的邮件服务器按 IP 地址对发件人进行限制,请将“我们的发送 IP 地址”下显示的地址加入白名单。
SMTP 服务器表单的下半部分,包含用户名、密码和发件人地址
往下看:您的邮件服务器的登录信息以及发送邮件所使用的地址。

如果凭据有效,您将看到一条成功提示。

SMTP 连接测试成功

选择邮件的发件地址。同时设置一个显示名称,这样收件人看到的是您的商店名称,而不是原始地址。

设置发件人地址和显示名称

保存该配置,以便稍后可通过您的Shopify Flow操作进行选择。

保存 SMTP 配置

第 2 步:设计电子邮件

转到**“邮件布局”**。您可以在这里创建Shopify Flow将发送的邮件内容。

“电子邮件布局”页面

为您的 VIP 场景创建一个布局,包括主题行和正文。主题行可以使用从 Shopify Flow 传递过来的变量。此示例使用 firstName,并采用 Liquid 的 default 过滤器 作为备用方案:

Hi {{ variables.firstName | default: "Customer" }} Welcome to VIP Club

添加模块,打造符合您品牌风格的设计。

在电子邮件设计器中选择模块

此示例使用了一个标题块、一个图片块和一个文本块。该文本块引用了firstName变量,该变量将由Shopify Flow提供。

由标题、图片和文本块组成的版面

使用“测试变量”部分输入示例值,以验证设计是否按预期呈现。

使用示例变量测试布局

保存该布局,以便在Shopify Flow操作中选择它。

保存电子邮件布局

有关该模块的完整参考资料,请参见 设计电子邮件版面。

步骤 3:在 Shopify Flow 中构建工作流程

打开 Shopify Flow,并为您的 VIP 流程创建一个工作流程。请使用“客户标签”触发器,这样当客户被标记为 VIP 时,工作流程就会运行。

一个使用客户标签触发器的Shopify Flow工作流程

点击**“记录事件**”,然后在新标签页中为客户添加标签。在左侧选择触发器,您将看到真实的触发器数据 - - 这使得选择正确的变量变得更加容易。

记录事件以捕获真实的触发数据

添加**“发送事务性电子邮件**”操作。在**“收件人”字段中**,使用客户的电子邮件变量。然后点击**“配置电子邮件**”。

添加“发送事务性电子邮件”操作

在配置界面中,选择您创建的电子邮件布局以及该电子邮件应通过的 SMTP 服务器。点击**“保存**”,然后点击“退出”返回工作流程。

选择电子邮件布局和 SMTP 服务器

回到操作界面,在**“变量(JSON)**”字段中传入布局所需的数据:

{
  "firstName": "{{ customer.firstName }}"
}

将客户数据作为 JSON 变量传递

在确认触发器、条件、布局和变量均无误后,请启用该工作流程。

启用工作流程

Shopify Flow
每个工作流程都始于一个触发器。本示例使用的是我们的Workflow Trigger Extensions之一;任何Shopify触发器的工作原理都是一样的。
Shopify Flow
添加一个操作,打开Workflow Transactional Email,然后选择“发送事务性电子邮件”。
“发送事务性电子邮件”操作及其“收件人”、“抄送”、“密送”和“变量”字段
填写电子邮件的收件人。每个字段均可使用 Shopify Flow 变量。
已选择发件人和电子邮件布局的“电子邮件”操作配置页面
“配置电子邮件”会打开此页面:选择发件人和布局,然后点击“保存”。

各部分是如何相互衔接的

当客户收到VIP标签时,Shopify Flow会运行工作流程并调用电子邮件操作。该操作包含以下内容:

  • 您在**“邮件发件人**”中保存的服务器设置
  • 您在**“电子邮件布局**”中保存的设计
  • 从“Shopify Flow”步骤作为 JSON 变量传递过来的客户值

将这些内容分开,正是使该布局可重用的关键 - - 您可以将相同的设计发送给每位客户,而无需每次都编辑 HTML。

进行端到端测试

  1. 将VIP标签应用到测试客户身上
  2. 确认工作流程在 Shopify Flow 上运行
  3. 请确认客户是否收到了这封电子邮件
  4. 验证主题行和HTML是否显示正确
  5. 请确保发件人姓名和地址与您的品牌一致

如果消息未送达,请在应用中打开**“历史记录**”以查看执行结果和具体错误。请参阅 历史与故障排除。

以下是使用本指南中的 SMTP 服务器和设计发送的电子邮件:

已发送的VIP欢迎邮件

相关