Question

我想通过我的CRM（Nation Builder）发送自定义电子邮件。通过＆＃34; custom＆＃34;，我的意思是我在HTML / CSS中编码。

我使用与网站相同的结构创建了一个HTML文件：

// some other code
large::method::to::get::data().doStuff()
// some other code
large::method::to::get::data().doMoreStuff()

我的电子邮件应用程序（在我的Mac上）上的电子邮件显示正常，但是当我在Gmail上打开它时，相同的邮件接缝没有CSS。

甚至更奇怪：我收到了我喜欢的网站的简报。它在Gmail上完美运行。所以我已经在我的网络浏览器上显示了它，复制了HTML代码，将其粘贴到Nation Builder中并将其发送到我的Gmail。但是Gmail上没有再次使用CSS（它在Apple Mail App上运行正常）。即使原始邮件在同一个Gmail上工作正常。

有人可以向我解释为什么一封能在Gmail上运行良好并且我从我的CRM中复制/粘贴以发送它的电子邮件无效吗？

谢谢！

Answer 1

所有电子邮件客户端均不支持使用HTML和CSS的电子邮件模板。要构建您的电子邮件模板，请使用HTML3 TABLE。它几乎受到所有电子邮件客户端和浏览器的支持。

此外，要添加设计，请使用带有HTML元素的内联css。如果您在模板中使用任何图像，则使用绝对路径而不是相对路径。 This link也可以帮助您构建电子邮件模板。

Answer 2

您希望内联编写大部分CSS样式。例如;

<td align="left" style="padding:40px 20px 40px 20px; font-family:sans-serif; font-size:15px; line-height:20px; color:#444444; text-align:left;">Cras mattis consectetur purus sit amet fermentum.</td>

或

<img src="path/to/img.jpg" width="600" alt="..." border="0" align="center" style="width:100%; max-width:600px;">

可以通过Campaign监视Litmus CSS Inline随意使用PutsMail之类的内容。他们是自由的，他们会为你做一些繁重的工作。

我的自定义电子邮件CSS无法在Gmail上运行

2 个答案: