當公司向客戶發送電子郵件通訊時,某些電子郵件客戶端(Gmail,Outlook)會在客戶打開電子郵件之前在收件人收件箱中顯示一小段預覽文本。據我瞭解,有兩種技術來控制無論可視化設計和電子郵件的內容,這似乎預覽文本:什麼是控制HTML電子郵件新聞稿自動閱覽文本的最佳方式?
1)與使用所需的預覽文本作爲替代文本
一種無形的1x1像素啓動電子郵件2)創建與HTML模板一個div「顯示:無」
哪個選項最符合所有主要的電子郵件客戶端可計算性條款?
當公司向客戶發送電子郵件通訊時,某些電子郵件客戶端(Gmail,Outlook)會在客戶打開電子郵件之前在收件人收件箱中顯示一小段預覽文本。據我瞭解,有兩種技術來控制無論可視化設計和電子郵件的內容,這似乎預覽文本:什麼是控制HTML電子郵件新聞稿自動閱覽文本的最佳方式?
1)與使用所需的預覽文本作爲替代文本
一種無形的1x1像素啓動電子郵件2)創建與HTML模板一個div「顯示:無」
哪個選項最符合所有主要的電子郵件客戶端可計算性條款?
您正在尋找'pre-header'。就我個人而言,我會盡量設計您的電子郵件,使預標題是可見的 - 不需要黑客。
我已經成功地使用了隱藏的DIV技術,我認爲控制前文所說的內容非常重要,但是在某些電子郵件客戶端中,如果轉發電子郵件,隱藏文本是可見的。 Outlook 07和Gmail等都是如此。我的一些客戶遇到了問題,其他人對此也很滿意。
同樣顯示:none不適用於所有電子郵件客戶端。我通常去矯枉過正和風格隱藏的DIV像這樣:
寬度:0;溢出:隱藏;浮動:左;顯示:無;最大高度:0像素; visibility:hidden的
而且還繼續並設計風格的文本,所以如果他們轉發電子郵件,它顯示出來,它會看起來不錯,並與您的設計有意義。
你在談論所謂的 「Preheader」。
有很多方式可以實現郵件preheaders:在您的郵件中
避免第一溶液(alt屬性),因爲它不支持由iPhone和iPad編輯。 Outlook 也將顯示您的圖像的路徑。 也避免使用div或其他CSS解決方案。
解決方案#2和#3實際上是最好的方式,因爲它們在任何地方都受到支持。 注意:「無處不在」是指實際支持預讀者的客戶端和Web客戶端:Gmail,iPhone,iPad,Outlook等。
請記住:如果字符數低於該客戶端支持的最大數,它也會顯示下一個文本。
對於你的信息,這裏有最大字符限制: GMAIL(FIREFOX,IE,鉻,SAFARI):最大97個字符 IPHONE 4:最大81個字符垂直,最大137個字符水平 IPAD:87個字符 OUTLOOK :最多255個字符
希望這有助於。
享受;)
多數大公司我知道,只是用很長的科目解決此問題,則忽略第一行或前幾行文字。我不會將圖像毫無意義地嵌入到電子郵件中,所以我會採用隱藏文本方式,儘管我懷疑智能電子郵件客戶端會足夠聰明以實現隱藏。也許與背景顏色相同的文字是更好的選擇;這將要求您明確設置bg顏色以避免瀏覽器特定/客戶端特定設置。 – Ali