响应式电子邮件内嵌程序

内置电子邮件样式

使用电子邮件基础内嵌程序一次性完成此项操作。

加载内嵌程序...

将电子邮件的 HTML 和 CSS 粘贴到左侧,然后点击“内嵌!”。

确保包含所有电子邮件基础 CSS!

感谢您订阅!

内嵌代码时出现错误。检查您的 HTML 和 CSS 是否没有错误,然后重试。

如果您仍然遇到问题,给我们发送电子邮件,我们会帮助您解决问题。




什么是内嵌?

内嵌是为递送至电子邮件客户端准备 HTML 电子邮件的过程。某些电子邮件客户端会去掉您的电子邮件样式,除非它们与样式标签内嵌书写。以下列出了内嵌程序的作用

  • 内嵌 CSS:所有 CSS 都直接嵌入 HTML 中,作为每个标签上的样式属性。
  • 定位媒体查询 CSS:@media 块内的 CSS 无法内嵌,因此会被置于<style>标签中。由于某些客户端(如 Outlook 和 Gmail)会去掉<head>中找到的任何 CSS,内嵌程序会将<style>标签移出<head>并放入<body>中。
  • 压缩输出:通过移除标签和 CSS 块之间的空白,最终 HTML 被压缩。这会减小电子邮件的文件大小,使其能够在速度较慢的移动网络上更快加载。

我们在ZURB 电子邮件堆栈中使用相同的内嵌程序,但它的自动化程度更高。

对输出有疑问?

您可以在 GitHub 上的电子邮件基础存储库中提交问题以获取帮助。请包含不起作用的 HTML/CSS,以便我们能够自己进行测试。

提交问题

正在寻找 V1 Inky 内嵌程序?您可以点击此处获取!

Inky 语言

如果您有兴趣使用我们的Inky 模板语言更快地编写电子邮件,了解如何在您的计算机上设置 ZURB 电子邮件堆栈。ZURB 堆栈集齐了 Sass 编译器、Inky 支持和完整的内嵌流程于一身,全部在一个模板中。

了解 ZURB 电子邮件堆栈