テンプレ C

テンプレC：ランキング型

楽天マラソン終盤の駆け込み訴求に最適。「みんなが買った人気TOP3」として実績ベースで購買を後押しします。

マラソン終盤セール終了直前売れ筋ランキング訴求

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

必要な画像

緊急性バナー BANNER_IMAGE
「もうすぐ終了」等の緊急性ある横長バナー
推奨: 600x180px程度
1位商品 PRODUCT1_IMAGE
TOP1の大きめ画像
推奨: 正方形 or 縦長 800x800以上
2位商品 PRODUCT2_IMAGE
TOP2
推奨: 正方形 700x700程度
3位商品 PRODUCT3_IMAGE
TOP3
推奨: 正方形 700x700程度

✓ こんな時に使う

マラソン終盤・残り24時間の駆け込み訴求
「みんなが買った」社会的証明（社会的証明訴求）
セール終了直前の最後の一押し
既に売れている商品のさらなるプッシュ
売れ筋ランキングの定期配信

✗ 不向きなシーン

新作プッシュ（実績データが無いため不向き） → テンプレA
セール開始時の盛り上げ → テンプレB
単品の主力訴求 → テンプレA

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

1 件

【SS中のリアル人気TOP】今、本当に選ばれてるアイテムをシンプルにご紹介
楽天スーパーSALE6/9 11:00
開封 52.2%

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

<!-- ============================== -->
<!-- NOAHL メルマガテンプレートC -->
<!-- ランキング型（マラソンラスト） -->
<!-- ============================== -->

<!-- ■ ヘッダー -->
<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">
  <tr>
    <td align="center">
      <a target="_blank" href="{{URL_SALE}}">
        <img width="100%" src="{{BANNER_IMAGE}}" border="0" alt="{{BANNER_ALT}}">
      </a>
    </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_ACCENT}}" size="2"><b>{{URGENCY_LABEL}}</b></font><br><br>
      <font color="{{COLOR_TEXT}}" size="4"><b>みんなが買った<br>人気ランキングTOP3</b></font><br><br>
      <font color="{{COLOR_SUBTEXT}}" size="2">{{SUBLINE}}</font>
    </td></tr>
<tr><td height="25"></td></tr>

</table>

<!-- ■ NO.1 -->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr><td height="25"></td></tr>
<tr><td align="center">
      <font color="{{COLOR_ACCENT}}" size="6"><b>NO.1</b></font>
    </td></tr>
<tr><td height="5"></td></tr>

  <tr><td height="5"></td></tr>
<tr><td align="center">
      <a target="_blank" href="{{PRODUCT1_URL}}">
        <img src="{{PRODUCT1_IMAGE}}" width="85%" border="0" alt="1位 {{PRODUCT1_NAME}}">
      </a>
    </td></tr>
<tr><td height="5"></td></tr>

  <tr><td height="10"></td></tr>
<tr><td align="center">
      <font color="{{COLOR_TEXT}}" size="3"><b>{{PRODUCT1_NAME}}</b></font><br>
      <font color="{{COLOR_SUBTEXT}}" size="2">一番人気のカラー：<b>{{PRODUCT1_COLOR}}</b></font><br><br>
      <font color="{{COLOR_MUTED}}" size="2"><strike>{{PRODUCT1_REGULAR_PRICE}}</strike></font>
      <font color="{{COLOR_ACCENT}}" size="3"><b> {{PRODUCT1_SALE_PRICE}}</b></font>
    </td></tr>
<tr><td height="10"></td></tr>

  <tr><td height="15"></td></tr>
<tr><td align="center">
      [[BUTTON:product|{{PRODUCT1_URL}}|1位のアイテムを見る →]]
    </td></tr>
<tr><td height="25"></td></tr>

</table>

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

<!-- ■ NO.2 -->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr><td height="25"></td></tr>
<tr><td align="center">
      <font color="{{COLOR_PRIMARY}}" size="5"><b>NO.2</b></font>
    </td></tr>
<tr><td height="5"></td></tr>

  <tr><td height="5"></td></tr>
<tr><td align="center">
      <a target="_blank" href="{{PRODUCT2_URL}}">
        <img src="{{PRODUCT2_IMAGE}}" width="75%" border="0" alt="2位 {{PRODUCT2_NAME}}">
      </a>
    </td></tr>
<tr><td height="5"></td></tr>

  <tr><td height="10"></td></tr>
