テンプレ A

テンプレA：商品フォーカス型

1〜2商品の主力訴求。新作予約や限定商品の単品プッシュに最適。大きな商品画像とカラー見本で商品の魅力を最大限に伝えます。

新作予約開始限定商品1〜2商品の主力訴求

プレビュー（ブランド色適用済み）

必要な画像

メイン商品画像 PRODUCT1_IMAGE
1商品目の主役画像。モデル着用or 商品全体感のあるカット。
推奨: 1000x1000以上の正方形 or 縦長
カラー1着画 COLOR1_IMAGE
1色目のモデル着画（オプショナル、カラー違いを訴求したい場合）
推奨: 縦長カット
カラー2着画 COLOR2_IMAGE
2色目のモデル着画（オプショナル）
推奨: 縦長カット
サブ商品画像 PRODUCT2_IMAGE
2商品目の画像（オプショナル、同時予約等の併売訴求用）
推奨: 縦長カット

✓ こんな時に使う

新作予約開始のお知らせ
1〜2商品に絞った主力訴求
単品の魅力を最大限に伝えたい時
限定品・コラボ商品の単品プッシュ
高単価商品のじっくり訴求

✗ 不向きなシーン

多数商品の網羅的セール告知 → テンプレB
ランキング訴求 → テンプレC
セール全体の盛り上げ → テンプレB

このテンプレで作ったメルマガ

3 件

HTML ソース（ブランド変数あり）

<!-- ============================== -->
<!-- NOAHL メルマガテンプレートA -->
<!-- 商品フォーカス型（1〜2商品） -->
<!-- ============================== -->

<!-- ■ ヘッダー -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
  <tr><td height="25"></td></tr>
<tr><td align="center">
      <font color="{{COLOR_PRIMARY}}" size="3" style="letter-spacing: 4px;">{{BRAND_LOGO}}</font><br>
      <font color="{{COLOR_MUTED}}" size="1" style="letter-spacing: 2px;">{{BRAND_TAGLINE}}</font>
    </td></tr>
<tr><td height="20"></td></tr>

</table>

<!-- ■ メインメッセージ（今日送る理由） -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="{{COLOR_PANEL}}">
  <tr><td height="28"></td></tr>
<tr><td align="center">
      <font color="{{COLOR_PRIMARY}}" size="2">＼ {{LIMIT_LABEL}} ／</font><br><br>
      <font color="{{COLOR_TEXT}}" size="4"><b>{{HEADLINE}}</b></font><br><br>
      <font color="{{COLOR_SUBTEXT}}" size="2">{{DEADLINE}}</font>
    </td></tr>
<tr><td height="28"></td></tr>

</table>

<!-- ■ メイン商品画像（1枚のみ・最も映えるカット） -->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr><td height="20"></td></tr>
<tr><td align="center">
      <a target="_blank" href="{{PRODUCT1_URL}}">
        <img src="{{PRODUCT1_IMAGE}}" width="90%" border="0" alt="{{PRODUCT1_NAME}}">
      </a>
    </td></tr>

</table>



<!-- ■ カラー見本（最大2色） -->
<table width="90%" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr><td height="10"></td></tr>
<tr><td width="49%" align="center" valign="top">
      <a target="_blank" href="{{PRODUCT1_URL}}">
        <img width="100%" src="{{COLOR1_IMAGE}}" border="0" alt="{{COLOR1_NAME}}">
      </a><br>
      <font color="{{COLOR_SUBTEXT}}" size="2">{{COLOR1_NAME}}</font>
    </td>
    <td width="2%"></td>
    <td width="49%" align="center" valign="top" style="padding: 10px 0;">
      <a target="_blank" href="{{PRODUCT1_URL}}">
        <img width="100%" src="{{COLOR2_IMAGE}}" border="0" alt="{{COLOR2_NAME}}">
      </a><br>
      <font color="{{COLOR_SUBTEXT}}" size="2">{{COLOR2_NAME}}</font>
    </td></tr>
<tr><td height="10"></td></tr>

</table>

<!-- ■ 価格表示 -->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr><td height="5"></td></tr>
<tr><td align="center">
      <font color="{{COLOR_MUTED}}" size="2"><strike>{{PRODUCT1_REGULAR_PRICE}}</strike></font><br>
      <font color="{{COLOR_ACCENT}}" size="5"><b>{{PRODUCT1_SALE_PRICE}}</b></font>
      <font color="{{COLOR_ACCENT}}" size="2">（{{PRODUCT1_DISCOUNT}}）</font>
    </td></tr>
