電子報的 HTML 郵件範本
純文字郵件適合簡短的通知，但電子報、優惠活動或歡迎信通常需要更多：您的標誌、一張圖片、一個清楚的按鈕。這就是 HTML 郵件。它看起來像一個小網頁，但製作規則大不相同，因為郵件程式比瀏覽器嚴格得多。以下說明好的範本包含什麼，以及如何準備。
為什麼郵件不是網頁
Gmail、Outlook、Apple Mail 和手機 App 顯示 HTML 的方式都略有不同，其中很多會忽略現代的網頁程式碼。所以郵件是用老派的方式製作的：
- 用表格排版， 而不是現代的網頁版面配置。
- 樣式寫在每個元素上， 因為很多程式會刪除樣式區塊。
- 使用系統字型， 因為自訂的網頁字型常常無法載入。
- 不使用指令碼、表單或影片。 郵件程式不會執行它們。請改用連到您的影片或表單的圖片或按鈕。
好郵件的組成部分
- 預覽文字： 在收件匣中顯示在主旨旁邊的簡短文字。它是您的第二個主旨，所以別浪費在「在瀏覽器中檢視」上。
- 頁首： 您的標誌，小小的，並連到您的網站。
- 大標題和主圖： 讓人一眼看出郵件的主題。
- 簡短的文字： 最多兩三段。
- 一個主要按鈕： 「選購新品」、「立即訂位」。用連結做成的按鈕在任何地方都能正常運作。
- 頁尾： 公司名稱、地址、聯絡方式和取消訂閱連結。
寬度和手機
標準寬度約 600 像素，適合電腦螢幕和大多數程式的閱讀窗格。在手機上，版面應該變成單欄，文字大到能閱讀，按鈕大到能點按。超過一半的郵件是在手機上開啟的，所以請先檢查手機版。
圖片和替代文字
有些程式會封鎖圖片，直到讀者允許顯示。請為每張圖片寫替代文字，讓郵件沒有圖片時也看得懂，而且絕對不要把重要文字只放在圖片裡。只使用您有權使用的圖片。圖片會上傳到您的電子報服務或您的網站，郵件則指向圖片的網址。
取消訂閱連結
電子報服務和許多國家的規定，都要求每封行銷郵件提供簡單的取消訂閱方式。範本通常包含一個預留位置，讓您換成您的服務本身的取消訂閱連結或標籤。
如何準備內容
- 郵件的主題以及收件對象。
- 事實資訊： 價格、日期、優惠碼，一字不差。
- 每個按鈕連到哪裡： 完整的頁面網址。
- 頁尾資訊， 完全照您希望顯示的樣子提供。
- 顏色和風格， 或提供一封您喜歡的郵件作為參考。
寄出前先測試
把郵件寄給自己，分別在 Gmail、Outlook 和手機上查看。點擊每個連結和按鈕、檢查預覽文字，並在關閉圖片的狀態下看一次郵件。
重點整理
好的 HTML 郵件使用表格和行內樣式，寬度約 600 像素，在手機上變成單欄，並有一個清楚的按鈕和完整的頁尾。如果您不想自己製作，可以訂購 HTML 郵件：您描述郵件內容、優惠和按鈕連到哪裡，就能拿到一個壓縮檔，內含完成的 HTML 和專為它繪製的圖片，可以匯入 Mailchimp、Brevo 或其他電子報服務。只有在您驗收作品後才會撥付款項。