テンプレ G

テンプレG：スタッフコーディネート紹介型

スタッフの私服コーデ感覚で複数アイテムを着回し提案。Natural + À la mode 軸でナチュラル系ECで特に強い。

スタッフコーデ紹介着回し提案ライフスタイル訴求

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

必要な画像

コーデ全体画像 COORD_IMAGE
スタッフがアイテムを着用している全身カット
推奨: 縦長 800x1200
各アイテム画像 ITEM[1-3]_IMAGE
コーデに含まれる商品（最大5点）
推奨: 正方形 600x600

✓ こんな時に使う

スタッフ視点で着回し提案
新作と既存品の組み合わせ訴求
身長別の着こなし提案
Natural ブランド世界観の体現

✗ 不向きなシーン

単品プッシュ → A
セール訴求 → B
新作予告 → E

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

0 件

このテンプレで作成されたメルマガはまだありません

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

<!-- ============================== -->
<!-- NOAHL メルマガテンプレートG -->
<!-- スタッフコーディネート紹介型 -->
<!-- ============================== -->

<!-- ■ ヘッダー -->
<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="30"></td></tr>
<tr><td align="center">
      <font color="{{COLOR_SUBTEXT}}" size="2" style="letter-spacing: 2px;">- staff coordinate -</font><br><br>
      <font color="{{COLOR_TEXT}}" size="4"><b>{{HEADLINE}}</b></font>
    </td></tr>
<tr><td height="30"></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_TEXT}}" size="2"><b>{{STAFF_NAME}}</b></font>
      <font color="{{COLOR_SUBTEXT}}" size="2"> ／ 身長 {{STAFF_HEIGHT}}</font>
    </td></tr>
<tr><td height="5"></td></tr>

  <tr><td height="5"></td></tr>
<tr><td align="center">
      <font color="{{COLOR_SUBTEXT}}" size="2" style="line-height: 1.8;">{{STAFF_COMMENT}}</font>
    </td></tr>
<tr><td height="15"></td></tr>

</table>

<!-- ■ コーデ画像 -->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr><td height="10"></td></tr>
<tr><td align="center">
      <img src="{{COORD_IMAGE}}" width="90%" border="0" alt="{{STAFF_NAME}} のコーディネート">
    </td></tr>
<tr><td height="10"></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_SUBTEXT}}" size="2" style="letter-spacing: 2px;">- items -</font>
    </td></tr>
<tr><td height="5"></td></tr>

  <tr><td height="5"></td></tr>
<tr><td align="center">
      <font color="{{COLOR_TEXT}}" size="3"><b>このコーデのアイテム</b></font>
    </td></tr>
<tr><td height="15"></td></tr>

</table>

<!-- ■ アイテム1 -->
<table width="90%" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td width="35%" align="center" valign="top">
      <a target="_blank" href="{{ITEM1_URL}}">
        <img width="100%" src="{{ITEM1_IMAGE}}" border="0" alt="{{ITEM1_NAME}}">
      </a>
    </td>
    <td width="5%"></td>
    <td width="60%" align="left" valign="middle">
      <font color="{{COLOR_TEXT}}" size="2"><b>{{ITEM1_NAME}}</b></font><br>
      <font color="{{COLOR_ACCENT}}" size="2"><b>{{ITEM1_PRICE}}</b></font><br><br>
      [[BUTTON:product|{{ITEM1_URL}}|この商品を見る →]]
    </td>
  </tr>
</table>

<table width="60%" 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="90%" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr><td height="15"></td></tr>
<tr><td width="35%" align="center" valign="top">
      <a target="_blank" href="{{ITEM2_URL}}">
        <img width="100%" src="{{ITEM2_IMAGE}}" border="0" alt="{{ITEM2_NAME}}">
      </a>
    </td>
    <td width="5%"></td>
    <td width="60%" align="left" valign="middle">
      <font color="{{COLOR_TEXT}}" size="2"><b>{{ITEM2_NAME}}</b></font><br>
      <font color="{{COLOR_ACCENT}}" size="2"><b>{{ITEM2_PRICE}}</b></font><br><br>
      [[BUTTON:product|{{ITEM2_URL}}|この商品を見る →]]
    </td></tr>
<tr><td height="15"></td></tr>

</table>

<table width="60%" 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>

<!-- ■ アイテム3 -->
<table width="90%" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr><td height="15"></td></tr>
<tr><td width="35%" align="center" valign="top">
      <a target="_blank" href="{{ITEM3_URL}}">
        <img width="100%" src="{{ITEM3_IMAGE}}" border="0" alt="{{ITEM3_NAME}}">
      </a>
    </td>
    <td width="5%"></td>
    <td width="60%" align="left" valign="middle">
      <font color="{{COLOR_TEXT}}" size="2"><b>{{ITEM3_NAME}}</b></font><br>
      <font color="{{COLOR_ACCENT}}" size="2"><b>{{ITEM3_PRICE}}</b></font><br><br>
      [[BUTTON:product|{{ITEM3_URL}}|この商品を見る →]]
    </td></tr>
