如何在 WordPress 中制作自定义电子邮件模板

已发表: 2024-04-03

正在寻找一种简单的方法来使用 WPForms 自定义电子邮件模板功能来自定义表单通知?

通过 WPForms,您可以轻松更改通知电子邮件的外观和风格,以创建更加个性化的体验。

立即创建自定义电子邮件模板

因此,事不宜迟,让我们逐步了解如何使用 WPForms 在 WordPress 中创建自定义电子邮件模板!

在本文中

  • 步骤 1. 设置基本通知电子邮件
  • 第 2 步:选择电子邮件模板
  • 第 3 步:设置电子邮件标题图像
  • 第 4 步:更改配色方案
  • 第 5 步:预览您的电子邮件模板
  • 第 6 步:为各个表单选择电子邮件模板

如何在 WordPress 中制作自定义电子邮件模板

在 WordPress 中创建自定义电子邮件模板非常简单,尤其是使用 WPForms 自定义电子邮件模板。 请按照以下步骤开始。

步骤 1. 设置基本通知电子邮件

作为最好的表单生成器插件,WPForms 允许网站所有者创建联系表单、订单表单、计算器表单以及众多其他表单模板,以满足广泛的受众和行业的需求。

the wpforms homepage

因此,第一步是安装 WPForms 插件,然后创建一个表单。 之后,导航到表单生成器中的“设置”»“通知”选项卡以设置基本表单通知电子邮件。

form notifications

创建表单和通知电子邮件后,请先保存表单和通知设置,然后再继续下一步,以免丢失进度。 只需点击屏幕右上角的“保存”按钮即可。

Save the form

默认情况下,所有 WordPress 都使用 PHP 从您的网站发送电子邮件,许多收件箱可能会将其标记为垃圾邮件。 为了避免这种情况发生,建议使用 WP Mail SMTP 等 SMTP 插件。

第 2 步:选择电子邮件模板

现在您已准备好创建自己的电子邮件模板。 从 WordPress 仪表板转到WPForms » 设置,然后单击电子邮件选项卡。

wpforms email settings

从这里,如果您查看模板部分,您会发现六种不同的电子邮件模板可用于不同的许可证级别:

  • 经典的
  • 袖珍的
  • 现代(专业版)
  • 优雅(专业版)
  • 技术(专业版)
  • 纯文本

默认情况下,所有表单通知电子邮件都使用经典模板,但您可以升级到专业版以访问现代、优雅或技术模板。

在此示例中,我们将选择Elegant模板,但您可以随意从列表中选择最适合您的需求和要求的模板。

select elegant template

如果您想查看模板在用户收件箱中的外观,您还可以单击“预览”按钮来快速浏览其外观。

preview elegant template

以下示例展示了用户在桌面或移动设备上设置了深色主题时优雅模板及其电子邮件的外观。

elegant theme dark mode preview

第 3 步:设置电子邮件标题图像

如果您想创建个性化电子邮件,WPForms 甚至可以让用户选择设置电子邮件标题图像来代表您的品牌徽标。

您所要做的就是导航到“标题图像”部分,然后单击“上传”按钮以选择显示在电子邮件顶部的徽标。

upload header image

您可以选择上传新文件或从 WordPress 媒体库中选择现有文件。

upload header image

添加新图片或选择现有图片后,您只需单击“使用图像”按钮,您的徽标现在应该可见。

preview header image

如果您想修改电子邮件通知顶部的徽标大小,请使用包含“小”、“中”和“大”等选项的下拉菜单。

size header image

图像分辨率根据您选择的尺寸和用户的屏幕而变化。 换句话说,如果您正在手机上阅读电子邮件,它会自动调整以适应屏幕。

第 4 步:更改配色方案

您会很高兴听到 WPForms 还允许您通过“配色方案”部分调整电子邮件中的颜色。

color scheme selection

您可以通过两种方式更改任何颜色。 您可以在颜色字段中输入十六进制数字,也可以单击它以进入颜色选择器。

change color schemes

Pro 用户可以调整背景、正文、文本和链接颜色,而 Lite 用户只能修改背景颜色。 以下是这些选项的工作原理:

背景

您为背景选择的颜色决定了电子邮件模板的外观。 在本例中,背景颜色为深蓝色。

email background color

身体

正文颜色设置电子邮件模板容器的外观。 这是存储电子邮件通知的位置。

以下是白色方案的Body容器的示例图片,供您参考。 随意将其更改为您喜欢的任何内容!

email body color

文本

电子邮件通知中的文字将全部是这种颜色。 默认配色方案采用深色文本颜色,如下图所示。

email text color

链接

此颜色适用于通知电子邮件中的所有链接。 下图显示了一个以链接形式显示的电子邮件地址,并显示为绿色。

email links color

版式

版式对于为从您的网站发送的通知电子邮件选择字体系列至关重要。 WPForms 支持 Sans Serif 和 Serif 字体。

email typography

要更改电子邮件通知的字体系列,您所需要做的就是单击“版式”下拉列表,然后从列表中选择您想要的字体。

typography dropdown

第 5 步:预览您的电子邮件模板

完成对电子邮件模板的更改后,向下滚动并单击“保存设置”按钮以保留更改。

save settings

保存更改后,您可以预览它们以查看它们在用户收件箱中的显示方式。 只需单击预览电子邮件模板链接即可。

preview email template

将打开一个新选项卡,您可以在其中查看新通知电子邮件的示例。 您在设置中更改的内容也会显示在示例中!

preview custom email template

第 6 步:为各个表单选择电子邮件模板

如果您想更改单个表单的电子邮件设计,这也是可能的。 在表单生成器中,只需导航至“设置”»“通知”

notifications settings

然后,向下滚动并单击“高级”以获取更高级的选项。 电子邮件模板下应该有一个下拉按钮。

advanced tab form builder

对于您网站上的所有表单,该选项均设置为“默认模板” 。 单击电子邮件模板下拉列表,然后选择所需的模板来覆盖它。

email template dropdown

如果您对表单和电子邮件模板的外观感到满意,请启用您的表单并让这些自定义电子邮件通知推出!

Yashwardhan Rana,WPForms 内容团队负责人

“通过自定义表单通知,您可以控制电子邮件的品牌和设计。 WPForms 自定义电子邮件模板功能使此任务变得轻而易举。 您可以在几分钟内自定义表单电子邮件,并使其与您的品牌设计保持一致。 强烈推荐!”

-Yashwardhan Rana,WPForms 内容团队负责人

有关 WPForms 自定义电子邮件模板的更多问题

正在寻找您问题的答案? 查看我们收到的有关 WPForms 自定义电子邮件模板的一些最常见问题:

如何更改 WPForms 中的电子邮件模板?

在表单生成器中,只需导航至“设置”»“通知” 。 然后,单击“高级”以获取更高级的选项。 电子邮件模板下应该有一个下拉按钮。 从此处选择所需的电子邮件模板。

如何在 WordPress 中创建自定义电子邮件模板?

要创建自定义电子邮件模板,请导航至WPForms » 设置,然后单击电子邮件选项卡。 在这里,您可以选择各种模板,例如经典、紧凑或现代。 然后,您可以通过添加标题图像、选择您喜欢的配色方案以及选择排版样式来自定义模板。

如何自定义我的电子邮件模板?

WPForms » 设置中选择电子邮件选项卡。 然后,您可以选择适合您风格的模板,并通过添加标题图像、更改颜色并在文本区域中选择字体来使其成为您自己的模板。 使用“预览”按钮查看模板的外观并确保其符合您的品牌风格指南。

接下来,了解如何附加文件以形成电子邮件通知

WPForms 文件上传字段是一项强大的功能,允许网站访问者在网站前端填写表单时上传文件。 查看本指南,了解如何将这些文件附加到您的表单电子邮件通知中。

立即创建自定义电子邮件模板

准备好构建您的表单了吗? 立即开始使用最简单的 WordPress 表单生成器插件。 WPForms Pro 包含大量免费模板,并提供 14 天退款保证。

如果本文对您有所帮助,请在 Facebook 和 Twitter 上关注我们,获取更多免费的 WordPress 教程和指南。