免费响应式HTML电子邮件模板
有时候你只需要一个真正简单的响应式HTML电子邮件模板,带有一个清晰的"立即行动"按钮。这就是它。
在发送前内联您的CSS
电子邮件以不一致的CSS支持而闻名。因此,您应该始终内联您的CSS并在发送之前发送测试。
直接从您的代码库发送电子邮件或使用开发人员服务?
对于API服务(如Mailgun、SendGrid、Postmark),您需要在发送前内联CSS。请参见'email-inlined.html'以获取示例。
您可以使用这个电子邮件CSS内联器然后发送测试电子邮件给自己来验证它是否按预期工作。
- 复制email.html的所有内容
- 将HTML粘贴为源代码到内联器中
- 复制HTML输出并将其用作发送的电子邮件模板
使用Mailchimp等营销服务发送电子邮件?
使用'email.html'模板即可。他们会在您组织您的活动时为您内联CSS。
电子邮件中的图像
插入图像时,请记住包含以下属性,否则在不同客户端中可能会破坏:
src
alt
width
height
border
示例:
<img src="https://absolute-path-to-image.jpg" alt="有用的替代文本" width="500" height="300" border="0" style="border:0; outline:none; text-decoration:none; display:block;">
经过所有主要电子邮件客户端的测试和验证
在移动设备、桌面和网络上进行了测试。
更多HTML电子邮件资源
- 10个高级HTML电子邮件模板供开发者使用
- 免费Figma电子邮件模板设计系统
- 构建和发送HTML电子邮件的介绍
- Grunt电子邮件设计工作流程
- 网站开发人员需要了解的所有关于事务性电子邮件的知识
- 管理并向自己发送电子邮件模板
- 可访问的电子邮件评估工具
这个免费模板是HTML Email上提供的面向开发人员和初创公司的响应式电子邮件模板包的一部分。