小贴士
用于自定义电子邮件模板
自定义 HTML 源代码
Codepen 是编辑 HTML 和其他网络语言的绝佳免费工具。创建免费账户并点击其中一个电子邮件模板的链接后,您将进入一个类似下面这样的页面:
首先,点击窗口右上方的 "Fork(分叉)"按钮,复制一个可以编辑的模板。
您需要编辑 HTML 源代码才能更改电子邮件的内容。不过,由于所有电子邮件客户端(如 Gmail、Outlook 和 Apple Mail)对电子邮件的处理方式略有不同,因此您不应更改电子邮件的结构,否则可能无法正常工作。您要重点修改的内容是文本,不管是插入您的地区名称、电子邮件和其他相关信息,还是翻译所有内容。
只要知道如何定位,自定义 HTML 中的文本就非常简单。在 Codepen 中,电子邮件中显示的所有文本都是 白色.例如,如果您使用的是如图所示的模板,则需要自定义此处的白线,以反映您的地区名称:
自定义电子邮件中的所有文本后,您需要确保更改任何超链接内容。您可以查看电子邮件的预览,以帮助找到这些内容,通常是按钮和电子邮件联系人。在源代码中,它们将被列为
<a href="URL">some text</a>
例如,需要将下面突出显示的链接更改为活动 RSVP 网页的 URL:
这些联系信息需要更改,以反映我的电子邮件地址以及 RSVP 网页。请注意,在突出显示的一行中,需要更改两个独立的 URL:
完成后,就可以导出 HTML 了。为此,请点击窗口右下方的导出按钮,然后选择 "导出 .zip":
就是这样!现在,您可以测试电子邮件并将其发送出去了。
将 HTML 插入电子邮件正文
在电子邮件正文中插入 HTML 代码
大多数电子邮件客户端不会显示直接插入邮件正文的 HTML。相反,您需要在浏览器中打开电子邮件,复制浏览器窗口的内容,然后粘贴到电子邮件中。具体方法如下:
第 1 步要在浏览器中打开 HTML,只需双击导出的 HTML 文件(可能需要先解压文件)。该文件会在浏览器中自动打开,也可以右击并选择 "用...打开",然后选择网络浏览器:
步骤 2在浏览器中打开 HTML 后,单击 "编辑">"全选"。
然后,单击编辑 > 复制:
现在,将其粘贴到电子邮件正文中,然后发送!
请记住, 在向联系人发送电子邮件之前,一定要先进行测试。最佳做法是在多个电子邮件客户端进行测试,因此您可能需要为此创建测试账户。
技术创新是 Iridescent的一个项目。Iridescent 创建并提供强大的科学、工程和技术教育,帮助贫困青少年培养好奇心、创造力和毅力。