WooCommerce：如何在不编码的情况下自定义电子邮件模板

每天，您可能会在各种界面中使用拖放操作。 例如，将您的 Gmail 项目拖放到其类别中，将文件上传到 WordPress 媒体库，或组织您的手机主屏幕应用程序。

虽然许多页面构建器平台可以帮助您通过拖放来设计您的网站，但构建 WooCommerce 交易电子邮件仍然被认为是一项复杂的任务。

默认情况下，WooCommerce 电子邮件设置仅允许您更改基本颜色配置文件和文本。 为了进一步定制，您将不得不修改主题代码。

如果您是非技术人员并且不想破解 wp-content/plugins/woocommerce/templates/emails/email-styles.php 左右脚本之间的代码，请使用拖放式电子邮件构建器框架是最好的解决方案。

介绍 YayMail

YayMail 是为 WooCommerce 部署的电子邮件构建器平台。

它的开发以易用性为主要目标，但已针对最大的 Web 浏览器和电子邮件客户端兼容性进行了测试，同时关注响应能力。

您可以从 WordPress.org 免费下载和使用它。 此开源代码永远免费，您无需升级到任何高级版本即可完全自定义所有默认的 Woo 电子邮件模板。

现在您已经安装并激活了它，前往WooCommerce >电子邮件定制器以访问电子邮件编辑器。

使用拖放电子邮件生成器设计电子邮件

作为类似于 Elementor 页面构建器的拖放编辑器，YayMail 在同一屏幕上提供了所有选项和设置。

1.上部工具栏

在这里，您将找到所有可用 WooCommerce 电子邮件模板的第一个下拉列表。 根据您当前站点上的活动 WooCommerce 插件，您将在此处看到新模板。

如果使用 WooCommerce 会员插件，您将拥有额外的电子邮件模板，例如会员 - 欢迎、会员提醒、会员过期等。

第二个下拉菜单“样品订单”允许您选择任何真实订单，以查看电子邮件的动态字段在特定购物者端的显示方式。

在这个上部工具栏上，您还可以找到最常用的操作按钮，包括：

• 简码：从此处复制简码，然后将其粘贴到电子邮件设计的相应块中。
• 发送测试电子邮件：一键将测试消息发送到任何电子邮件地址，以查看您设计的电子邮件在收件箱中的外观。
• 空白：清除所有电子邮件块，以便您可以拥有一个完全空白的画布，然后您可以开始为自己的目的进行设计。
• 复制模板：从以前设计的模板复制并将其粘贴到当前的电子邮件正文中。 然后你可以做一些小调整，以免从头开始。
• 重置模板：此选项将您的模板重置为初始状态，这意味着您仍然拥有默认的电子邮件块。
• 预览：立即在桌面和移动视图上查看您的自定义电子邮件。
• 保存：随时保存您的编辑。

2.可折叠侧板

YayMail WooCommerce 电子邮件定制器的侧面板由两个选项卡组成：元素和设置。

所有元素都是可拖动的，并包括大量的自定义选项。 例如，标题块允许您编辑其填充、背景颜色、文本颜色、字体系列和其他视觉选项。

虽然元素选项卡中的更改仅适用于所选块，但设置中的调整对整个电子邮件模板生效。

因此，一些常用的功能包括：

• 电子邮件容器宽度
• 周边背景颜色
• 隐藏/显示产品图片和 SKU
• 导出/导入电子邮件模板

3.电子邮件预览

由于它是基于块的电子邮件生成器，因此您可以向上/向下移动任何块或使用手柄拖放它。

在右上角，您将有一些选项，例如：

• 复制电子邮件块
• 将块复制到另一个模板
• 删除块

使用 YayMail，您可以通过更改电子邮件设计和布局进行无穷无尽的自定义，如果您修改主题代码文件或使用 WordPress 定制器，则不会发生这种情况。

案例研究：自定义 WooCommerce 订单确认电子邮件

要开始自定义订单确认电子邮件，请转到 WooCommerce > 电子邮件定制器 > 要显示的电子邮件。 从那里，您可以选择Processing order或Completed order 。

