电子邮件基础 2

快速创建能正常工作的响应式 HTML 邮件。
即使是在 Outlook 上。


开始使用

(原 Ink)

让电子邮件更出色

我们知道创建 HTML 邮件很难,尤其是响应式邮件。这就是我们创建电子邮件基础的原因。告别复杂的表格标记和不一致的结果。使用电子邮件基础,您可以在编写电子邮件上花费更少的时间,而在其他事情上花费更多的时间,例如构建出色的产品。

电子邮件营销对您的业务有益。事实上,它可以为你提供 $44-back-for-every-$1-spent 的回报。而电子邮件基础是一个强大且易于使用的工具,您可以用它来创造惊人的结果。

54%

所有电子邮件都可以在 移动设备 上打开,因此您需要为台式机和移动电子邮件客户端优化模板。

75%

Gmail 的 9 亿用户中有 75% 是通过移动设备访问其帐户。

6 倍

事务电子邮件 可以产生的收入比一般营销电子邮件高 6 倍以上。

构建对任何设备和所有主流电子邮件客户端(甚至 Outlook!)都看起来很棒的响应式电子邮件。


正在制作营销或促销电子邮件?滴灌活动?事务电子邮件?电子邮件基础是能让您轻松为任何用例构建电子邮件的框架。从 10 个经过测试的响应式 HTML 模板中进行选择,这些模板在 Outlook、Gmail、Apple Mail 等移动和桌面版本上都经过了测试。

了解电子邮件基础可用于以下方面


减少编写代码的时间

如果你使用过 Foundation for Sites,那么你就会觉得得心应手了。

适用于任何布局的响应式网格

你可以写出来适合你内容的布局,而不是相反。

使用专为在任何设备上工作的网格,获得更多可能。让你的网格适合你的内容,而不是相反。现在,你可以像编写网站一样编写电子邮件了,使用专为在任何设备上工作的网格。创建大小均匀的内容块,非常适合图片库或产品列表。你的布局整齐堆叠,这样你的内容就能在小屏幕上显示。填充和行宽等内容会自动调整,以适应移动设备。

常见的用户界面模式,构建更快

你可以在设计中使用这些 UI 模式,让你的电子邮件快速成形。我们包括按钮、菜单、区块网格、标注、排版和缩略图。除此之外,可见性和对齐之类的帮助工具可以让你更快的完成产品,这样你就可以减少编写代码的时间。

用 Sass 快速制作时尚的电子邮件

从颜色和字体大小到间距和列数,Sass 让您对常见样式拥有所有控制权,并且无需重复、耗时的 CSS。通过更改几个 Sass 变量,您可以在几分钟内获得整个电子邮件所需的外观和感觉,从而可以花更多时间在您的文案或转化漏斗上。

精通课程适用于响应式电子邮件

在本在线课程中,您将学习如何快速设计和开发响应式电子邮件,使其在几乎所有屏幕、浏览器和电子邮件客户端上都看起来很漂亮,甚至是 Outlook。

了解电子邮件基础

Inky:一种新的模板语言

告别筛选数百个讨厌的表格标记。

让我们面对现实吧,电子邮件客户端远远落后于时代。使用表格标记的电子邮件需要多 3 倍的标记,并且很快会变得复杂。如果电子邮件标记更像网络会怎样?使用 Inky,您将编写诸如 <row><columns> 的标记,以吐出将电子邮件骨架拼凑在一起所需的六个表格标记。您将能够以更少的挫败感和更好的组织方式更快地编写电子邮件,从而为您腾出更多时间来做更重要的事情,比如构建您的产品。

<container>
  <row>
    <columns>This is a column.</columns>
  </row>
</container>
<table class="container">
  <tbody>
    <tr>
      <td>
        <table class="row">
          <tbody>
            <tr>
              <th class="small-12 large-12 columns first last">
                <table>
                  <tr>
                    <th>This is a column.</th>
                    <th class="expander"></th>
                  </tr>
                </table>
              </th>
            </tr>
          </tbody>
        </table>
      </td>
    </tr>
  </tbody>
</table>

从初创企业到财富 500 强,数百万开发人员信任并使用 Foundation for Emails。

每天,世界各地内容丰富且有利可图的电子邮件都建立在坚实的 Foundation for Emails 框架之上。各行业和大陆的设计师、开发人员和营销人员都在使用 Foundation for Emails 将他们的想法变为现实。


花费更少的时间进行测试和准备

我们帮您搞定了,从自定义到构建再到内联。

在所有主要客户端中都能工作的电子邮件,甚至包括 Outlook

您不必担心布局中的间距不一致和奇怪的渲染问题。Foundation for Emails 为您提供了指导,以便您确信电子邮件在测试中看起来符合预期。您将花更少的时间调试电子邮件,而花更多的时间优化您的活动。

查看我们的兼容性图表 →

ZURB 电子邮件堆栈将让您成为电子邮件专家

升级您的电子邮件工作流程以节省时间、提高效率。除了 Gulp 构建系统、Inky 模板、自动内联、CSS 和图像压缩之外,ZURB 堆栈还包括 Handlebars 模板的支持,以防止您重复相同的操作。为多封电子邮件共享诸如页眉和页脚之类的常见元素,从而只允许您更改重要的内容。

详细了解 ZURB 电子邮件堆栈 →

内联 CSS 一种痛苦

过去,每次您必须对电子邮件进行更改时,您都必须复制内容、在浏览器中打开内联、将其粘贴和内联。然后,您需要将其复制并粘贴回您的模板中。这太疯狂了!Foundation for Emails 2 自动内联您的 CSS(Sass 版本)。它将您的“进行中”HTML 和内联版本分开,以便您可以根据需要轻松地继续进行更改。

查看我们的 Web 内联 →


十个模板可帮助您更快地入门

无论您要构建什么,我们精选的响应式电子邮件模板都能让您入门。

picture of email templates

通过获取以下 模板,而不是从头开始编码,可以节省时间:针对应用程序的事务性电子邮件营销滴灌活动、时事通讯等都可以通过我们的模板快速启动。就像 Foundation for Emails 框架一样,它们经过实战检验,可在所有设备和电子邮件客户端上运行。模板包括

转到电子邮件模板