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

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

复制页面

附视频的分步指南:将 Gmail、SendGrid、Mailgun、Amazon SES 或任何自定义 SMTP 服务器连接到 Shopify Flow,并发送带有品牌标识的 VIP 欢迎邮件。

概述

Workflow Transactional Email 功能可让您通过自己的 SMTP 服务器,从 Shopify Flow 发送交易邮件。在此示例中,当客户获得 VIP 标签时,Shopify Flow 会自动运行,工作流程将使用您保存的 SMTP 服务器和邮件模板发送一封带有品牌标识的邮件。

该设置包括三个部分:

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

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

视频指南

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

开始之前

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

场景:一封VIP欢迎邮件

该工作流程的功能如下:

  1. 某位客户被标记为VIP
  2. Shopify Flow 启动工作流程
  3. 该工作流程会执行Send Transactional Email操作
  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 工作流程 trigger](https://cdn-dev.eu.codecreationlabs.cloud/crm-tool/uploads/SjJ78gKLnLlocopCui3Cs62dJbGZ7F1n/a3e7c6b7fedb5b83.png)

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

Recording events to capture real trigger data

添加Send Transactional Email操作。在收件人字段中,使用客户的电子邮件变量。然后点击配置电子邮件。

添加Send Transactional Email操作

在配置界面中,请在发送自下选择该邮件应通过的 SMTP 服务器,并在布局下选择您创建的邮件布局。在这些选项下方**,预览会显示该布局及其主题行,其中已填入布局的测试变量,以便您确认是否正确。 点击保存**:页面底部将显示_配置已成功保存_。然后点击退出返回工作流程。

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

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

Passing customer data as JSON variables

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

启用工作流

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

各部分如何相互衔接

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

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

正是将这些内容分开,才使得该布局具有可复用性 - 您可以将同一套设计发送给每位客户,而无需每次都编辑 HTML。

进行端到端测试

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

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

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

已发送的VIP欢迎邮件

相关