responsive-html-email-template README

The project's README from github.com/leemunroe/responsive-html-email-template. As one markdown file: README.md.

Free Responsive HTML Email Template

Sometimes all you want is a really simple responsive HTML email template with a clear call-to-action button. Here it is.

See live preview.

Simple HTML Email Template

Inline your CSS before sending

Email is notorious for inconsistent CSS support. Therefore you should always inline your CSS and send a test to yourself before sending.

Sending emails directly from your codebase or using a developer service?

For an API service (like Mailgun, SendGrid, Postmark) you need to inline the CSS before sending. See email-inlined.html for an example.

You can use this Email CSS Inliner and then send a test email to yourself to verify it works as expected.

Sending emails using a marketing service like Mailchimp?

Use the template email.html as is. They'll put the CSS inline for you when you put together your campaign.

Images in email

When inserting images remember to include the following attributes or risk them breaking in different clients:

Example:

<img src="https://absolute-path-to-image.jpg" alt="Useful alt text" width="500" height="300" border="0" style="border:0; outline:none; text-decoration:none; display:block;">

More information here

Tried and tested on all major email clients

Tested on mobile, desktop and web.

Tested on Email Clients

More HTML email resources

This free template is part of a pack of responsive email templates for developers and startups available on HTML Email. image

responsive-html-email-template (leemunroe/responsive-html-email-template)

Searching Database…

这是什么?一个免费、简洁的响应式 HTML 邮件模板,带有醒目的行动按钮,可以作为你自己邮件的基础。
这是编程库,还是只是一个模板文件?它是一个静态 HTML 文件(email.html),不是库或框架。你复制下来再按需修改即可,无需安装或导入任何东西。
我该怎么用它发送邮件?如果你通过 Mailgun、SendGrid 或 Postmark 等 API 服务发送,先复制 email.html,粘贴到 CSS 内联工具中,然后把处理后的输出作为模板使用。如果你用的是 Mailchimp,直接使用 email.html 即可,因为该服务会自动为你内联 CSS。
发送前需要注意什么?务必先内联 CSS,并先给自己发一封测试邮件。邮件客户端对 CSS 的支持非常不一致。另外,每张图片都要带上 src、alt、width、height 和 border 属性,否则在某些客户端中可能显示异常。
这只适合开发者,还是营销人员也能用?两者都可以。通过编程方式调用 API 服务发送的开发者需要自己内联 CSS;使用 Mailchimp 等工具的营销人员则可以直接把模板拿来用。
这个模板在真实的邮件客户端上测试过吗?测试过。README 显示它已在移动端、桌面端和网页版邮件客户端上测试,而不只是在浏览器中检查。
仓库中的 email-inlined.html 是做什么用的?它是一个现成的示例,展示了 email.html 经过 CSS 内联工具处理后的效果,方便你在通过 API 服务发送之前,先了解最终输出应该是什么样子。
这是唯一的模板吗,还是还有更多?这个仓库是一个免费样例。它是作者在 HTML Email 网站上出售的、面向开发者和初创企业的付费响应式邮件模板合集的一部分。
Creator
leemunroe
Size
0.1 MB
Stars
13.7K
Age
12y
Commits · 90 Days