<tr><td align="center">
      <font color="{{COLOR_TEXT}}" size="3"><b>{{PRODUCT2_NAME}}</b></font><br>
      <font color="{{COLOR_SUBTEXT}}" size="2">一番人気のカラー：<b>{{PRODUCT2_COLOR}}</b></font><br><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="10"></td></tr>

  <tr><td height="15"></td></tr>
<tr><td align="center">
      [[BUTTON:product|{{PRODUCT2_URL}}|2位のアイテムを見る →]]
    </td></tr>
<tr><td height="25"></td></tr>

</table>

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

<!-- ■ NO.3 -->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr><td height="25"></td></tr>
<tr><td align="center">
      <font color="{{COLOR_PRIMARY}}" size="5"><b>NO.3</b></font>
    </td></tr>
<tr><td height="5"></td></tr>

  <tr><td height="5"></td></tr>
<tr><td align="center">
      <a target="_blank" href="{{PRODUCT3_URL}}">
        <img src="{{PRODUCT3_IMAGE}}" width="75%" border="0" alt="3位 {{PRODUCT3_NAME}}">
      </a>
    </td></tr>
<tr><td height="5"></td></tr>

  <tr><td height="10"></td></tr>
<tr><td align="center">
      <font color="{{COLOR_TEXT}}" size="3"><b>{{PRODUCT3_NAME}}</b></font><br>
      <font color="{{COLOR_SUBTEXT}}" size="2">一番人気のカラー：<b>{{PRODUCT3_COLOR}}</b></font><br><br>
      <font color="{{COLOR_MUTED}}" size="2"><strike>{{PRODUCT3_REGULAR_PRICE}}</strike></font>
      <font color="{{COLOR_ACCENT}}" size="3"><b> {{PRODUCT3_SALE_PRICE}}</b></font>
    </td></tr>
<tr><td height="10"></td></tr>

  <tr><td height="15"></td></tr>
<tr><td align="center">
      [[BUTTON:product|{{PRODUCT3_URL}}|3位のアイテムを見る →]]
    </td></tr>
<tr><td height="25"></td></tr>

</table>

<!-- ■ もっと見るリンク -->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr><td height="15"></td></tr>
<tr><td align="center">
      [[BUTTON:secondary|{{URL_SALE}}|≫ セール対象アイテムをもっと見る]]
    </td></tr>
<tr><td height="25"></td></tr>

</table>

<!-- ■ クーポンセクション -->
<table width="90%" border="0" cellpadding="20" cellspacing="0" align="center" bgcolor="{{COLOR_PANEL}}">
  <tr>
    <td align="center">
      <font color="{{COLOR_SUBTEXT}}" size="2">＼ 読者様限定 ／</font><br><br>
      <font color="{{COLOR_TEXT}}" size="3"><b>終了前に使える特別クーポン</b></font><br><br>
      [[BUTTON:coupon|{{COUPON_URL}}|クーポンを取得する →]]
    </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>

編集・削除

必要な画像

緊急性バナー BANNER_IMAGE

「もうすぐ終了」等の緊急性ある横長バナー

推奨: 600x180px程度

1位商品 PRODUCT1_IMAGE

TOP1の大きめ画像

推奨: 正方形 or 縦長 800x800以上

2位商品 PRODUCT2_IMAGE

TOP2

推奨: 正方形 700x700程度

3位商品 PRODUCT3_IMAGE

TOP3

