从收件箱预览MailChimp隐藏文本

时间:2018-11-14 13:04:15

标签: html-email mailchimp

虽然我已为MailChimp添加了收件箱预览文本,但我想停止它,同时在收件箱预览文本中显示“在浏览器文本中查看此电子邮件”。

是否可以在Mailchimp的html模板中从收件箱预览中隐藏文本?

1 个答案:

答案 0 :(得分:0)

要解决此问题,您将需要一个前置标题。前标头是您放置在<body>开头标签之后的一行代码,该标签以可视方式隐藏其中的内容。这样做-您可以拥有想要在电子邮件预览中显示的内容,而无需吸收任何其他内容(例如,浏览器链接中的视图)。

<!--[if !mso]><!-->
<span style="display:none !important; visiblility:hidden; opacity:0px; color:transparent; height:0px; width:0px; mso-hide:all; max-height:0px; max-width:0px; line-height:0px; overflow:hidden;">Type your teaser content here.</span>
<!--<![endif]-->

在上面的预标题示例中,您可以看到许多不同的情况。首先,我们有<!--[if !mso]><!-->片段。这将确保在此语句与<!--<![endif]-->语句之间包含的所有内容都不会在Microsoft客户端中呈现。之所以如此,是因为Outlook对CSS的支持有限。

接下来,我们有一个带有各种CSS元素的span标记,以将内容隐藏在其中。然后,span标记中将包含您想要显示在电子邮件客户端预览中的内容。