免費工具

電子郵件橫幅產生器

製作可直接貼上的 HTML 橫幅,放在電子郵件簽名下方,用來宣傳線上講座、招募活動、產品發表或電子報訂閱。

建立你的橫幅

配色預設
自訂顏色
背景色
文字色
按鈕色
按鈕文字色

從範例開始

點選填入,之後可隨意編輯。

即時預覽

填好標題或按鈕文字後預覽。

如何在電子郵件中使用橫幅

複製橫幅後,將它貼到電子郵件簽名所在的同一個欄位中(例如 Gmail 的簽名設定,或 Outlook 的帳號 → 簽名)。橫幅是獨立的 HTML 表格,可以和簽名一起使用。

常見問題

電子郵件橫幅是什麼?應該放在哪裡? +

電子郵件橫幅是放在簽名下方的小型 HTML 區塊,通常包含標題、簡短說明與一個行動按鈕。常見用途包括線上講座、招募、產品發表、促銷和電子報訂閱。

橫幅在 Gmail、Outlook、Apple Mail 都能正常顯示嗎? +

可以。橫幅使用表格 HTML 與行內樣式,並避開 Outlook 不支援的 flexbox、grid 等 CSS。不過不同電子郵件用戶端仍可能調整字型、間距或圖片顯示方式,正式使用前請寄信測試。

可以放圖片而不是文字嗎? +

本產生器以文字加按鈕的橫幅為主,載入較快,也不容易受圖片封鎖影響。若需要圖片橫幅,可先用 Canva 或 Figma 製作,再將圖片放到公開的 HTTPS 網址並以 `<img>` 標籤引用。

怎麼把橫幅和簽名一起設定? +

將兩者貼到同一個簽名欄位,先放簽名,再把橫幅貼在下方。Gmail 和 Outlook 的設定位置不同,但順序相同。儲存後請寄一封測試郵件,確認兩個區塊都能正常顯示。

每封電子郵件都應該放橫幅嗎? +

不一定。橫幅較適合業務開發、活動宣傳或客戶服務等對外郵件;敏感、正式或一對一的回覆通常不需要。可準備兩份簽名,一份附橫幅、一份不附,依情境選用。

橫幅應該多久更新一次? +

可依每次行銷活動更新,並在活動結束後立即移除。建議由行銷行事曆追蹤啟用與下架日期,避免收件人看到過期的活動、優惠或職缺。