<tr><td height="15"></td></tr>

</table>

<!-- ■ もっと見る -->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr><td height="30"></td></tr>
<tr><td align="center">
      [[BUTTON:secondary|{{MORE_COORDS_URL}}|≫ 他のスタッフコーデを見る]]
    </td></tr>
<tr><td height="30"></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>▽ {{BRAND_LOGO}}の新作をチェック ▽</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_FULL}}</font>
    </td></tr>
<tr><td height="20"></td></tr>

</table>

編集・削除

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="30"></td></tr> <tr><td align="center"> <font color="{{COLOR_SUBTEXT}}" size="2" style="letter-spacing: 2px;">- staff coordinate -</font><br><br> <font color="{{COLOR_TEXT}}" size="4"><b>{{HEADLINE}}</b></font> </td></tr> <tr><td height="30"></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_TEXT}}" size="2"><b>{{STAFF_NAME}}</b></font> <font color="{{COLOR_SUBTEXT}}" size="2"> ／身長 {{STAFF_HEIGHT}}</font> </td></tr> <tr><td height="5"></td></tr> <tr><td height="5"></td></tr> <tr><td align="center"> <font color="{{COLOR_SUBTEXT}}" size="2" style="line-height: 1.8;">{{STAFF_COMMENT}}</font> </td></tr> <tr><td height="15"></td></tr> </table>  <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td height="10"></td></tr> <tr><td align="center"> <img src="{{COORD_IMAGE}}" width="90%" border="0" alt="{{STAFF_NAME}} のコーディネート"> </td></tr> <tr><td height="10"></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_SUBTEXT}}" size="2" style="letter-spacing: 2px;">- items -</font> </td></tr> <tr><td height="5"></td></tr> <tr><td height="5"></td></tr> <tr><td align="center"> <font color="{{COLOR_TEXT}}" size="3"><b>このコーデのアイテム</b></font> </td></tr> <tr><td height="15"></td></tr> </table>  <table width="90%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td width="35%" align="center" valign="top"> <a target="_blank" href="{{ITEM1_URL}}"> <img width="100%" src="{{ITEM1_IMAGE}}" border="0" alt="{{ITEM1_NAME}}"> </a> </td> <td width="5%"></td> <td width="60%" align="left" valign="middle"> <font color="{{COLOR_TEXT}}" size="2"><b>{{ITEM1_NAME}}</b></font><br> <font color="{{COLOR_ACCENT}}" size="2"><b>{{ITEM1_PRICE}}</b></font><br><br> [[BUTTON:product|{{ITEM1_URL}}|この商品を見る →]] </td> </tr> </table> <table width="60%" 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="90%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr><td height="15"></td></tr> <tr><td width="35%" align="center" valign="top"> <a target="_blank" href="{{ITEM2_URL}}"> <img width="100%" src="{{ITEM2_IMAGE}}" border="0" alt="{{ITEM2_NAME}}"> </a> </td> <td width="5%"></td> <td width="60%" align="left" valign="middle"> <font color="{{COLOR_TEXT}}" size="2"><b>{{ITEM2_NAME}}</b></font><br> <font color="{{COLOR_ACCENT}}" size="2"><b>{{ITEM2_PRICE}}</b></font><br><br> [[BUTTON:product|{{ITEM2_URL}}|この商品を見る →]] </td></tr> <tr><td height="15"></td></tr> </table> <table width="60%" 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="90%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr><td height="15"></td></tr> <tr><td width="35%" align="center" valign="top"> <a target="_blank" href="{{ITEM3_URL}}"> <img width="100%" src="{{ITEM3_IMAGE}}" border="0" alt="{{ITEM3_NAME}}"> </a> </td> <td width="5%"></td> <td width="60%" align="left" valign="middle"> <font color="{{COLOR_TEXT}}" size="2"><b>{{ITEM3_NAME}}</b></font><br> <font color="{{COLOR_ACCENT}}" size="2"><b>{{ITEM3_PRICE}}</b></font><br><br> [[BUTTON:product|{{ITEM3_URL}}|この商品を見る →]] </td></tr> <tr><td height="15"></td></tr> </table>  <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td height="30"></td></tr> <tr><td align="center"> [[BUTTON:secondary|{{MORE_COORDS_URL}}|≫ 他のスタッフコーデを見る]] </td></tr> <tr><td height="30"></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>▽ {{BRAND_LOGO}}の新作をチェック ▽</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_FULL}}</font> </td></tr> <tr><td height="20"></td></tr> </table>