<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<title>Mailto</title>
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700" rel="stylesheet">
<style type="text/css">
html { -webkit-text-size-adjust: none; -ms-text-size-adjust: none;}
@media only screen and (min-device-width: 750px) {
.table750 {width: 750px !important;}
}
@media only screen and (max-device-width: 750px), only screen and (max-width: 750px){
table[class="table750"] {width: 100% !important;}
.mob_b {width: 93% !important; max-width: 93% !important; min-width: 93% !important;}
.mob_b1 {width: 100% !important; max-width: 100% !important; min-width: 100% !important;}
.mob_left {text-align: left !important;}
.mob_soc {width: 50% !important; max-width: 50% !important; min-width: 50% !important;}
.mob_menu {width: 50% !important; max-width: 50% !important; min-width: 50% !important; box-shadow: inset -1px -1px 0 0 rgba(255, 255, 255, 0.2); }
.mob_center {text-align: center !important;}
.top_pad {height: 15px !important; max-height: 15px !important; min-height: 15px !important;}
.mob_pad {width: 15px !important; max-width: 15px !important; min-width: 15px !important;}
.mob_div {display: block !important;}
}
@media only screen and (max-device-width: 550px), only screen and (max-width: 550px){
.mod_div {display: block !important;}
}
.table750 {width: 750px;}
</style>
</head>
<body style="margin: 0; padding: 0;">
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="background: #f3f3f3; min-width: 350px; font-size: 1px; line-height: normal;">
<tr>
<td align="center" valign="top">
<!--[if (gte mso 9)|(IE)]>
<table border="0" cellspacing="0" cellpadding="0">
<tr><td align="center" valign="top" width="750"><![endif]-->
<table cellpadding="0" cellspacing="0" border="0" width="750" class="table750" style="width: 100%; max-width: 750px; min-width: 350px; background: #f3f3f3;">
<tr>
<td class="mob_pad" width="25" style="width: 25px; max-width: 25px; min-width: 25px;"> </td>
<td align="center" valign="top" style="background: #ffffff;">
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="width: 100% !important; min-width: 100%; max-width: 100%; background: #f3f3f3;">
<tr>
<td align="right" valign="top">
<div class="top_pad" style="height: 25px; line-height: 25px; font-size: 23px;"> </div>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="88%" style="width: 88% !important; min-width: 88%; max-width: 88%;">
<tr>
<td align="left" valign="top">
<div style="height: 39px; line-height: 39px; font-size: 37px;"> </div>
<a href="#" target="_blank" style="display: block; max-width: 128px;">
<img src="img/logo.png" alt="img" width="128" border="0" style="display: block; width: 128px;" />
</a>
<div style="height: 73px; line-height: 73px; font-size: 71px;"> </div>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="88%" style="width: 88% !important; min-width: 88%; max-width: 88%;">
<tr>
<td align="left" valign="top">
<font face="'Source Sans Pro', sans-serif" color="#1a1a1a" style="font-size: 52px; line-height: 60px; font-weight: 300; letter-spacing: -1.5px;">
<span style="font-family: 'Source Sans Pro', Arial, Tahoma, Geneva, sans-serif; color: #1a1a1a; font-size: 52px; line-height: 60px; font-weight: 300; letter-spacing: -1.5px;">Hey Vladimir,</span>
</font>
<div style="height: 33px; line-height: 33px; font-size: 31px;"> </div>
<font face="'Source Sans Pro', sans-serif" color="#585858" style="font-size: 24px; line-height: 32px;">
<span style="font-family: 'Source Sans Pro', Arial, Tahoma, Geneva, sans-serif; color: #585858; font-size: 24px; line-height: 32px;">Recently I was chatting with David Sherry, co-founder of Death to the Stock Photo, about his company’s email strategy. They’ve grown their business almost entirely with email (we’ll look at an example later in this post) and he offered some magical advice.</span>
</font>
<div style="height: 20px; line-height: 20px; font-size: 18px;"> </div>
<font face="'Source Sans Pro', sans-serif" color="#585858" style="font-size: 24px; line-height: 32px;">
<span style="font-family: 'Source Sans Pro', Arial, Tahoma, Geneva, sans-serif; color: #585858; font-size: 24px; line-height: 32px;">It’s simple, but seriously profound. He builds opportunities for small conversions into every email so that people get used to taking action. This can be as simple as “Follow me on Twitter” or as significant as “Upgrade your account.”</span>
</font>
<div style="height: 33px; line-height: 33px; font-size: 31px;"> </div>
<table class="mob_btn" cellpadding="0" cellspacing="0" border="0" style="background: #27cbcc; border-radius: 4px;">
<tr>
<td align="center" valign="top">
<a href="#" target="_blank" style="display: block; border: 1px solid #27cbcc; border-radius: 4px; padding: 12px 23px; font-family: 'Source Sans Pro', Arial, Verdana, Tahoma, Geneva, sans-serif; color: #ffffff; font-size: 20px; line-height: 30px; text-decoration: none; white-space: nowrap; font-weight: 600;">
<font face="'Source Sans Pro', sans-serif" color="#ffffff" style="font-size: 20px; line-height: 30px; text-decoration: none; white-space: nowrap; font-weight: 600;">
<span style="font-family: 'Source Sans Pro', Arial, Verdana, Tahoma, Geneva, sans-serif; color: #ffffff; font-size: 20px; line-height: 30px; text-decoration: none; white-space: nowrap; font-weight: 600;">Read more</span>
</font>
</a>
</td>
</tr>
</table>
<div style="height: 75px; line-height: 75px; font-size: 73px;"> </div>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="90%" style="width: 90% !important; min-width: 90%; max-width: 90%; border-width: 1px; border-style: solid; border-color: #e8e8e8; border-bottom: none; border-left: none; border-right: none;">
<tr>
<td align="left" valign="top">
<div style="height: 15px; line-height: 15px; font-size: 13px;"> </div>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="88%" style="width: 88% !important; min-width: 88%; max-width: 88%;">
<tr>
业务说明EDM邮件模板
需积分: 0 111 浏览量
更新于2023-10-15
收藏 535KB ZIP 举报
EDM（Email Direct Marketing）邮件模板是用于商业通信的一种有效工具，它利用HTML格式来设计具有吸引力和专业感的电子邮件，以传达品牌信息、促销活动或业务说明等内容。"业务说明EDM邮件模板"通常包括清晰的产品或服务介绍、公司简介、联系方式以及引人入胜的设计元素，旨在提高邮件打开率和转化率。
HTML（HyperText Markup Language）是构建网页内容的基础语言，也是创建EDM邮件模板的核心技术。通过HTML，我们可以添加文本、图片、链接、表单等元素，使得邮件内容更加丰富多彩。在设计欧美风格的邮件模板时，通常会注重简洁、明快的设计理念，强调视觉冲击力和用户体验。这可能包括使用大胆的颜色、清晰的排版、高质量的图像，以及符合西方审美标准的图形元素。
在创建业务说明EDM邮件模板时，有以下几个关键知识点：
1. **响应式设计**：考虑到用户可能在不同设备上阅读邮件，如桌面电脑、平板或手机，模板应采用响应式设计，确保在任何屏幕尺寸下都能提供良好的阅读体验。
2. **品牌一致性**：模板设计应与公司的品牌形象保持一致，包括色彩方案、字体选择和logo布局等。
3. **清晰的呼叫操作（CTA）**：CTA按钮或链接应该突出且明确，引导收件人执行期望的操作，如访问网站、购买产品或预约服务。
4. **内容优化**：邮件内容应简洁明了，突出重点，避免过多的技术术语，使非专业人士也能快速理解。
5. **邮件兼容性**：测试模板在各种邮件客户端（如Outlook、Gmail、Yahoo等）的表现，确保样式和功能在所有平台上都能正常工作。
6. **PSD文件**：Photoshop（PSD）文件是设计过程中的原始素材，包含了所有图层和设计细节。设计师通常会先在PSD中完成设计，然后导出为HTML代码。
7. **邮件编码**：将PSD设计转换为HTML时，需要考虑邮件编码问题，如使用inline样式而不是外部CSS，以确保邮件服务商不会过滤掉重要的样式信息。
8. **跟踪和分析**：通过添加追踪代码，可以监控邮件的打开率、点击率等数据，从而优化未来的邮件营销策略。
"业务说明EDM邮件模板"的创建涉及到HTML编程、视觉设计、用户体验和市场营销等多个领域。通过合理运用这些知识，可以打造一个既美观又有效的邮件营销工具，助力企业提升业务沟通的效果。
业务说明EDM邮件模板.zip （9个子文件） 
html img 
txt.png 11KB logo.png 5KB soc_1.png 2KB soc_3.png 2KB rad.png 7KB soc_4.png 2KB soc_2.png 1KB
index.html 22KB psd 
Personal message.psd 2.78MB2024-04-10 上传
113 浏览量
146 浏览量
179 浏览量
2021-01-22 上传
2021-01-20 上传
148 浏览量
2021-01-22 上传
2021-01-20 上传
144 浏览量
129 浏览量
166 浏览量
187 浏览量
163 浏览量
2021-12-16 上传
2021-07-24 上传
2021-09-12 上传
2014-09-22 上传
103 浏览量
5星 · 资源好评率100%106 浏览量
5星 · 资源好评率100%146 浏览量
2024-12-12 上传
5星 · 资源好评率100%164 浏览量
资源评论
