2011-08-31 54 views
2

當公司向客戶發送電子郵件通訊時,某些電子郵件客戶端(Gmail,Outlook)會在客戶打開電子郵件之前在收件人收件箱中顯示一小段預覽文本。據我瞭解,有兩種技術來控制無論可視化設計和電子郵件的內容,這似乎預覽文本:什麼是控制HTML電子郵件新聞稿自動閱覽文本的最佳方式?

1)與使用所需的預覽文本作爲替代文本

一種無形的1x1像素啓動電子郵件

2)創建與HTML模板一個div「顯示:無」

哪個選項最符合所有主要的電子郵件客戶端可計算性條款?

+0

多數大公司我知道,只是用很長的科目解決此問題,則忽略第一行或前幾行文字。我不會將圖像毫無意義地嵌入到電子郵件中,所以我會採用隱藏文本方式,儘管我懷疑智能電子郵件客戶端會足夠聰明以實現隱藏。也許與背景顏色相同的文字是更好的選擇;這將要求您明確設置bg顏色以避免瀏覽器特定/客戶端特定設置。 – Ali

回答

1

您正在尋找'pre-header'。就我個人而言,我會盡量設計您的電子郵件,使預標題是可見的 - 不需要黑客。

1

我已經成功地使用了隱藏的DIV技術,我認爲控制前文所說的內容非常重要,但是在某些電子郵件客戶端中,如果轉發電子郵件,隱藏文本是可見的。 Outlook 07和Gmail等都是如此。我的一些客戶遇到了問題,其他人對此也很滿意。

同樣顯示:none不適用於所有電子郵件客戶端。我通常去矯枉過正和風格隱藏的DIV像這樣:

寬度:0;溢出:隱藏;浮動:左;顯示:無;最大高度:0像素; visibility:hidden的

而且還繼續並設計風格的文本,所以如果他們轉發電子郵件,它顯示出來,它會看起來不錯,並與您的設計有意義。

  • 特洛伊
5

你在談論所謂的 「Preheader」。

有很多方式可以實現郵件preheaders:在您的郵件中

  • 類型它顯示的文字(鏈接正上方的頂部的墊片(或圖片)使用alt屬性

    1. 對於網絡版本)
    2. 類型它作爲invisibile文本(匹配與背景和/或使用字體大小的文本顏色:0)

    避免第一溶液(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個字符

    希望這有助於。

    享受;)

  • 相關問題