自定义 WooCommerce 电子邮件模板 - 详细指南

已发表: 2021-02-17
Customizing WooCommerce Email Templates

最后更新 - 2021 年 7 月 1 日

交易电子邮件是在线商店客户体验的重要组成部分。 除了通知客户他们的订单状态外,这些电子邮件还为品牌识别和保留提供了很大的空间。 您还可以利用这些电子邮件通知客户您的产品或与您的商店相关的任何其他方面。 如果您经营的是 WooCommerce 商店,您有哪些个性化电子邮件的选项? 在本文中,我们将详细介绍自定义 WooCommerce 电子邮件模板的几个选项。

WooCommerce 电子邮件模板

WooCommerce 提供了一系列电子邮件模板,您可以根据自己的商店策略对其进行自定义。 您可以通过WooCommerce > 设置 > 电子邮件访问这些模板。 以下是 WooCommerce 上默认可用的电子邮件模板:

  • 新命令
  • 取消订单
  • 订单失败
  • 订单暂停
  • 处理订单
  • 已完成订单
  • 退款订单
  • 客户发票/订单详情
  • 客户备注
  • 重设密码
  • 新账户

    自定义 WooCommerce 电子邮件模板
    您将在 WooCommerce 设置中的电子邮件选项卡下找到 WooCommerce 电子邮件模板列表。

自定义 WooCommerce 电子邮件模板

现在,您可以单独自定义每个模板,也可以将某些样式普遍应用于所有模板。 我们将研究这两个选项。

首先,让我们看看如何单独自定义电子邮件模板。

为此,您必须通过单击模板名称或右侧的“管理”按钮来打开模板。

自定义 WooCommerce 电子邮件模板
您可以自定义单个电子邮件模板的内容。

打开电子邮件模板后,您可以自定义它的多个方面。 这些是您获得的选项:

  • 启用/禁用- 这是一个复选框,可让您启用或禁用此特定通知。
  • 收件人- 在此字段中,您可以指定此电子邮件将发送到的电子邮件 ID。 您可以使用逗号分隔多个电子邮件 ID。
  • 主题– 您可以在此处指定电子邮件主题。 该字段允许文本或占位符。 可用的占位符有:
    • {网站标题}
    • {site_address}
    • {site_url}
    • {订购日期}
    • {订单号}
  • 电子邮件标题- 您可以在此处指定电子邮件的标题。 上面的相同占位符也适用于此。
  • 附加内容——这是在邮件正文中可见的文本。 它可以是您想要包含在通知中的任何相关信息。 您也可以在此处使用占位符。
  • 电子邮件类型- 您可以在此处指定电子邮件的格式。 有三种可用格式:
    • 纯文本
    • HTML
    • 多部分
HTML 模板

在标题 HTML 模板下的设置末尾有一个选项。 在这里,您将找到允许您编辑此特定电子邮件模板副本的文件路径,您可以将其粘贴到主题文件夹中以覆盖。 这里还有两个按钮——一个用于将模板文件复制到主题中,另一个用于查看模板的预览。

最后,添加所有详细信息后,您可以单击保存更改按钮。

自定义 WooCommerce 电子邮件模板
您可以控制每个邮件模板上可用的内容和信息。

这是基于上述设置和默认设计设置的新订单电子邮件的外观。

自定义 WooCommerce 电子邮件模板
这就是自定义新订单电子邮件的外观。

WooCommerce 电子邮件模板的设计自定义

现在,您可以应用更多自定义,这将适用于您的所有电子邮件模板。 要查找这些设置,请转到WooCommerce > 设置 > 电子邮件,然后向下滚动到电子邮件模板部分。 以下是选项:

您可以单击链接查看此部分中的模板预览。

  • 标题图像- 您可以指定将显示为电子邮件标题的图像。
  • 页脚文本- 您可以在此处添加要在电子邮件页脚中显示的自定义文本。 您还会在此处找到两个要使用的占位符:
    • {网站标题}
    • {site_url}
  • 您还将获得四个选项来自定义电子邮件的颜色。 您可以单击相应的字段来更改该部分的颜色。
  • 基色- 模板的基色可以在此处修改。
  • 背景颜色- 您可以在此处自定义模板的背景颜色。
  • 正文背景颜色- 您可以在此处更改电子邮件正文的背景。
  • 正文文本颜色- 您可以在此处更改电子邮件的文本颜色。

商店管理见解——您还可以在此处登录以接收来自 WooCommerce 的商店管理见解。 只需勾选复选框即可启用这些通知。

自定义 WooCommerce 电子邮件模板
您可以在此处为您的商店电子邮件应用不同的颜色选项。

应用更改后,您的模板将具有您选择的颜色组合。 例如,这里是根据上述设置的示例模板。

自定义 WooCommerce 电子邮件模板
这是使用 WooCommerce 默认设置的电子邮件设计自定义示例。

使用插件自定义 WooCommerce 电子邮件模板

现在让我们看看如何使用 WordPress 插件自定义 WooCommerce 电子邮件模板。 对于本文,我们使用 Kadence WooCommerce 电子邮件设计器插件。

就像安装任何其他插件一样安装和激活插件。

如果您在安装插件时需要帮助,这里是我们描述如何安装和配置 WooCommerce 插件的文章。

该插件为您的电子邮件添加了许多个性化选项。 您将能够根据您品牌的配色方案和样式调整您发送的所有交易电子邮件。 对于本文,我们将使用我们上面使用的相同新订单电子邮件通知来查看自定义选项。

您可以通过WooCommerce > Email Customizer访问插件设置。 在这里,您会发现一个类似于 WordPress 定制器的界面,使用起来非常直观。

电子邮件类型和文本

您可以在此处选择自定义模板。 在页面的中心,您会发现可以轻松自定义的模板预览。 您将在定制器的左侧找到以下选项。

  • 预览订单- 您可以在此处选择要用于自定义电子邮件的订单详细信息。 您可以选择插件提供的模型订单(默认情况下将被选中),或使用可用的订单之一。
  • 电子邮件类型– 您可以在此处指定您正在编辑的电子邮件模板。 您在 WooCommerce 电子邮件设置中看到的所有不同电子邮件模板都将填充在下拉列表中。 您可以选择要自定义的那个。
  • 收件人- 添加电子邮件 ID 以发送电子邮件。
  • 主题文本- 自定义主题文本。
  • 标题文本- 自定义标题文本
  • 副标题文本- 您可以通过在此字段中添加文本来在电子邮件的主标题下方添加副标题。
  • 正文- 此插件可让您根据要求添加正文,默认情况下您将无法使用 WooCommerce 进行管理。
  • 附加内容——您可以在此处添加或修改附加内容。
  • 可用占位符- 除了默认选项外,该插件还提供了更多占位符。 可用的选项有:
    • {网站标题}
    • {订购日期}
    • {订单号}
    • {customer_first_name}
    • {customer_last_name}
    • {customer_full_name}
    • {客户_用户名}
    • {customer_email}

      您将使用此插件提供几个额外的自定义选项。

预建模板

该插件还提供了一些预先构建的模板,您可以使用它们来代替默认的 WooCommerce 模板。 您可以选择其中一种预建模板并根据您的商店要求对其进行自定义。

使用 Kadence Email Designer 插件,您将获得三个预构建的模板以及另一个可供下载的附加选项。

更多定制选项

