建立 Email HTML 版型 :Responsive Email HTML 雙欄位、三欄位排版

分享
建立 Email HTML 版型 :Responsive Email HTML 雙欄位、三欄位排版

上一篇文章:從零開始建立一個 Email HTML 模板 建立了基本的 Email HTML 知識,這篇進階教大家如何排版雙欄、三欄,並支援手機版本 responsive css。

以下的範例都是基於基礎篇的 <head> <body> <table> component 架構,在 table 裡的 <td> 開始製作。

EDM 雙欄設計:Email HTML two Column

step1. 製作兩個 td width=50%

簡易版本的範例,省去中間的文字與按鈕的 HTML,可以清楚辨識骨架:

<table class="row" width="100%" align="center" role="presentation" border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed">
  <tbody class="row__body">
    <tr class="row__row">
      <td width="50%" align="left" valign="top" class="row__column mobile-bottom-m col-50" style="width:50%;padding-left:0px;padding-right:8px">
        (圖片)width=280
        (文字)新品上架
        (文字)手工藺草帽(柿染) - NT$ 1,980
        (文字)圓領剪裁 / 直織紋針織面料 / 無內裡 / 無口袋 / 附圍脖 / 日常簡約舒適款
        (按鈕)購買
      </td>
      <td width="50%" align="left" valign="top" class="row__column mobile-bottom-m col-50" style="width:50%;padding-left:8px;padding-right:0px">
         (略)
      </td>
    </tr>
  </tbody>
</table>

step2. 圖片需要寫死 pixel

圖片的 Email HTML 寫法詳見此篇文章,算法:整體寬度 640px,左右寬度:32px,中間 16px,

圖片寬度為 (640-32*2-16) / 2=280。

這個範例是中間距離 16px,如果要調整距離大小,修改 <td>padding-right, padding-left 即可。

step3. <head> 裡面寫上 RWD css:

