2. 为电子邮件模板添加结构

2025-09-02 19:39:16 21阅读

或其他典型的结构元素。相反,我们希望使用表格,因为这在电子邮件客户端和服务中渲染效果很好。

一切将从正文中一组简单的 标记开始:


我们在 标签中设置的属性可以帮助屏幕阅读器解析其中的文本,因此有利于无障碍访问。

从这里开始,你需要在表格中添加新的行和列,以便创建 HTML 电子邮件模板。具体方法由你自己决定,但最好从页眉、页脚和正文部分开始。为简洁起见,我们在此不再赘述,但我们会在以后的工作中提及。

好消息是,如果需要添加其他部分,可以继续向表格添加新行。不过,从这里开始,你将需要引入样式和其他元素。

3. 为元素添加样式

HTML 的美妙之处在于,它几乎与你的样式无关。标记是简单明了的,但你应用的样式可能并不简单。在这里,你将看到 HTML 电子邮件栩栩如生。

作为设计指导,我们将在 中添加 标签,以显示一般边框:

首先,我们要确保正文或主表格(此处作为正文,因为有些电子邮件客户端会移除该标记)中没有意外的空格:


我们还将添加一些居中功能,并移除不同部分单元格中多余的填充:

如果您在浏览器中浏览一下,就会发现它并不起眼:

显示 HTML 电子邮件骨架的浏览器窗口

不过,从这里开始,你可以使用表格和样式标签进一步开发你的电子邮件模板。例如,我们为页眉制作了一个 Hero 部分,并扩展了页脚和正文:

创建过程中的模拟电子邮件模板(图片来源:Settergren)

您可能会根据自己的需要创建一个更好、更合适的模板,但使用嵌套表格和一些基本的 HTML 技能,您就可以创建一个反应灵敏的自定义 HTML 电子邮件模板。

4. 测试电子邮件

在完成之前,您需要测试您的电子邮件,以确保它在不同设备上都能很好地呈现。有一些不同的服务可以提供帮助。

例如,Email on Acid 就包含一份完整的部署前检查清单,帮助您确保模板不会出现问题:

Email on Acid 网站

Litmus 用户会知道 PutsMail,但所有人都可以访问它:

Litmus 网站

您需要注册一个账户才能使用这项服务,但使用起来非常简单。您可以利用该功能在多种不同的浏览器和设备上预览电子邮件。

Mailgun 还提供与其主要产品相匹配的出色服务。您可以通过界面测试电子邮件客户端、浏览器等。此外,您还可以测试主题行等元素,以确保您保持较高的打开率。

Mailgun 的电子邮件测试工具

不过,一旦您测试了电子邮件,就需要确保它能进入收件人的收件箱。在最后一节,我们将详细讨论这个问题。

发送 HTML 电子邮件:您需要了解的内容

使用电子邮件营销服务的一个好处我们还没有提到,那就是它将如何处理发送电子邮件的法律问题。这一点很重要,因为如果你在这方面出了差错,你不仅无法与收件人取得联系,还会给自己带来麻烦。

电子邮件营销服务公司已经与处理垃圾邮件和发送电子邮件相关问题的机构建立了良好的工作关系。因此,如果你不想担心发送垃圾邮件,选择这些服务通常是个好主意。

不过,无论您使用哪种平台,我们都可以提供一些提示:

可送达性是电子邮件的一个关键因素,我们将在另一篇文章中对此进行深入讨论。不过,这一概念由多个方面组成,如使用良好的代码、获得正确的许可级别等。

这就涉及到另一个方面 – 您的发送分数。这类似于信用评分,最终是对您声誉的衡量。这里有几个不同的组成部分构成整体:

后者与域名密钥识别邮件(DKIM)和发件人策略框架(SPF)有关。此外,您还可以通过 SenderScore 或 IPQualityScore 等服务检查您 IP 的信誉。

如果一开始就选择了正确的简单邮件传输协议(SMTP)提供商,就能一举解决上述问题。就像您选择电子邮件营销解决方案一样,这项服务将了解您需要什么来保持较高的送达率,并获得权力机构的认可。

Mailgun 是我们前面提到的一种解决方案,这可能是最理想的选择。不过,还有其他一些服务,如 Mailjet、Sendinblue,甚至 Gmail 自己的服务。

小结

电子邮件还没有走到尽头。因此,利用电子邮件来满足自己的需求(如推广和营销),是接触潜在订户、用户和客户的一种极具成本效益的好方法。

虽然您可以购买专用的 HTML 模板,但创建自己的 HTML 电子邮件并不难。如果你有一个特定的愿景,这可能是你成功的途径。不过,您需要拿出以前使用过的 HTML 技巧,如条件和嵌套表格。HTML 电子邮件设计还没有达到现代网页设计的水平,但你仍然可以以小博大。

你需要创建 HTML 电子邮件吗?如果需要,你有什么问题?请在下面的评论区告诉我们!

免责声明:由于无法甄别是否为投稿用户创作以及文章的准确性,本站尊重并保护知识产权,根据《信息网络传播权保护条例》,如我们转载的作品侵犯了您的权利,请您通知我们,请将本侵权页面网址发送邮件到qingge@88.com,深感抱歉,我们会做删除处理。
Header