此外,该插件还提供了更多自定义选项。 这些包括:

  • 容器- 在这里您可以自定义容器的不同方面。 您可以自定义背景颜色、边框半径、边框宽度等。
  • Header – 在 Header 部分下,您可以分别自定义三个部分。 这些是标题图像、标题样式和标题内容。
  • 内容- 您将在此处找到更多自定义内容视觉方面的选项。 此插件可用的选项包括内容的文本样式、如何按顺序显示项目、不同的按钮样式等。
  • 页脚- 在这里您可以控制页脚样式,以及添加要显示的社交媒体按钮。
  • 自定义 CSS – 您可以在为此提供的字段中添加自定义 CSS。
  • 导出和导入- 如果需要,您可以从插件导出和导入自定义设置。
  • 预览- 它还允许您将预览电子邮件发送到指定的电子邮件 ID,以便您清楚地了解已应用的样式。

    自定义 WooCommerce 电子邮件模板
    该插件提供了几个额外的选项来控制您的交易电子邮件的外观。

这些是您在使用插件而不是 WooCommerce 的默认设置时将获得的其他自定义选项的一些示例。 根据您使用的插件,这些设置会发生变化。 您可以查看可帮助您自定义 WooCommerce 电子邮件模板的不同插件,并选择最合适的插件。

帮助自定义 WooCommerce 电子邮件模板的插件

现在我们将列出一些有助于自定义 WooCommerce 电子邮件模板及其功能的流行插件。

WooCommerce 电子邮件定制器

此插件将帮助您确保来自您商店的所有电子邮件都根据您的要求进行个性化。 它提供了一个非常用户友好的界面,它提供了一个可视化编辑器来帮助您自定义您的电子邮件模板。 您将能够实时看到应用于模板的修改。 定制器具有不同的设置,可让您定制电子邮件的不同部分,例如页眉、正文、页脚等。

自定义 WooCommerce 电子邮件模板
这是一个有效的解决方案,可帮助您自定义 WooCommerce 电子邮件模板。

该插件的成本为 79 美元。

电子邮件定制器专业版

该插件可帮助您有效地个性化您的 WooCommerce 交易电子邮件,从而提高您的品牌知名度。 它将为您提供一系列专业设计的模板,您可以根据自己的需要进一步定制。 您将找到四种不同的模板,无需任何编码知识即可对其进行自定义。 此外,该插件可帮助您在电子邮件中包含相关链接和社交媒体图标。 此外,该插件还提供了在电子邮件中显示产品推荐的选项。

自定义 WooCommerce 电子邮件模板
凭借广泛的自定义功能,此插件可以为您的电子邮件自定义工作提供极大的支持。

电子邮件附件

此插件可让您向 WooCommerce 交易电子邮件添加附件。 您将能够包含任意数量的附件,并且该插件允许您添加不同的文件类型。 此外,您将能够以抄送和密件抄送的形式将其他收件人添加到您的电子邮件中。 此外,它允许您在页脚中添加额外的通知标题和正文,以便收件人知道邮件的附件。

如果您正在使用生成电子邮件的 WooCommerce 扩展程序,则此插件也可以让您自定义这些模板。 但是,要使其正常工作,扩展程序必须使用 WooCommerce 电子邮件 API。

自定义 WooCommerce 电子邮件模板
轻松将附件添加到您的 WooCommerce 交易电子邮件中。

您可以花 29 美元购买该插件。

多个电子邮件附件

这是另一个插件,您可以使用它在 WooCommerce 交易电子邮件中包含附件。 您将能够通过发送包含设置产品说明、保修详细信息等的附件来改善商店中的客户体验。该插件可帮助您将附件添加到属于 WooCommerce 的默认交易电子邮件中。 此外,它还允许您将附件添加到由遵循 WooCommerce 电子邮件 API 的插件创建的电子邮件模板。

自定义 WooCommerce 电子邮件模板
使用此插件,您可以在交易电子邮件中包含附件。

该插件的价格为 29 美元。

给客户的订单取消电子邮件

默认情况下,当管理员取消订单时,WooCommerce 会向商店管理员发送电子邮件。 使用此插件,当商店管理员从后端取消订单时,您可以自动向客户发送额外的电子邮件。 该插件遵循 WooCommerce 默认订单取消电子邮件的格式。 此外,您将能够将电子邮件的主题、标题和内容自定义为您的其他交易电子邮件。