<style>
  @media only screen and (max-width:600px) {
    .row, .row__row, .row__body { display: block !important;}
    .row__column { display: block; box-sizing: border-box; float: left; }
    .col-50 { display: block; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
    .mobile-bottom-m { margin-bottom: 40px; }
  }
</style>

這會讓螢幕寬度小於 600px (手機版)的載具,呈現一欄的樣式。如果想要在手機上維持兩欄位的話可以省略此步驟。

全部的 Code 範例:

<td align="left" valign="top" style="padding-top:0px;padding-bottom:24px;padding-left:32px;padding-right:32px">
  <table class="row" width="100%" align="center" role="presentation" border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed">
    <tbody class="row__body">
      <tr class="row__row">
        <td width="50%" align="left" valign="top" class="row__column mobile-bottom-m col-50" style="width:50%;padding-left:0px;padding-right:8px">
          <table align="center" width="100%" cellpadding="0" cellspacing="0">
            <tbody>
              <tr>
                <td align="left" valign="top" width="280" style="padding-top:0px;padding-bottom:16px"><img class="img_block" width="280" src="https://s3.amazonaws.com/newsleopard-upload-img/402804946417b08001641afff295001f/2022-01-06-03-13-13-b01.jpg" style="display:inline-block;max-width:640px;vertical-align:bottom"></td>
              </tr>
            </tbody>
          </table>
          <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
            <tbody>
              <tr>
                <td align="left" style="font-family:'PingFang TC', '微軟正黑體', 'Microsoft JhengHei', Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;padding-top:4px;padding-bottom:8px;color:#4f7509;line-height:1.4;letter-spacing:1px;margin:0px"> 新品上架 </td>
              </tr>
            </tbody>
          </table>
          <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
            <tbody>
              <tr>
                <td align="left" style="padding-top:4px;padding-bottom:8px">
                  <h1 style="color:#333333;font-size:20px;font-weight:bold;font-family:'PingFang TC', '微軟正黑體', 'Microsoft JhengHei', Helvetica, Arial, sans-serif;padding:0px;margin:0px;line-height:1.4;text-decoration:none;display:inline-block"><span class="a__text" style="color:#333333;text-decoration:none;font-family:'PingFang TC', '微軟正黑體', 'Microsoft JhengHei', Helvetica, Arial, sans-serif">手工藺草帽(柿染) - NT$ 1,980</span></h1>
                </td>
              </tr>
            </tbody>
          </table>
          <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
            <tbody>
              <tr>
                <td align="left" style="font-family:'PingFang TC', '微軟正黑體', 'Microsoft JhengHei', Helvetica, Arial, sans-serif;font-weight:normal;font-size:16px;padding-bottom:24px;color:#333333;line-height:1.5;margin:0px">
                  <div><span style="color: rgb(51, 51, 51);">圓領剪裁 / 直織紋針織面料 / 無內裡 / 無口袋 / 附圍脖 / 日常簡約舒適款</span></div>
                </td>
              </tr>
            </tbody>
          </table>
          <table align="center" border="0" width="100%" cellpadding="0" cellspacing="0">
            <tbody>
              <tr>
                <td align="center">
                  <table border="0" cellpadding="0" cellspacing="0">
                    <tbody>
                      <tr>
                        <!--[if mso | IE]>
                        <td align="center" bgcolor="#e6a04e" style="color:#ffffff;padding-top:8px;padding-bottom:8px;padding-left:40px;padding-right:40px">
                          <![endif]--><!--[if !mso]><!---->
                        <td align="center" bgcolor="#e6a04e" style="border-radius:20px">
                          <!-- <![endif]--><a class="dnd_button" target="_blank" style="display:inline-block;text-decoration:none;color:#ffffff;letter-spacing:1px;border-radius:20px;font-size:15px;font-weight:bold;padding-top:8px;padding-bottom:8px;padding-left:40px;padding-right:40px"><span class="a__text" style="color:#ffffff;text-decoration:none;font-family:'PingFang TC', '微軟正黑體', 'Microsoft JhengHei', Helvetica, Arial, sans-serif">購買</span></a>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
            </tbody>
          </table>
        </td>
        <td width="50%" align="left" valign="top" class="row__column mobile-bottom-m col-50" style="width:50%;padding-left:8px;padding-right:0px">
          <table align="center" width="100%" cellpadding="0" cellspacing="0">
            <tbody>
              <tr>
                <td align="left" valign="top" width="280" style="padding-top:0px;padding-bottom:16px"><img class="img_block" width="280" src="https://s3.amazonaws.com/newsleopard-upload-img/402804946417b08001641afff295001f/2022-01-06-03-13-24-b02.jpg" style="display:inline-block;max-width:640px;vertical-align:bottom"></td>
              </tr>
            </tbody>
          </table>
          <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
            <tbody>
              <tr>
                <td align="left" style="font-family:'PingFang TC', '微軟正黑體', 'Microsoft JhengHei', Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;padding-top:4px;padding-bottom:8px;color:#4f7509;line-height:1.4;letter-spacing:1px;margin:0px"> 新品上架 </td>
              </tr>
            </tbody>
          </table>
          <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
            <tbody>
              <tr>
                <td align="left" style="padding-top:4px;padding-bottom:8px">
                  <h1 style="color:#333333;font-size:20px;font-weight:bold;font-family:'PingFang TC', '微軟正黑體', 'Microsoft JhengHei', Helvetica, Arial, sans-serif;padding:0px;margin:0px;line-height:1.4;text-decoration:none;display:inline-block"><span class="a__text" style="color:#333333;text-decoration:none;font-family:'PingFang TC', '微軟正黑體', 'Microsoft JhengHei', Helvetica, Arial, sans-serif">真皮肩背手提兩用包(墨綠)- NT$ 4,300</span></h1>
                </td>
              </tr>
            </tbody>
          </table>
          <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
            <tbody>
              <tr>
                <td align="left" style="font-family:'PingFang TC', '微軟正黑體', 'Microsoft JhengHei', Helvetica, Arial, sans-serif;font-weight:normal;font-size:16px;padding-bottom:24px;color:#333333;line-height:1.5;margin:0px">
                  <div><span style="color: rgb(51, 51, 51);">白車縫線造型 / 肩背式背帶可調整 / 拉鍊設計 / 有內裡 / 內ㄧ拉鍊夾層</span></div>
                </td>
              </tr>
            </tbody>
          </table>
          <table align="center" border="0" width="100%" cellpadding="0" cellspacing="0">
            <tbody>
              <tr>
                <td align="center">
                  <table border="0" cellpadding="0" cellspacing="0">
                    <tbody>
                      <tr>
                        <!--[if mso | IE]>
                        <td align="center" bgcolor="#e6a04e" style="color:#ffffff;padding-top:8px;padding-bottom:8px;padding-left:40px;padding-right:40px">
                          <![endif]--><!--[if !mso]><!---->
                        <td align="center" bgcolor="#e6a04e" style="border-radius:20px">
                          <!-- <![endif]--><a class="dnd_button" target="_blank" style="display:inline-block;text-decoration:none;color:#ffffff;letter-spacing:1px;border-radius:20px;font-size:16px;font-weight:bold;padding-top:8px;padding-bottom:8px;padding-left:40px;padding-right:40px"><span class="a__text" style="color:#ffffff;text-decoration:none;font-family:'PingFang TC', '微軟正黑體', 'Microsoft JhengHei', Helvetica, Arial, sans-serif">購買</span></a>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>
</td>

EDM 三欄設計:Email HTML three Column

step1. 將 td 分為三等分 width=33%

簡易版本的範例,省去中間的文字與按鈕的 HTML,可以清楚辨識骨架。

<table class="row" width="100%" align="center" role="presentation" border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed">
  <tbody class="row__body">
    <tr class="row__row">
      <td width="33%" align="left" valign="top" class="row__column mobile-bottom-m col-33" style="width:33%;padding-left:0px;padding-right:10px">
        (圖片)width=182
        (文字)小圓點棉質白襯衫
        (文字)特價 NT$ 1,888
        (按鈕)購買
      </td>
      <td width="33%" align="left" valign="top" class="row__column mobile-bottom-m col-33" style="width:33%;padding-left:5px;padding-right:5px">
        (略)
      </td>
      <td width="33%" align="left" valign="top" class="row__column mobile-bottom-m col-33" style="width:33%;padding-left:10px;padding-right:0px">
        (略)
      </td>
    </tr>
  </tbody>
</table>

step2. 圖片需要寫死 pixel

左右寬度:32px,中間 15px

15 除 3 為一個單位,這樣寬度才會平均分配。
第一欄 padding-right: 10px;第二欄 padding-left: 5px; padding-right: 5px;第三欄:padding-left: 10px,

圖片寬度為 (640-32*2-15*2) / 3 = 182。

step3. <head> 裡面寫上 RWD css

<style>
  @media only screen and (max-width:600px) {
    .row, .row__row, .row__body { display: block !important;}
    .row__column { display: block; box-sizing: border-box; float: left; }
    .col-33 { display: block; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
    .mobile-bottom-m { margin-bottom: 40px; }
  }
</style>

這會讓螢幕寬度小於 600px (手機版)的載具,呈現一欄的樣式。如果想要在手機上維持三欄位的話可以省略此步驟。

全部的 Code:

<td align="left" valign="top" style="padding-top:0px;padding-bottom:40px;padding-left:32px;padding-right:32px">
  <table class="row" width="100%" align="center" role="presentation" border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed">
    <tbody class="row__body">
      <tr class="row__row">
        <td width="33%" align="left" valign="top" class="row__column mobile-bottom-m col-33" style="width:33%;padding-left:0px;padding-right:10px">
          <table align="center" width="100%" cellpadding="0" cellspacing="0">
            <tbody>
              <tr>
                <td align="left" valign="top" width="182" style="padding-top:0px;padding-bottom:16px"><img class="img_block" width="181.33" src="https://s3.amazonaws.com/prod-newsleopard-upload-img/nl/fashion-1.jpg" style="display:inline-block;max-width:640px;vertical-align:bottom"></td>
              </tr>
            </tbody>
          </table>
          <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
            <tbody>
              <tr>
                <td align="left" style="padding-top:4px;padding-bottom:8px">
                  <h1 style="color:#333333;font-size:17px;font-weight:bold;font-family:'PingFang TC', '微軟正黑體', 'Microsoft JhengHei', Helvetica, Arial, sans-serif;padding:0px;margin:0px;line-height:1.4;text-decoration:none;display:inline-block"><span class="a__text" style="color:#333333;text-decoration:none;font-family:'PingFang TC', '微軟正黑體', 'Microsoft JhengHei', Helvetica, Arial, sans-serif">小圓點棉質白襯衫</span></h1>
                </td>
              </tr>
            </tbody>
          </table>
          <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
            <tbody>
              <tr>
                <td align="left" style="font-family:'PingFang TC', '微軟正黑體', 'Microsoft JhengHei', Helvetica, Arial, sans-serif;font-weight:normal;font-size:16px;padding-bottom:24px;color:#333333;line-height:1.5;margin:0px">
                  <div><span style="color: rgb(34, 34, 34); font-size: 14px;"> 特價 NT$ 1,888</span></div>
                </td>
              </tr>
            </tbody>
          </table>
          <table align="center" border="0" width="100%" cellpadding="0" cellspacing="0">
            <tbody>
              <tr>
                <td align="center">
                  <table border="0" cellpadding="0" cellspacing="0">
                    <tbody>
                      <tr>
                        <!--[if mso | IE]>
                        <td align="center" bgcolor="#3b3b3b" style="color:#ffffff;padding-top:6px;padding-bottom:6px;padding-left:32px;padding-right:32px">
                          <![endif]--><!--[if !mso]><!---->
                        <td align="center" bgcolor="#3b3b3b" style="border-radius:18px">
                          <!-- <![endif]--><a class="dnd_button" target="_blank" style="display:inline-block;text-decoration:none;color:#ffffff;letter-spacing:1px;border-radius:18px;font-size:15px;font-weight:bold;padding-top:6px;padding-bottom:6px;padding-left:32px;padding-right:32px"><span class="a__text" style="color:#ffffff;text-decoration:none;font-family:'PingFang TC', '微軟正黑體', 'Microsoft JhengHei', Helvetica, Arial, sans-serif">購買</span></a>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
            </tbody>
          </table>
        </td>
        <td width="33%" align="left" valign="top" class="row__column mobile-bottom-m col-33" style="width:33%;padding-left:5px;padding-right:5px">
          <table align="center" width="100%" cellpadding="0" cellspacing="0">
            <tbody>
              <tr>
                <td align="left" valign="top" width="182" style="padding-top:0px;padding-bottom:16px"><img class="img_block" width="181.33" src="https://s3.amazonaws.com/prod-newsleopard-upload-img/nl/fashion-2.jpg" style="display:inline-block;max-width:640px;vertical-align:bottom"></td>
              </tr>
            </tbody>
          </table>
          <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
            <tbody>
              <tr>
                <td align="left" style="padding-top:4px;padding-bottom:8px">
                  <h1 style="color:#333333;font-size:17px;font-weight:bold;font-family:'PingFang TC', '微軟正黑體', 'Microsoft JhengHei', Helvetica, Arial, sans-serif;padding:0px;margin:0px;line-height:1.4;text-decoration:none;display:inline-block"><span class="a__text" style="color:#333333;text-decoration:none;font-family:'PingFang TC', '微軟正黑體', 'Microsoft JhengHei', Helvetica, Arial, sans-serif">精裝版:無人之境淡香</span></h1>
                </td>
              </tr>
            </tbody>
          </table>
          <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
            <tbody>
              <tr>
                <td align="left" style="font-family:'PingFang TC', '微軟正黑體', 'Microsoft JhengHei', Helvetica, Arial, sans-serif;font-weight:normal;font-size:16px;padding-bottom:24px;color:#333333;line-height:1.5;margin:0px">
                  <div><span style="color: rgb(34, 34, 34); font-size: 14px;"> 特價 NT$ 2,999</span></div>
                </td>
              </tr>
            </tbody>
          </table>
          <table align="center" border="0" width="100%" cellpadding="0" cellspacing="0">
            <tbody>
              <tr>
                <td align="center">
                  <table border="0" cellpadding="0" cellspacing="0">
                    <tbody>
                      <tr>
                        <!--[if mso | IE]>
                        <td align="center" bgcolor="#3b3b3b" style="color:#ffffff;padding-top:6px;padding-bottom:6px;padding-left:32px;padding-right:32px">
                          <![endif]--><!--[if !mso]><!---->
                        <td align="center" bgcolor="#3b3b3b" style="border-radius:18px">
                          <!-- <![endif]--><a class="dnd_button" target="_blank" style="display:inline-block;text-decoration:none;color:#ffffff;letter-spacing:1px;border-radius:18px;font-size:15px;font-weight:bold;padding-top:6px;padding-bottom:6px;padding-left:32px;padding-right:32px"><span class="a__text" style="color:#ffffff;text-decoration:none;font-family:'PingFang TC', '微軟正黑體', 'Microsoft JhengHei', Helvetica, Arial, sans-serif">購買</span></a>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
            </tbody>
          </table>
        </td>
        <td width="33%" align="left" valign="top" class="row__column mobile-bottom-m col-33" style="width:33%;padding-left:10px;padding-right:0px">
          <table align="center" width="100%" cellpadding="0" cellspacing="0">
            <tbody>
              <tr>
                <td align="left" valign="top" width="182" style="padding-top:0px;padding-bottom:16px"><img class="img_block" width="181.33" src="https://s3.amazonaws.com/prod-newsleopard-upload-img/nl/fashion-3.jpg" style="display:inline-block;max-width:640px;vertical-align:bottom"></td>
              </tr>
            </tbody>
          </table>
          <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
            <tbody>
              <tr>
                <td align="left" style="padding-top:4px;padding-bottom:8px">
                  <h1 style="color:#333333;font-size:17px;font-weight:bold;font-family:'PingFang TC', '微軟正黑體', 'Microsoft JhengHei', Helvetica, Arial, sans-serif;padding:0px;margin:0px;line-height:1.4;text-decoration:none;display:inline-block"><span class="a__text" style="color:#333333;text-decoration:none;font-family:'PingFang TC', '微軟正黑體', 'Microsoft JhengHei', Helvetica, Arial, sans-serif">復古格紋西裝外套</span></h1>
                </td>
              </tr>
            </tbody>
          </table>
          <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
            <tbody>
              <tr>
                <td align="left" style="font-family:'PingFang TC', '微軟正黑體', 'Microsoft JhengHei', Helvetica, Arial, sans-serif;font-weight:normal;font-size:16px;padding-bottom:24px;color:#333333;line-height:1.5;margin:0px">
                  <p><span style="font-size: 14px;">新上市 NT$ 7,699</span></p>
                </td>
              </tr>
            </tbody>
          </table>
          <table align="center" border="0" width="100%" cellpadding="0" cellspacing="0">
            <tbody>
              <tr>
                <td align="center">
                  <table border="0" cellpadding="0" cellspacing="0">
                    <tbody>
                      <tr>
                        <!--[if mso | IE]>
                        <td align="center" bgcolor="#3b3b3b" style="color:#ffffff;padding-top:6px;padding-bottom:6px;padding-left:32px;padding-right:32px">
                          <![endif]--><!--[if !mso]><!---->
                        <td align="center" bgcolor="#3b3b3b" style="border-radius:18px">
                          <!-- <![endif]--><a class="dnd_button" target="_blank" style="display:inline-block;text-decoration:none;color:#ffffff;letter-spacing:1px;border-radius:18px;font-size:15px;font-weight:bold;padding-top:6px;padding-bottom:6px;padding-left:32px;padding-right:32px"><span class="a__text" style="color:#ffffff;text-decoration:none;font-family:'PingFang TC', '微軟正黑體', 'Microsoft JhengHei', Helvetica, Arial, sans-serif">購買</span></a>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>
</td>

延伸閱讀:

覺得自己手寫 Email HTML 實在太辛苦?歡迎使用電子豹服務:

有任何問題,歡迎 Email 聯繫我:tin@newsleopard.tw

Read more

買 Email 名單省錢省事?小心買到垃圾郵件陷阱毀掉你的寄件網域

買 Email 名單省錢省事?小心買到垃圾郵件陷阱毀掉你的寄件網域

客戶名單要從哪裡來?這是很多剛開始做 Email 行銷的人第一個想解決的問題。 搜尋一下,有人賣現成的 Email 名單,按行業分類、按地區分類,幾千筆幾萬筆,價格看起來還算合理。比起自己慢慢蒐集,這條路好像省事多了。 但「省事」的代價,往往比你想的更貴! 買來的 Email 名單不只讓行銷沒有成效,更可能讓你的寄件網域被列入黑名單,影響往後每一封信的到達率,還包括那些真正有意願看你信件的人。 「買名單就能快速起跑」是 Email 行銷最危險的迷思 這個邏輯在十幾年前或許說得通:名單數量夠大,多少能碰到幾個有興趣的人,廣撒網,總會有魚上鉤。 但現在的 Email 收件環境已經完全不一樣了。 Gmail、Yahoo、Outlook 這些主流信箱服務商,對寄件者的評分機制越來越嚴格。他們看的不只是信件內容,更看重的是:你寄信的對象願意看你的信嗎? 抱怨率多高?退信率多高?這些數字直接決定你的信件是進主要收件匣,還是直接進垃圾信箱,甚至根本送不出去。 買來的名單裡,

By Good Gu
【2026】5 種 Email 名單來源 X Spam Trap 垃圾郵件陷阱風險比較

【2026】5 種 Email 名單來源 X Spam Trap 垃圾郵件陷阱風險比較

很多行銷人員知道退信率高是問題,卻不知道問題從哪來。 發信的 Email 名單看起來沒什麼異常,開信率也還過得去,但寄件網域信譽就是一點一點往下掉。真正的問題,往往不是發信頻率、不是主旨寫法,而是你的 Email 名單裡早就混進了 Spam Trap 垃圾郵件陷阱,只是你不知道。 Spam Trap 垃圾郵件陷阱不會讓郵件退回,也不會跳出任何提示,就靜靜待在名單裡,記錄你每一次的寄信行為。等你察覺到信件開始進垃圾信箱,表示你的「寄件網域信譽」已被偷偷扣分了。 ⚠️ Spam Trap 垃圾郵件陷阱:踩到 Spam Trap 垃圾郵件陷阱不只讓退信率升高,嚴重時會讓寄件網域被加入封鎖名單,修復信譽往往要花好幾個月。 名單來源,才是這一切的起點。這篇文章帶你看五種常見的 Email 名單來源,各自藏著哪些隱患。 先搞清楚:什麼是 Spam Trap 垃圾郵件陷阱? 在看各種來源的風險之前,先說清楚 Spam

By Good Gu
2026 你的 Email 名單裡,藏著多少地雷?退信率超標前必做的名單健檢

2026 你的 Email 名單裡,藏著多少地雷?退信率超標前必做的名單健檢

你上次整理 Email 名單是什麼時候? 很多行銷人員把 SPF、DKIM、DMARC 設定好之後,就覺得發信這件事差不多搞定了。技術設定確實是入場資格,但信能不能送到收件匣、寄件信譽能不能維持,這兩件事的答案都藏在你手上那份名單裡。 名單裡的無效信箱,每次發信都在悄悄拉低你的網域信譽。 這件事一直在發生,但大多數行銷人員很少注意到它。 Email 退信率超過這個數字,郵件平台就會對你出手 先看幾個直接影響你寄信結果的數字: 退信率門檻 後果 > 5% Gmail、Yahoo 等郵件服務商(ESP)開始對你的帳號發出警告,信譽評分下滑 > 10% 寄件帳號可能被限流,發信量受到限制 > 20% ESP 可能直接暫停你的帳號,無法繼續寄信 垃圾信陷阱 網域或 IP 直接被加入黑名單,重建信譽可能需要好幾個月 自 2024 年起,Gmail、Yahoo

By Good Gu
mothers-day-email-marketing-tips

母親節電子報行銷 4 種溝通方式+實戰技巧,讓你的 EDM 在信海中被看見

母親節一到,消費者的信箱幾乎同時收到幾十封電子報,每個品牌都在喊促銷、都在送康乃馨。偏偏就在這個時候,你的電子報最難被打開。 這篇文章整理了 4 種母親節電子報常見的溝通方式,每種都附上具體的執行技巧和思考方向,不管你的品牌有沒有明顯的「母親節商品」,都能找到適合切入的角度。 消費者沒買你的商品,有時不是因為不喜歡你,而是缺少一個買的理由。母親節,就是你創造理由的好時機。 溝通方式1:推薦禮物,幫消費者想清楚「為什麼要買你」 很多人面對母親節的第一個反應就是:「要送媽媽什麼?」這個選擇困難,反而是品牌最好切入的機會。你不需要等消費者自己想到你,而是主動說服他:這樣東西很適合作為母親節禮物。 關鍵在於「說一個好理由」。不是單純列出商品,而是建立一個連結:你的產品和母親節之間,到底有什麼關係? 💡 行銷心法:服飾電商 zulily 就用了「讓媽媽也寵愛自己一次」這個角度,把平時捨不得買給自己的服飾,包裝成母親節的理由。這個邏輯放在很多類型的商品都適用,重點是讓購買行為有了情感依據。 禮物推薦電子

By Good Gu