若您想使用自己編輯好的電郵樣式代碼，可以新增 HTML Code 區塊，將代碼複製進內容，右側編輯器即會呈現代碼的排版效果；有代碼相關基礎的操作者，也可以直接在左側修改代碼。
注意：
- 電郵和網頁設計中使用的 HTML 不全相同，許多複雜的 HTML 和 CSS 樣式不適用於電郵（例如：使用 iframe 標籤可能被自動過濾），因此請盡量使用簡單的代碼。
- 部分電郵系統供應商有安全條款限制，故無法確保 HTML Code 在所有設備上呈現一致效果。
如果您在電郵中使用該區塊，請藉助測試電郵，查看電郵在不同設備下的呈現效果，避免影響收件者閱讀體驗。
您可以對照下列表格，盡可能避免在發送過程中出現問題：
不同電郵系統供應商讀取 HTML Code 已知問題一覽
| 電郵客戶端 |
是否支援 HTML |
已知問題 |
| AOL 4.0 and 5.0 |
否 |
|
| AOL 6.0, 7.0, and 8.0 |
是 |
- 標準 HTML
- 不支援表單
- 不支援連結到外部樣式電郵
|
| AOL 9.0 |
部分支援 |
- 不支援讀取 HTML 圖片和連結
- 不支援表單
- 內容過長的電郵會被轉為 zip 壓縮文件
|
| AOL Webmail |
部分支援 |
- 不完全支援 XHTML 语法
- 不支援 <br /> 標籤
- 不支援錨點標籤 – 在電郵內點選錨點標籤，不會跳到設定的錨點，而是彈出新的收件匣視窗
|
| Apple Mail |
是 |
- 標準 HTML
- 不允許字型標籤使用 - 需要用 <span> 標籤替代
- 必須點選兩次錨點連結才能正常運作
- 在 El Capitan OSX 作業系統下，錨點連結無法運作
|
| Compuserve |
否 |
|
| Comcast Smartzone |
是 |
- 標準 HTML
- 不支援設定背景圖片
- 不支援錨點標籤 – 在電郵內點選錨點標籤，不會跳到設定的錨點，而是彈出新的收件匣視窗
|
| Comcast XFinity |
|
- 壓縮內容過長的電郵 - 使用網頁版本連結或縮短電郵內容
- 不支援錨點標籤 – 在電郵內點選錨點標籤，不會跳到設定的錨點，而是彈出新的收件匣視窗
|
| Entourage (Mac) |
是 |
|
| Entourage 2008 (Mac) |
部分支援 |
- 可能遮蔽背景圖片
- 支援表格、Flash 或其他外掛程式、CSS 浮動屬性、CSS 位置屬性以及 GIF 動畫
- 項目符號由圖片取代
|
| Earthlink |
部分支援 |
|
| Eudora 3.1 |
否 |
|
| Eudora 4.0, 4.2, 4.3, and 5.0 |
否 |
- 使用 Internet Explorer 時支援標準 HTML
- 使用預設 Eudora HTML 瀏覽電郵時，HTML 支援度不佳
|
| Gmail |
部分支援 |
- 不支援書籤錨點
- 縮短內容過長的 EDM - 使用網頁版本連結或縮短電郵內容
- 將電郵內的電話號碼轉為超連結
|
| Hotmail |
部分支援 |
- 預設不會載入圖片
- 不支援 <head>, <title>, <meta> 和 <body> 標籤 - 必須使用行內樣式
- 4 分鐘後連結將失效，並移除背景圖片 – 需要開啟驗證
- CSS 問題
- 文字可能顯示底線
- 連續使用 <p> 標籤會產生空白及跨行等間距問題 – 請使用 <div> 標籤，或輸入新的文字，不要複製貼上原本的樣式。
|
| Juno 4.0, and 5.0 |
是 |
|
| Lotus Notes 4.6 |
否 |
|
| Lotus Notes 5.0 |
是 |
|
| Novell GroupWise 5.5 |
是 |
|
| Office 365 |
部分支援 |
- 標準 HTML
- 預設不會載入圖片
- CSS 問題
- 錨點連結以及目錄表無法運作
- 圖片常常以儲存在圖庫的原始圖片文件大小顯示，造成扭曲或擴展 - 請重新調整原始文件中的圖片尺寸，然後再插入電郵。
|
| Outlook 97 |
部分支援 |
|
| Outlook 98 and 2000 |
是 |
|
| Outlook 98 and 2001 (Mac) |
否 |
|
| Outlook 2003 |
部分支援 |
|
| Outlook 2007 and 2010 |
部分支援 |
- 不支援表格、Flash 或其他外掛程式、CSS 浮動屬性、CSS 位置屬性以及 GIF 動畫
- 項目符號由圖片取代
- 針對內容冗長且會跨行的電郵插入分頁符號
- 不支援圖片邊框
- 超過 1920 x 1080 畫素的高解析度圖片會縮小文字，但不會縮小圖片
- 圖片說明文字樣式會被 Outlook 樣式改寫
- 高度超過 1728 畫素的圖片會被裁切
- 在段落間或 2 倍行高的文字，會插入額外的一行間距
- 圖片可能因為電腦顯示設定而變形、扭曲
注意：微軟有建立一套方式，協助您檢視您的電郵在 Outlook 2007 呈現的樣式。 |
| Outlook 2007 and 2010 (Mac) |
部分支援 |
|
| Outlook 2013 and 2016 |
部分支援 |
- 針對內容冗長且會跨行的電郵插入分頁符號
- 如果段落的最後一個文字是項目符號，電郵會多出一個空白；不要將項目符號放在段落的結尾，或是在段落結尾標籤 </ul> 前新增 <div style=”display:none;”> < /div>
- 超過 1920 x 1080 畫素的高解析度圖片會縮小文字，但不會縮小圖片
- 圖片可能因為電腦顯示設定而變形、扭曲
- 不支援 GIF 動畫
|
| Outlook 2016 (Mac) |
部分支援 |
|
| Outlook 365 |
部分支援 |
- 連結顏色預設為藍色，除非前面的文字設定為其他顏色 - 連結需要放在 <span> 以及 <td> 標籤內，<div> 內的文字必須使用不同顏色
- 點選錨點或目錄表，不會跳到設定的錨點，而是彈出空白視窗
- 即使電郵設定靠左對齊，文字仍然會以預設形式出現
- 圖片沒有間距
|
| Outlook Web Access |
部分支援 |
- 標準 HTML
- 預設不載入圖片
- 不支援錨點連結以及目錄表
- 圖片常常以儲存在圖庫的原始圖片大小顯示，造成扭曲或擴展 - 請在圖庫重新調整原始圖片尺寸，然後再插入電郵。
|
| Outlook Express (PC and Mac) |
是 |
|
| Pegasus Mail 3.1 (Windows) |
是 |
|
| Smartphones (Android, iPhone, etc...) |
是 |
- 電話號碼可能會以連結方式呈現（可點選的按鈕）
- 附加在電郵結尾實體地址旁的電話號碼，可能會被系統判定為日期格式
|
| Verizon |
是 |
|
| Yahoo! |
是 |
- 標準 HTML
- 所有瀏覽器都不支援錨點連結或目錄表 - 點選後，電郵會關閉，回到收件匣。
- 縮短內容過長的 EDM - 使用網頁版本連結或縮短電郵內容
|
参考：StudioCloud
評論