从表面上看,发送HTML电子邮件应该是一项简单的任务——这算不上什么新技术。然而,它可能非常复杂。事实上,Smashing杂志声称“电子邮件的设计和开发是一头野兽。电子邮件客户端供应商在采用新标准方面不如网页浏览器供应商进步。”这绝对是你的技术人员或开发团队的任务,而不是在周五下午交给办公室的初级员工的快速工作。有些经理错误地认为,群发邮件只不过是普通邮件的放大版。不幸的是,事情没有那么简单。你不能只是把一封邮件打出来,然后用你的标准邮件主机(如Gmail或Outlook)发送给一万人。这些服务设置了每天500个收件人的限制,如果你试图发送更多,他们会将你视为垃圾邮件发送者。因此,如果你打算从事电子邮件营销,你需要使用专业的批量邮件供应商。你可以发送简单的文本电子邮件;许多公司都这么做,他们更喜欢它的简单性,并且知道它几乎可以在任何设备上阅读。然而,在这个视觉化的时代,文本邮件并不突出。如果你想让你的邮件与你的其他品牌相匹配,你真的需要使用HTML邮件…这时事情就变得棘手了。构建HTML模板可能是一项艰巨的工作,即使对于经验丰富的开发人员也是如此。然而,现在有相当多的工具可以帮助你开发HTML电子邮件,其中一些有助于CSS内联编辑。
电子邮件的顶级CSS内联编辑器工具:
影响者营销中心网站HTML到电子邮件HTML转换工具2。Mailchimp CSS内线工具3。PutsMail CSS内联4。活动监控CSS内联5。Premailer 6。HTML电子邮件响应电子邮件CSS内联7。Litmus Builder常见问题
为什么你需要担心CSS内联编辑?像网页一样,HTML邮件包含HTML(超文本标记语言)和CSS(层叠样式表)的组合。HTML给出电子邮件的整体结构,而CSS详细描述它的外观。实际上,HTML会告诉您的电子邮件客户端电子邮件的位置,而CSS则详细说明它应该如何显示。当你设计一个网页时,你有三种方法在你的编码中包含CSS。大多数web开发人员喜欢在单独的样式表中添加CSS。这意味着您可以轻松地更改站点的样式,而无需更改核心HTML代码。另一种方法是将样式嵌入主HTML文档的部分。这也使你的CSS代码相对独立于你的主要HTML代码,可以特别有用的响应式设计,在这里你可以改变你的代码,以反映我们现在看网页的多种方式(在手机,平板电脑,笔记本电脑,甚至电视)。然而,许多电子邮件客户端,包括Gmail,忽略了HTML文档中中的很多CSS。它们还阻止对外部样式表的访问。如果你用与标准网页相同的方式编写HTML电子邮件,你会感到失望,因为生成的电子邮件无法识别你的CSS样式,而且格式看起来很奇怪。显示网页CSS的第三种方法是使用内联样式。这意味着将CSS代码放在HTML代码中,对于一个规模庞大的网站来说,这可能会很混乱(如果你想改变网站的外观,也很难改变)。使用内联样式,可以在每个相关HTML语句旁边显示修改原始HTML语句外观的CSS代码项。确保你的电子邮件按照你的意图显示的唯一一致的方法是用CSS内联编码它们,如果你没有这样编码你的网站,这可能是耗时和混乱的。因此,你需要使用一个工具转换任何代码从一个网站,你希望使用在你的电子邮件包括CSS内联。为什么HTML邮件处理起来很复杂?现代的网页开发者可能没有意识到在我们今天享受一致的标准之前发生的战争命令行。打开命令行提示符,像这样运行代码:
安装
下载,安装和打开VS code。
按CMD/CTRL+P打开快速打开对话框。
输入ext install tautvydasderzinskas。vscode-html-to-css。
单击Install按钮,然后单击Enable按钮。超过3万名营销专业人士依靠我们获取他们的新闻。你不应该?
订阅世界上第一个有影响力的营销通讯,每两周在星期四发送。
试着我