<tr><td height="5"></td></tr>

</table>

<!-- ■ CTAボタン -->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr><td height="20"></td></tr>
<tr><td align="center">
      [[BUTTON:product|{{PRODUCT1_URL}}|{{CTA1_TEXT}}]]
    </td></tr>
<tr><td height="20"></td></tr>

</table>

<!-- ■ 区切り線 -->
<table width="90%" border="0" cellpadding="0" cellspacing="0" align="center">
  <tr><td height="15"></td></tr>
<tr><td  style="border-top: 1px solid {{COLOR_BORDER}}"></td></tr>

</table>

<!-- ■ サブ商品（2商品目・コンパクト） -->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr><td height="15"></td></tr>
<tr><td align="center">
      <font color="{{COLOR_SUBTEXT}}" size="2">＊ こちらも同時に予約開始 ＊</font>
    </td></tr>
<tr><td height="5"></td></tr>

</table>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr><td height="5"></td></tr>
<tr><td align="center">
      <a target="_blank" href="{{PRODUCT2_URL}}">
        <img src="{{PRODUCT2_IMAGE}}" width="80%" border="0" alt="{{PRODUCT2_NAME}}">
      </a>
    </td></tr>
<tr><td height="5"></td></tr>

</table>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr><td height="5"></td></tr>
<tr><td align="center">
      <font color="{{COLOR_TEXT}}" size="3"><b>{{PRODUCT2_NAME}}</b></font><br>
      <font color="{{COLOR_MUTED}}" size="2"><strike>{{PRODUCT2_REGULAR_PRICE}}</strike></font>
      <font color="{{COLOR_ACCENT}}" size="3"><b> {{PRODUCT2_SALE_PRICE}}</b></font>
    </td></tr>
<tr><td height="5"></td></tr>

</table>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr><td height="15"></td></tr>
<tr><td align="center">
      [[BUTTON:product|{{PRODUCT2_URL}}|{{CTA2_TEXT}}]]
    </td></tr>
<tr><td height="25"></td></tr>

</table>

<!-- ■ フッター -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="{{COLOR_PANEL}}">
  <tr><td height="25"></td></tr>
<tr><td align="center">
      <font color="{{COLOR_PRIMARY}}" size="2"><b>▽ NOAHLの新作をチェック ▽</b></font>
    </td></tr>
<tr><td height="5"></td></tr>

</table>

[[BUTTON:secondary|{{URL_NEW_ARRIVALS}}|新作一覧を見る →]]
[[BUTTON:secondary|{{URL_REVIEW}}|レビュー投稿でプレゼント♪ 詳しくはこちら]]


<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr><td height="20"></td></tr>
<tr><td align="center">
      <font color="{{COLOR_MUTED}}" size="1" style="letter-spacing: 2px;">{{BRAND_LOGO}} ( ノアル )</font>
    </td></tr>
<tr><td height="20"></td></tr>

</table>

編集・削除

必要な画像

メイン商品画像 PRODUCT1_IMAGE

1商品目の主役画像。モデル着用or 商品全体感のあるカット。

推奨: 1000x1000以上の正方形 or 縦長

カラー1着画 COLOR1_IMAGE

1色目のモデル着画（オプショナル、カラー違いを訴求したい場合）

推奨: 縦長カット

カラー2着画 COLOR2_IMAGE

2色目のモデル着画（オプショナル）

推奨: 縦長カット

サブ商品画像 PRODUCT2_IMAGE

2商品目の画像（オプショナル、同時予約等の併売訴求用）

推奨: 縦長カット

HTML ソース（ブランド変数あり）

