跳转到主要内容

替换 Shopify 的默认电子邮件(Email)

作者:Ira
更新于今天

Omnisend 不会取代您已经通过 Shopify 发送的任何自动化通知。如果您希望设计您的订单确认、发货确认、废弃购物车(Abandoned Cart)邮件等,您将需要在 Omnisend 中创建并启用它们。由 Shopify 发送的自动回复应该被禁用或替换。

在本文中,Omnisend 将解释什么是响应,以及如何用您在 Omnisend 中设计的电子邮件(Email)替换它们。


预设模板自动化流程(Automation)工作流

Omnisend 可以设计和发送的默认自动化联系人名单包括:

如果您想避免发送重复的电子邮件,您需要在您的 Shopify 账户设置中禁用默认通知。请遵循 Shopify 帮助中心的说明

注意!无法禁用由 Shopify 发送的订单确认电子邮件(Email)。因此,建议您将其替换为感谢信,并通过 Omnisend 发送此电子邮件(Email)。在专门文章中查找说明

然而,除了预设的自动化流程(Automation)工作流之外,您也可以通过在自动化流程(Automation)触发条件(Trigger)中选择相应的状态来替换其中一些。例如,由 Shopify 发送的订单退款通知可以替换为触发条件(Trigger)设置为订单已退款的自动化流程(Automation)。

当使用 已下订单 触发条件(Trigger)时,务必选择订单的初始状态。例如,如果订单首先被标记为 已授权 之后更改为 已支付,您的触发条件(Trigger)仍应设置为 已下单。然后,为确保准确性,添加一个触发筛选条件(Trigger Filter),基于付款状态发货状态,以在自动化流程(Automation)中定位正确的订单。

以下是 Shopify 和 Omnisend 之间状态映射方式的列表:

状态类型

Shopify

Omnisend

付款状态

  • 授权

  • 待处理

  • 已付款

  • 部分已付

  • 已退款

  • 已作废

  • 部分退款

  • 已授权

  • 待处理

  • 付费

  • 部分支付

  • 已退款

  • 已取消

  • 部分退款

履约状态

  • 已完成

  • 部分

  • 补货

  • 未完成

  • 已完成

  • 部分

  • 补货

  • 未履行

所有具有表中所示状态的订单都可以在 Omnisend 中进行设计。一旦您启用它们,您还应该在您的 Shopify 后台禁用相应的通知。

替换默认通知

虽然 Shopify 提供了各种内置的自动化流程(Automation)工作流程,但并非所有这些都能直接在 Omnisend 中重新创建。然而,Omnisend 提供了一个灵活的解决方案,允许您自定义和替换 Shopify 默认通知的设计,让您对品牌和客户体验有更多的控制权。

您可以在下方找到用于替换 Shopify 默认通知设计的详细分步指南。

客户账户通知

订阅注册表单后,您的客户选择接收您的营销信息。然而,当在您的店铺中创建一个账户时,客户未获得已订阅 状态,而这是开始发送促销消息所必需的。Omnisend 无法发送与您的客户账户相关的通知,但是,您可以替换它的设计。

从截图中您可以看到,此消息中最关键的参数是用于密码重置的 URL。

要查找附加到按钮的锚点,您可以使用按钮的名称进行搜索。

稍后,此锚点应添加到 Omnisend 中设计的按钮代码中。

  • 客户账户欢迎:##{{ shop.url }}

  • 客户账户密码重置:##{{ customer.reset_password_url }}

  • 客户账户邀请: ##{{ customer.account_activation_url }}

简单通知

在所有通知中,已为您精选了设计简洁的通知。

  • 退货标签说明:##{{ return_label.public_file_url }}

  • 支付错误: ##{{ url }}

  • 礼品卡已创建: ##{{ gift_card.url }}

个性化锚点

  • 客户姓名: ##{{ customer.first_name }}

  • 订单名称: ##{{ order_name }}

  • 订单编号: ##{{ order_number }}

更换 Shopify 主题

没有直接的选项可以导出电子邮件(Email)消息的 HTML 代码。但是,您可以通过点击 "Get HTML" 按钮,在 Thank You message 构建器中访问它。

为此,创建一个临时的订单确认电子邮件(Email)以打开构建器。您无需启用此自动化流程(Automation);复制 HTML 代码后即可将其删除。

一旦您进入构建器,您可以创建自己的自定义设计,然后导出 HTML。

当您对电子邮件(Email)消息设计满意时,您应该点击 GET HTML 按钮,并前往您的 Shopify 通知设置

正如您可能从 HTML 代码中看到的,每个消息块都以新行开始。因此,当您添加按钮代码时,您可以轻松理解此代码具体应该放置在哪里。

在上述示例中,我们有预标题、图片 (cb-1)、标题 (cb-2)、文本 (cb-3)、页脚 (cb-4) 和徽章 (cb-5)。如果我们想将按钮放置在图片下方,代码应添加在cb-1元素下方。

您可以随意尝试;如果出现问题,您可以随时查看预览并恢复默认设置。


在以开头的行之一之前,应将按钮代码添加到模板中:

</div><div class="cb cb-2 cb-title"><table border="0" cellspacing="0" cellpadding="0" width="100%"><tr>
<td style="background-color:#fff;" bgcolor="#fff"><table border="0" cellspacing="10" cellpadding="0" width="100%"><tr>
<td style="padding-bottom:25px;padding-left:150px;padding-right:150px;padding-top:25px;"><div class="cbvariant cbvariant-center"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr>
<td style="background-color:#fff;" bgcolor="#fff" class="actions__cell" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, &quot;Roboto&quot;, &quot;Oxygen&quot;, &quot;Ubuntu&quot;, &quot;Cantarell&quot;, &quot;Fira Sans&quot;, &quot;Droid Sans&quot;, &quot;Helvetica Neue&quot;, sans-serif;">
<td class="button__cell" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, &quot;Roboto&quot;, &quot;Oxygen&quot;, &quot;Ubuntu&quot;, &quot;Cantarell&quot;, &quot;Fira Sans&quot;, &quot;Droid Sans&quot;, &quot;Helvetica Neue&quot;, sans-serif; border-radius: 4px;" align="center" bgcolor="#2CA6A1"><a href="##{{ customer.reset_password_url }}" class="button__text" style="font-size: 16px; text-decoration: none; display: block; color: #fff; padding: 5px 5px;">Reset your password</a></td></tr></table></div></td></tr></table></td></tr></table>


对于每个通知,分配给href=属性的锚点以及按钮的标题都应被替换。例如,对于 Password reset,我们有:

href="##{{ customer.reset_password_url }}"
>Reset your password<
  • 如果您更改模板的颜色,您需要为 bgcolorbackground-color 元素更改,除了 button settings 中的那个。

  • 要更改按钮的宽度,您应该更改 padding-left:150px padding-right:150px

  • 要更改带有按钮的区块大小,您应该更改padding-bottom:25pxpadding-top:25px
    客户账户邀请消息允许为每个客户单独添加自定义文本。为了在替换的 HTML 代码中支持此选项,应将以下代码添加到 HTML 代码中。

  • 此代码应在默认文本元素之前添加 标签。

<h2>##{{ email_title }}</h2>
{% if custom_message != blank %}
<p>##{{ custom_message }}</p>
{% else %}
<p>##{{ email_body }}</p>
{% endif %}
<table class="row actions">

以下是构建器的屏幕截图:

正如您可能从上面提供的代码中看到的那样,我们还添加了个性化,以将客户的名字插入到电子邮件(Email)消息内容中。


还有其他问题吗?请随时联系我们:[email protected] 或通过应用内聊天。

这是否解答了您的问题?