从那时起，您可以开始添加您想要的任何元素。 我将要使用的一些元素包括：

• Logo : 上传透明的 logo 图像并调整其大小以使其与电子邮件容器宽度对齐
• 社交图标：轻松选择社交网络图标并添加每个平台的 URL
• 标题：编辑标题文本、标题字体、文本颜色和背景颜色
• 图像：添加自定义图像并使用滑动条调整其宽度
• 页脚：添加您的网站链接，例如我的帐户、客户支持等。

在任何时候，您都可以单击“预览”按钮以在弹出窗口中查看桌面/移动设备上的电子邮件外观，而无需离开或刷新当前页面。

然后，您可以轻松关闭预览器以返回编辑器。

要查看 YayMail 的运行情况，请查看本教程视频，了解它如何帮助您完成工作。

集成

交易电子邮件是一种很好的营销方式。 特别是当您通过 WooCommerce 提供订阅或会员模式时，您应该自定义电子邮件通知，以使您的品牌资料定制和一致。

案例研究 1：WooCommerce 会员插件

默认情况下，这是您的受众在您网站的会员资格到期时收到的信息。 您可以编辑主题、标题和自定义消息的文本。

为什么不将此电子邮件模板转变为号召性用语，以确保观众会回到他们的会员套餐？

对于这个额外的内容，我将使用多个列来表示“即将到期的会员资格”电子邮件。

步骤如下：

• 将 2 列块拖放到电子邮件上
• 以百分比编辑列宽，即 70/30
• 添加背景颜色或图像（可选），这里我使用白色作为背景颜色
• 为第一列选择一个文本块
• 为第二列选择一个图像条

这就是我为会员电子邮件消息实现多列电子邮件模板的方式。

案例研究 2：WooCommerce 跟进电子邮件插件

使用后续电子邮件模板扩展程序，您可以在完成特定客户操作后发送额外内容。

有很多商店场景可以发送带有自定义内容的预定自动电子邮件。

在本节中，我将演示如何创建和自定义使用优惠券后要发送的电子邮件模板。

首先，开始添加一个新的后续：

• 给它一个名字、电子邮件主题和一些内容
• 在后续类型元框中，确保选择购买电子邮件
• 在底部的框中​​，选择触发为“使用优惠券后”
• 它带有许多高级选项，因此请随意探索

然后，让我们继续自定义步骤：

• 插入徽标和标题
• 添加图像框元素
• 插入内容和社交图标

由于我正在尝试为我的品牌颜色配置文件设置基调，因此将使用粉红色作为标题背景颜色以及图像框元素中的主图像。

设计块很容易，所以剩下要做的就是调整电子邮件块之间的填充，以实现您一直想要的外观和感觉。

快速说明：请参阅他们的文档，以确保您为当前活动的 WooCommerce 扩展获得正确的 YayMail 插件。

案例研究 3：忠诚度奖励插件

WooCommerce 的积分和奖励扩展可能会生成 10 多封电子邮件通知，以便与客户联系。

电子邮件模板因您使用的插件而异，但基本上它看起来像一条短信。 从积分通知设置中，您可以使用他们的简码在电子邮件描述框中编写自己的消息。

然后，保存更改并转到我们的 WooCommerce 电子邮件定制器。 从下拉列表中，选择积分和奖励电子邮件以开始自定义模板。

让我们通过添加更多媒体元素（例如图像、按钮和链接）来增添趣味。

这种新设计将对所有要发送的积分通知生效。 只有中间通知块将替换为您刚刚在上一步中编写的消息。

结论

WooCommerce 电子邮件模板自定义有多种方法，无需编码。 如果源代码修改不是您的选择，那么您可以尝试在插件的帮助下自定义电子邮件。

一些插件利用 WordPress 定制器来设计电子邮件模板。 但是，拖放式电子邮件构建器将帮助您使用高级选项创建更灵活的布局。

今天，您可以通过从 WP 存储库下载 YayMail 来试用它，并完全无风险地使用它，因为它可以与所有 WordPress 主题无缝协作。