HTML邮件模板生成器
免费的在线HTML邮件模板生成工具，支持响应式设计
什麼是 HTML 郵件模板工具
HTML 郵件模板工具幫助你建立相容郵件用戶端的 HTML 模板，無需撰寫程式碼。它產生基於表格的版面配置和行內樣式，可在 Gmail、Outlook、Apple Mail 和 Yahoo Mail 等郵件用戶端中可靠顯示。只需自訂顏色、文字和按鈕，然後複製產生的 HTML 用於郵件行銷活動。
如何使用
使用顏色選擇器自訂模板設定，包括背景、內容背景、文字顏色和按鈕顏色。輸入標題文字、正文內容、按鈕標籤和按鈕 URL。點擊「產生 HTML 郵件」產生 HTML 程式碼。使用預覽面板驗證版面配置，然後點擊「複製 HTML」將程式碼複製到剪貼簿。
郵件安全 CSS
HTML 郵件不能依賴外部樣式表或現代 CSS 功能。產生的模板僅使用直接套用於元素的行內樣式和基於表格的版面配置結構。這確保了與會剝離 style 標籤或 CSS 支援有限的郵件用戶端的相容性，尤其是使用 Microsoft Word 渲染 HTML 的 Outlook。
回應式郵件設計
模板使用 600px 的固定寬度，這是郵件模板的行業標準。此寬度在桌面和行動郵件用戶端上都能很好地運作。基於表格的版面配置搭配百分比外層包裹器確保郵件在所有用戶端中正確置中。為了在行動端獲得最佳效果，請保持內容簡潔並使用可讀的字型大小。
測試你的郵件
產生模板後，在內建預覽面板中預覽。在傳送給受眾之前，請在多個郵件用戶端中測試 HTML。傳送測試郵件到自己的帳戶，並在 Gmail、Outlook、Apple Mail 和 Yahoo Mail 中檢查。請特別注意 Outlook，因為它的 HTML 渲染方式與基於瀏覽器的郵件用戶端不同。
▶支援哪些郵件用戶端？
產生的模板相容 Gmail（網頁版和行動版）、Outlook（桌面版和網頁版）、Apple Mail、Yahoo Mail、Thunderbird 以及大多數現代郵件用戶端。基於表格的版面配置和行內樣式確保了最廣泛的相容性。
▶為什麼行內 CSS 很重要？
許多郵件用戶端（尤其是 Gmail）會剝離 HTML 郵件頭部的 style 標籤。直接套用於元素的行內樣式是確保郵件在所有用戶端中正確顯示的最可靠方式。產生的模板因此專門使用行內樣式。
▶如何託管圖片？
產生的模板預設不包含圖片。要新增圖片，請將它們託管在可公開存取的 URL 上（如你的網站、CDN 或郵件行銷平台），並在 img 標籤中使用絕對 URL 參照。避免使用本機檔案路徑或相對 URL。
▶模板與郵件行銷平台相容嗎？
是的，產生的 HTML 可以貼上到大多數郵件行銷平台中，包括 Mailchimp、SendGrid、Campaign Monitor 等。在平台中使用原始 HTML 選項或程式碼檢視來貼上模板。
▶回應式設計有什麼建議？
主內容區域使用 600px 寬度。內文字型大小保持在 14px 或更大。充裕地使用內邊距以提供行動端的點擊區域。避免使用過寬的圖片。在傳送前務必在桌面和行動郵件用戶端上測試。
▶推薦使用什麼測試工具？
如需全面測試，可使用 Litmus 或 Email on Acid 等工具，它們可在數十種用戶端和裝置上渲染你的郵件。如需快速檢查，請將測試郵件傳送到自己的 Gmail、Outlook 和 Apple Mail 帳戶，驗證版面配置和樣式是否正確。
▶如何傳送產生的郵件？
複製產生的 HTML 並貼上到郵件用戶端或行銷平台的 HTML 編輯器中。在 Gmail 中，使用 Chrome 擴充功能或郵件合併工具。在 Outlook 中，使用「插入為 HTML」選項。對於大量傳送，請使用 Mailchimp 或 SendGrid 等郵件行銷平台。
如果这个工具对你有帮助，请考虑请我喝杯咖啡。
請幫我買杯咖啡吧。