<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff"> <tr><td height="25"></td></tr> <tr><td align="center"> <font color="{{COLOR_PRIMARY}}" size="3" style="letter-spacing: 4px;">{{BRAND_LOGO}}</font><br> <font color="{{COLOR_MUTED}}" size="1" style="letter-spacing: 2px;">{{BRAND_TAGLINE}}</font> </td></tr> <tr><td height="20"></td></tr> </table>  <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="{{COLOR_PANEL}}"> <tr><td height="28"></td></tr> <tr><td align="center"> <font color="{{COLOR_PRIMARY}}" size="2">＼ {{LIMIT_LABEL}} ／</font><br><br> <font color="{{COLOR_TEXT}}" size="4"><b>{{HEADLINE}}</b></font><br><br> <font color="{{COLOR_SUBTEXT}}" size="2">{{DEADLINE}}</font> </td></tr> <tr><td height="28"></td></tr> </table>  <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td height="20"></td></tr> <tr><td align="center"> <a target="_blank" href="{{PRODUCT1_URL}}"> <img src="{{PRODUCT1_IMAGE}}" width="90%" border="0" alt="{{PRODUCT1_NAME}}"> </a> </td></tr> </table>  <table width="90%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr><td height="10"></td></tr> <tr><td width="49%" align="center" valign="top"> <a target="_blank" href="{{PRODUCT1_URL}}"> <img width="100%" src="{{COLOR1_IMAGE}}" border="0" alt="{{COLOR1_NAME}}"> </a><br> <font color="{{COLOR_SUBTEXT}}" size="2">{{COLOR1_NAME}}</font> </td> <td width="2%"></td> <td width="49%" align="center" valign="top" style="padding: 10px 0;"> <a target="_blank" href="{{PRODUCT1_URL}}"> <img width="100%" src="{{COLOR2_IMAGE}}" border="0" alt="{{COLOR2_NAME}}"> </a><br> <font color="{{COLOR_SUBTEXT}}" size="2">{{COLOR2_NAME}}</font> </td></tr> <tr><td height="10"></td></tr> </table>  <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td height="5"></td></tr> <tr><td align="center"> <font color="{{COLOR_MUTED}}" size="2"><strike>{{PRODUCT1_REGULAR_PRICE}}</strike></font><br> <font color="{{COLOR_ACCENT}}" size="5"><b>{{PRODUCT1_SALE_PRICE}}</b></font> <font color="{{COLOR_ACCENT}}" size="2">（{{PRODUCT1_DISCOUNT}}）</font> </td></tr> <tr><td height="5"></td></tr> </table>  <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td height="20"></td></tr> <tr><td align="center"> [[BUTTON:product|{{PRODUCT1_URL}}|{{CTA1_TEXT}}]] </td></tr> <tr><td height="20"></td></tr> </table>  <table width="90%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr><td height="15"></td></tr> <tr><td style="border-top: 1px solid {{COLOR_BORDER}}"></td></tr> </table>  <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td height="15"></td></tr> <tr><td align="center"> <font color="{{COLOR_SUBTEXT}}" size="2">＊こちらも同時に予約開始＊</font> </td></tr> <tr><td height="5"></td></tr> </table> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td height="5"></td></tr> <tr><td align="center"> <a target="_blank" href="{{PRODUCT2_URL}}"> <img src="{{PRODUCT2_IMAGE}}" width="80%" border="0" alt="{{PRODUCT2_NAME}}"> </a> </td></tr> <tr><td height="5"></td></tr> </table> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td height="5"></td></tr> <tr><td align="center"> <font color="{{COLOR_TEXT}}" size="3"><b>{{PRODUCT2_NAME}}</b></font><br> <font color="{{COLOR_MUTED}}" size="2"><strike>{{PRODUCT2_REGULAR_PRICE}}</strike></font> <font color="{{COLOR_ACCENT}}" size="3"><b> {{PRODUCT2_SALE_PRICE}}</b></font> </td></tr> <tr><td height="5"></td></tr> </table> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td height="15"></td></tr> <tr><td align="center"> [[BUTTON:product|{{PRODUCT2_URL}}|{{CTA2_TEXT}}]] </td></tr> <tr><td height="25"></td></tr> </table>  <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="{{COLOR_PANEL}}"> <tr><td height="25"></td></tr> <tr><td align="center"> <font color="{{COLOR_PRIMARY}}" size="2"><b>▽ NOAHLの新作をチェック ▽</b></font> </td></tr> <tr><td height="5"></td></tr> </table> [[BUTTON:secondary|{{URL_NEW_ARRIVALS}}|新作一覧を見る →]] [[BUTTON:secondary|{{URL_REVIEW}}|レビュー投稿でプレゼント♪ 詳しくはこちら]] <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td height="20"></td></tr> <tr><td align="center"> <font color="{{COLOR_MUTED}}" size="1" style="letter-spacing: 2px;">{{BRAND_LOGO}} ( ノアル )</font> </td></tr> <tr><td height="20"></td></tr> </table>