自定义 WooCommerce 电子邮件模板
对于管理员取消订单,您可以通过此插件向客户发送自动电子邮件。

您需要花费 29 美元才能为您的商店购买此插件。

YITH WooCommerce 电子邮件模板

您可以在此插件的帮助下个性化您的 WooCommerce 交易电子邮件,并为他们提供更专业的外观。 您将能够通过添加额外的详细信息和选项(如社交媒体图标)来自定义现有的电子邮件模板。 此外,该插件还提供了一些预制模板,如果您不想使用默认模板,可以使用这些模板。 该插件还可以帮助您通过这些电子邮件向客户提供有用的链接。

使用此插件的另一个优点是您将能够通过预览选项实时查看您所做的更改。 此外,它还可以借助 WPML 兼容性轻松翻译电子邮件。

自定义 WooCommerce 电子邮件模板
该插件为您的 WooCommerce 交易电子邮件提供预制模板以及出色的个性化选项。

此插件的单个站点许可证的成本为 69.99 美元

Kadence WooCommerce 电子邮件设计师

这是我们在上述演示中使用的插件,用于为您的 WooCommerce 电子邮件显示不同的附加自定义选项。 该插件虽然免费,但确实是一个不错的选择,因为它提供了多种选项来自定义不同的邮件模板。 您将获得实时预览以了解您所做的更改,并获得预构建的模板以便于自定义。

此外,该插件提供了发送测试电子邮件的选项,以便您可以非常清楚每封电子邮件的外观。 此外,该插件具有导入和导出选项,可帮助您轻松迁移自定义设置。 即使您不是 WordPress 专家,这显然是自定义 WooCommerce 交易电子邮件的绝佳免费选项。

自定义 WooCommerce 电子邮件模板
您将能够使用此插件广泛自定义您的 WooCommerce 交易电子邮件。

MailPoet – WordPress 中的电子邮件和时事通讯

这个插件主要提供了一个很好的选择来帮助您建立您的时事通讯订阅者。 它允许您毫不费力地向您的 WordPress 网站添加时事通讯订阅表格。 此外,您可以管理订阅者列表,还可以为新订阅者配置自动欢迎邮件。 该插件还可以帮助您自定义 WooCommerce 电子邮件模板,并在客户首次购买或购买特定类别的产品时发送追加销售电子邮件。

自定义 WooCommerce 电子邮件模板
该插件有助于通过订阅新闻通讯和模板定制来提高您的商店转化率。

WordPress 电子邮件模板设计器 - WP HTML 邮件

这是处理来自 WordPress 网站的电子邮件的综合选项。 它可以帮助您自定义 WooCommerce 和 EDD 的默认电子邮件模板。 此外,您可以使用该插件发送电子邮件以确认联系表单提交。 此外,该插件提供了预制模板,可大大减少您在定制方面的工作量。 此外,该插件还提供实时预览和将测试邮件发送到指定电子邮件 ID 的选项。

自定义 WooCommerce 电子邮件模板
该插件提供了大量预建模板,可帮助您轻松个性化电子邮件的外观。

WooCommerce 的电子邮件定制器

这是另一个流行的选项,允许对 WooCommerce 电子邮件模板进行广泛的自定义。 该插件提供了 11 个预建模板,可帮助您重新审视 WooCommerce 交易电子邮件。 该插件的另一个亮点是您可以向电子邮件模板添加无限数量的行。 该插件的其他一些有用功能是动态占位符、实时预览、测试电子邮件等。

自定义 WooCommerce 电子邮件模板
这是另一个用户友好的插件,具有广泛的自定义选项。

我们希望本文为您提供了有关自定义 WooCommerce 电子邮件模板的清晰想法。 如果您有任何疑问,请给我们留言。

进一步阅读

  • 最佳 WooCommerce 跟进电子邮件插件。
  • 如何在 WooCommerce 上设置购物车恢复电子邮件?
  • WooCommerce 不发送电子邮件