18910140161

SendGrid在我的模板代码堆栈溢出上添加额外的HTML和CSS

顺晟科技

2022-10-19 11:37:36

201

我正在用一个非常简单的表和SendGrid中的一些文本创建一个动态模板。这封邮件将发送给几乎完全在Outlook桌面上查看的内部员工,所以我不太担心一致性或兼容性。在我所有的测试邮件中,身体都是居中的,而不是一直向左。我查看了源代码,并对其进行了一番讨论,直到我最终意识到在我的内容上方有一个表格,该表格的样式导致它变得更小和居中。一旦我去掉了那个造型,它就像我想要的那样把我的身体推到了左边。

所以我想知道的是如何删除Sendgrid添加到源代码中的所有垃圾HTML和CSS。或至少删除600px最大宽度。

以下是自动添加到所有发送出去的电子邮件中的示例代码:

max-width:600px;

我真的不明白为什么电子邮件需要至少有4个嵌套表!最后一个表标记是最大宽度所在的位置。

我不知道其他设置。下面是编辑器中我的代码的截图:

添加关于正在发生的事情的可视化表示以更好地帮助。

电子邮件正文居中,我只想让它保持对齐。


顺晟科技:

我在过去使用SendGrid和ROR构建时事通讯,我发现代码被转换为内联,因此可以在许多其他电子邮件提供程序中阅读,我们发现了这个名为amp的产品,它实际上可以让我们使用非内联样式的CSS。

我建议采用这种方法,或者使用:600px的最大内联方式编码;并在不同的提供程序上运行多个测试,如Gmail、outlook、Ios等。

正如您所提到的,通讯创建者不会发送发送通讯所需的代码,而是将内容转换为内联。

amp链接

演示

max-width:600px;

只是分享我的经验,希望它能帮助您按计划设计风格。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航