推奨: 正方形 700x700程度

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"> <tr> <td align="center"> <a target="_blank" href="{{URL_SALE}}"> <img width="100%" src="{{BANNER_IMAGE}}" border="0" alt="{{BANNER_ALT}}"> </a> </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_ACCENT}}" size="2"><b>{{URGENCY_LABEL}}</b></font><br><br> <font color="{{COLOR_TEXT}}" size="4"><b>みんなが買った<br>人気ランキングTOP3</b></font><br><br> <font color="{{COLOR_SUBTEXT}}" size="2">{{SUBLINE}}</font> </td></tr> <tr><td height="25"></td></tr> </table>  <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td height="25"></td></tr> <tr><td align="center"> <font color="{{COLOR_ACCENT}}" size="6"><b>NO.1</b></font> </td></tr> <tr><td height="5"></td></tr> <tr><td height="5"></td></tr> <tr><td align="center"> <a target="_blank" href="{{PRODUCT1_URL}}"> <img src="{{PRODUCT1_IMAGE}}" width="85%" border="0" alt="1位 {{PRODUCT1_NAME}}"> </a> </td></tr> <tr><td height="5"></td></tr> <tr><td height="10"></td></tr> <tr><td align="center"> <font color="{{COLOR_TEXT}}" size="3"><b>{{PRODUCT1_NAME}}</b></font><br> <font color="{{COLOR_SUBTEXT}}" size="2">一番人気のカラー：<b>{{PRODUCT1_COLOR}}</b></font><br><br> <font color="{{COLOR_MUTED}}" size="2"><strike>{{PRODUCT1_REGULAR_PRICE}}</strike></font> <font color="{{COLOR_ACCENT}}" size="3"><b> {{PRODUCT1_SALE_PRICE}}</b></font> </td></tr> <tr><td height="10"></td></tr> <tr><td height="15"></td></tr> <tr><td align="center"> [[BUTTON:product|{{PRODUCT1_URL}}|1位のアイテムを見る →]] </td></tr> <tr><td height="25"></td></tr> </table>  <table width="90%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td style="border-top: 1px solid {{COLOR_BORDER}};"></td> </tr> </table>  <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td height="25"></td></tr> <tr><td align="center"> <font color="{{COLOR_PRIMARY}}" size="5"><b>NO.2</b></font> </td></tr> <tr><td height="5"></td></tr> <tr><td height="5"></td></tr> <tr><td align="center"> <a target="_blank" href="{{PRODUCT2_URL}}"> <img src="{{PRODUCT2_IMAGE}}" width="75%" border="0" alt="2位 {{PRODUCT2_NAME}}"> </a> </td></tr> <tr><td height="5"></td></tr> <tr><td height="10"></td></tr> <tr><td align="center"> <font color="{{COLOR_TEXT}}" size="3"><b>{{PRODUCT2_NAME}}</b></font><br> <font color="{{COLOR_SUBTEXT}}" size="2">一番人気のカラー：<b>{{PRODUCT2_COLOR}}</b></font><br><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="10"></td></tr> <tr><td height="15"></td></tr> <tr><td align="center"> [[BUTTON:product|{{PRODUCT2_URL}}|2位のアイテムを見る →]] </td></tr> <tr><td height="25"></td></tr> </table>  <table width="90%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td style="border-top: 1px solid {{COLOR_BORDER}};"></td> </tr> </table>  <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td height="25"></td></tr> <tr><td align="center"> <font color="{{COLOR_PRIMARY}}" size="5"><b>NO.3</b></font> </td></tr> <tr><td height="5"></td></tr> <tr><td height="5"></td></tr> <tr><td align="center"> <a target="_blank" href="{{PRODUCT3_URL}}"> <img src="{{PRODUCT3_IMAGE}}" width="75%" border="0" alt="3位 {{PRODUCT3_NAME}}"> </a> </td></tr> <tr><td height="5"></td></tr> <tr><td height="10"></td></tr> <tr><td align="center"> <font color="{{COLOR_TEXT}}" size="3"><b>{{PRODUCT3_NAME}}</b></font><br> <font color="{{COLOR_SUBTEXT}}" size="2">一番人気のカラー：<b>{{PRODUCT3_COLOR}}</b></font><br><br> <font color="{{COLOR_MUTED}}" size="2"><strike>{{PRODUCT3_REGULAR_PRICE}}</strike></font> <font color="{{COLOR_ACCENT}}" size="3"><b> {{PRODUCT3_SALE_PRICE}}</b></font> </td></tr> <tr><td height="10"></td></tr> <tr><td height="15"></td></tr> <tr><td align="center"> [[BUTTON:product|{{PRODUCT3_URL}}|3位のアイテムを見る →]] </td></tr> <tr><td height="25"></td></tr> </table>  <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td height="15"></td></tr> <tr><td align="center"> [[BUTTON:secondary|{{URL_SALE}}|≫ セール対象アイテムをもっと見る]] </td></tr> <tr><td height="25"></td></tr> </table>  <table width="90%" border="0" cellpadding="20" cellspacing="0" align="center" bgcolor="{{COLOR_PANEL}}"> <tr> <td align="center"> <font color="{{COLOR_SUBTEXT}}" size="2">＼読者様限定／</font><br><br> <font color="{{COLOR_TEXT}}" size="3"><b>終了前に使える特別クーポン</b></font><br><br> [[BUTTON:coupon|{{COUPON_URL}}|クーポンを取得する →]] </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>