メールテンプレート:50 以上の無料テンプレートとデザインのベストプラクティス [2025]
あらゆる用途に対応した 50 種類以上の無料メールテンプレートを入手。ニュースレターからプロモーションまで、カスタマイズ可能なテンプレートとデザインのベストプラクティスをご紹介します。
メールテンプレートは効率的なメールマーケティングの基盤です。ニュースレター、プロモーションキャンペーン、トランザクションメールのいずれを送信する場合でも、優れたデザインのテンプレートを持つことで時間を節約し、ブランドの一貫性を維持し、エンゲージメント率を向上させることができます。
この包括的なガイドでは、すべての主要カテゴリーにわたる 50 以上の無料メールテンプレートと、コンバージョンにつながるメールを作成するためのデザインのベストプラクティスをご提供します。
メールテンプレートが重要な理由
数字が物語っています:
- マーケターの 67% がメールデザインが最大の課題だと述べています
- 受信者の 80% がデザインの悪いメールを即座に削除します
- テンプレートメール は制作時間を 75% 削減します
- 一貫したブランディング は収益を最大 23% 向上させます
優れたデザインのメールテンプレートはこれらの課題を解決し、送信するすべてのメールがプロフェッショナルでブランドに沿ったものになります。
動いている4つのレイアウト
下の各パネルは、テンプレートそのものの実際のメールHTMLを、実寸の幅の枠に収めたものです。幅を375pxまで狭めて、列が縦に積み重なる様子をご覧ください。
ご覧のテーマに追随します。もう一方を見るにはヘッダーで切り替えてください。
The Letter のHTMLを読む
<!DOCTYPE html>
<html lang="jp" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>The Letter</title>
<style>
body { margin:0; padding:0; width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
img { border:0; outline:none; line-height:100%; -ms-interpolation-mode:bicubic; display:block; }
a { text-decoration:underline; }
@media only screen and (max-width:620px) {
.wrap { width:100% !important; }
.stack { display:block !important; width:100% !important; max-width:100% !important; }
.gutter { padding-left:20px !important; padding-right:20px !important; }
.cta { display:block !important; width:100% !important; box-sizing:border-box !important; text-align:center !important; }
.h1 { font-size:26px !important; line-height:32px !important; }
.thumb { width:100% !important; height:auto !important; max-width:100% !important; }
/* A digest row is the one two-column layout that should NOT stack: the
thumbnail shrinks and stays beside the headline, because a roundup is
read by scanning and a full-width decorative image per story destroys
that. */
.row-thumb { width:80px !important; }
.row-thumb img { width:80px !important; height:80px !important; }
.hide-sm { display:none !important; }
}
@media (prefers-color-scheme: dark) {
.d-bg { background-color:#151515 !important; }
.d-card { background-color:#1c1c1c !important; }
.d-ink { color:#f2f2f2 !important; }
.d-mute { color:#a8a8a8 !important; }
.d-rule { border-color:#3a3a3a !important; }
}
</style>
</head>
<body class="d-bg" style="margin:0;padding:0;background-color:#f0efec;">
<span style="display:none;font-size:1px;color:#fefefe;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">メモアプリに残しているその引用は、あなたのコンテンツカレンダーよりよく働いています。</span><span style="display:none;font-size:1px;color:#fefefe;"> ͏ ͏ ͏ ͏ ͏</span>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-bg" style="background-color:#f0efec;">
<tr><td align="center" style="padding:32px 12px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" class="wrap d-card" style="width:600px;max-width:600px;background-color:#ffffff;">
<tr><td style="padding:0;">
<img src="/_astro/letter-masthead.BcPkHvz4.png" width="600" height="250" alt="Meridian Press のヘッダー:同心円状の青い弧を斜めの帯が横切る" style="width:100%;height:auto;max-width:600px;">
</td></tr>
<tr><td class="gutter" style="padding:36px 88px 0 88px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;">
<p class="d-mute" style="margin:0 0 6px 0;font-size:13px;line-height:18px;color:#6b6b6b;">Meridian Press · 第47号</p>
</td></tr>
<tr><td class="gutter" style="padding:0 88px;font-family:'Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif;">
<h1 class="h1 d-ink" style="margin:0 0 20px 0;font-size:34px;line-height:42px;font-weight:400;color:#141414;">アーカイブこそが製品だ</h1>
<p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">3週間前、2019年に書いた文章を探して見つかりませんでした。サイトにも、書き出したファイルにも、プラットフォーム自身の検索にもありません。1200号あって、機能していた索引は私の記憶だけでした。</p>
<p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">6年ニュースレターを続けることについて、誰も教えてくれないのがこの部分です。送るのは簡単です。残すのは簡単ではありません。</p>
</td></tr>
<tr><td class="gutter" style="padding:8px 88px 28px 88px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr><td class="quote" style="border-left:3px solid #0084d1;padding:4px 0 4px 0;padding-left:20px;font-family:'Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif;">
<p class="d-ink" style="margin:0;font-size:19px;line-height:30px;font-style:italic;color:#141414;">公開したものはすべて預け入れです。引き出しの仕組みを作る人はほとんどいません。</p>
</td></tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 88px;font-family:'Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif;">
<p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">そこで今週、過去号を本物のアーカイブとして作り直しました。タグ、全文検索、恒久的なURL付きで。9日かかりました。購読者数は動きませんでした。サイト滞在時間は3倍になりました。</p>
<p class="d-ink" style="margin:0 0 28px 0;font-size:18px;line-height:30px;color:#242424;">うまくいかなかった部分も含めて、すべて以下にあります。</p>
</td></tr>
<tr><td class="gutter" style="padding:0 88px 36px 88px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;">
<a href="https://example.com" style="font-size:17px;line-height:24px;font-weight:600;color:#0084d1;text-decoration:underline;">本号を全文読む →</a>
</td></tr>
<tr><td class="gutter d-rule" style="padding:0 88px;border-top:1px solid #e4e2de;"></td></tr>
<tr><td class="gutter" style="padding:24px 88px 40px 88px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;">
<p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:22px;color:#6b6b6b;">毎週木曜、手で書いています。返信してください、必ず読みます。</p>
<p class="d-mute" style="margin:0;font-size:13px;line-height:20px;color:#8a8a8a;">Meridian Press, 14 Harbour Lane, Bristol BS1 4TT<br>
<a href="https://example.com" class="d-mute" style="color:#8a8a8a;">配信停止</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">ブラウザーで表示</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> ご覧のテーマに追随します。もう一方を見るにはヘッダーで切り替えてください。
The Digest のHTMLを読む
<!DOCTYPE html>
<html lang="jp" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>The Digest</title>
<style>
body { margin:0; padding:0; width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
img { border:0; outline:none; line-height:100%; -ms-interpolation-mode:bicubic; display:block; }
a { text-decoration:underline; }
@media only screen and (max-width:620px) {
.wrap { width:100% !important; }
.stack { display:block !important; width:100% !important; max-width:100% !important; }
.gutter { padding-left:20px !important; padding-right:20px !important; }
.cta { display:block !important; width:100% !important; box-sizing:border-box !important; text-align:center !important; }
.h1 { font-size:26px !important; line-height:32px !important; }
.thumb { width:100% !important; height:auto !important; max-width:100% !important; }
/* A digest row is the one two-column layout that should NOT stack: the
thumbnail shrinks and stays beside the headline, because a roundup is
read by scanning and a full-width decorative image per story destroys
that. */
.row-thumb { width:80px !important; }
.row-thumb img { width:80px !important; height:80px !important; }
.hide-sm { display:none !important; }
}
@media (prefers-color-scheme: dark) {
.d-bg { background-color:#131313 !important; }
.d-card { background-color:#1b1b1b !important; }
.d-ink { color:#f3f3f3 !important; }
.d-mute { color:#a5a5a5 !important; }
.d-rule { border-color:#333333 !important; }
.d-chip { background-color:#10352f !important; color:#7fd8c6 !important; }
}
</style>
</head>
<body class="d-bg" style="margin:0;padding:0;background-color:#f4f3f0;">
<span style="display:none;font-size:1px;color:#fefefe;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">あなたの火曜日に値する6件。うち2件は価格の話です。</span><span style="display:none;font-size:1px;color:#fefefe;"> ͏ ͏ ͏ ͏ ͏</span>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-bg" style="background-color:#f4f3f0;">
<tr><td align="center" style="padding:28px 12px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" class="wrap d-card" style="width:600px;max-width:600px;background-color:#ffffff;border-radius:6px;">
<tr><td class="gutter" style="padding:30px 32px 22px 32px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="middle" style="font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;">
<p class="d-ink" style="margin:0;font-size:20px;line-height:26px;font-weight:800;color:#141414;">The Tuesday Digest</p>
<p class="d-mute" style="margin:4px 0 0 0;font-size:14px;line-height:20px;color:#6b6b6b;">2026年8月26日 · 6件 · 9分</p>
</td>
<td valign="middle" align="right" class="hide-sm">
<span class="d-chip" style="display:inline-block;background:#e2f4ef;color:#00614f;border-radius:999px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;font-size:12px;font-weight:700;padding:6px 12px;">第212号</span>
</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="d-rule" style="border-top:2px solid #141414;font-size:0;line-height:0;"> </td></tr></table></td></tr>
<tr><td class="gutter" style="padding:0 32px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="padding:22px 0;">
<tr>
<td class="row-thumb" width="112" valign="top" style="width:112px;padding:0;padding-right:20px;">
<img src="/_astro/digest-1.gDWNYw1C.png" width="112" height="112" alt="斜めの帯が横切る抽象的なターコイズの弧" style="width:112px;height:112px;border-radius:4px;">
</td>
<td valign="top" style="font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;">
<p class="d-mute" style="margin:0 0 6px 0;font-size:12px;line-height:16px;color:#007d6a;">01 · 価格設定</p>
<p style="margin:0 0 6px 0;font-size:18px;line-height:26px;font-weight:700;">
<a href="https://example.com" class="d-ink" style="color:#141414;text-decoration:none;">3社が従量課金へ移り、2社が戻った</a>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">戻った2社は同じことを言います。サポートの負荷が売上より先に増えた、と。</p>
</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="d-rule" style="border-top:1px solid #eceae6;font-size:0;line-height:0;"> </td></tr></table></td></tr>
<tr><td class="gutter" style="padding:0 32px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="padding:22px 0;">
<tr>
<td class="row-thumb" width="112" valign="top" style="width:112px;padding:0;padding-right:20px;">
<img src="/_astro/digest-2.ch7Avmad.png" width="112" height="112" alt="焦点をずらした抽象的なターコイズの環" style="width:112px;height:112px;border-radius:4px;">
</td>
<td valign="top" style="font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;">
<p class="d-mute" style="margin:0 0 6px 0;font-size:12px;line-height:16px;color:#007d6a;">02 · 到達性</p>
<p style="margin:0 0 6px 0;font-size:18px;line-height:26px;font-weight:700;">
<a href="https://example.com" class="d-ink" style="color:#141414;text-decoration:none;">Gmail の大量送信者向けルールから1年。実際に変わったのはこれです</a>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">苦情率だけが、誰かが近づいた唯一のしきい値でした。残りはもともと当たり前でした。</p>
</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="d-rule" style="border-top:1px solid #eceae6;font-size:0;line-height:0;"> </td></tr></table></td></tr>
<tr><td class="gutter" style="padding:0 32px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="padding:22px 0;">
<tr>
<td class="row-thumb" width="112" valign="top" style="width:112px;padding:0;padding-right:20px;">
<img src="/_astro/digest-3.DP0eG3wj.png" width="112" height="112" alt="オフホワイトの地に抽象的な同心円状のターコイズの弧" style="width:112px;height:112px;border-radius:4px;">
</td>
<td valign="top" style="font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;">
<p class="d-mute" style="margin:0 0 6px 0;font-size:12px;line-height:16px;color:#007d6a;">03 · 手仕事</p>
<p style="margin:0 0 6px 0;font-size:18px;line-height:26px;font-weight:700;">
<a href="https://example.com" class="d-ink" style="color:#141414;text-decoration:none;">ニュースレターのアーカイブはリンク集ではなく検索プロダクトだ</a>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">9日の作業、購読者の増加ゼロ、サイト滞在時間3倍。面白いのはこの交換条件のほうです。</p>
</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="d-rule" style="border-top:1px solid #eceae6;font-size:0;line-height:0;"> </td></tr></table></td></tr>
<tr><td class="gutter" style="padding:24px 32px 34px 32px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;">
<p class="d-mute" style="margin:0 0 14px 0;font-size:15px;line-height:24px;color:#555555;">残り3件は下にあります。みんなが返信してくる請求書の話もそこに。</p>
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#007d6a" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#007d6a;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">6件すべて読む</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
<tr><td class="gutter d-rule" style="padding:0 32px;border-top:1px solid #eceae6;"></td></tr>
<tr><td class="gutter" style="padding:20px 32px 30px 32px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;">
<p class="d-mute" style="margin:0;font-size:13px;line-height:20px;color:#8a8a8a;">The Tuesday Digest, 9 Fitzroy Street, Manchester M1 2AL<br>
<a href="https://example.com" class="d-mute" style="color:#8a8a8a;">配信停止</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">配信設定</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">ブラウザーで表示</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> ご覧のテーマに追随します。もう一方を見るにはヘッダーで切り替えてください。
The Storefront のHTMLを読む
<!DOCTYPE html>
<html lang="jp" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>The Storefront</title>
<style>
body { margin:0; padding:0; width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
img { border:0; outline:none; line-height:100%; -ms-interpolation-mode:bicubic; display:block; }
a { text-decoration:underline; }
@media only screen and (max-width:620px) {
.wrap { width:100% !important; }
.stack { display:block !important; width:100% !important; max-width:100% !important; }
.gutter { padding-left:20px !important; padding-right:20px !important; }
.cta { display:block !important; width:100% !important; box-sizing:border-box !important; text-align:center !important; }
.h1 { font-size:26px !important; line-height:32px !important; }
.thumb { width:100% !important; height:auto !important; max-width:100% !important; }
/* A digest row is the one two-column layout that should NOT stack: the
thumbnail shrinks and stays beside the headline, because a roundup is
read by scanning and a full-width decorative image per story destroys
that. */
.row-thumb { width:80px !important; }
.row-thumb img { width:80px !important; height:80px !important; }
.hide-sm { display:none !important; }
}
@media (prefers-color-scheme: dark) {
.d-bg { background-color:#141210 !important; }
.d-card { background-color:#1d1a18 !important; }
.d-ink { color:#f5f2ef !important; }
.d-mute { color:#aaa39d !important; }
.d-rule { border-color:#38322d !important; }
.d-tile { background-color:#241f1c !important; }
}
</style>
</head>
<body class="d-bg" style="margin:0;padding:0;background-color:#efece8;">
<span style="display:none;font-size:1px;color:#fefefe;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">新作プリント4点。港の1点は40部で、今週は持ちません。</span><span style="display:none;font-size:1px;color:#fefefe;"> ͏ ͏ ͏ ͏ ͏</span>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-bg" style="background-color:#efece8;">
<tr><td align="center" style="padding:24px 12px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" class="wrap d-card" style="width:600px;max-width:600px;background-color:#ffffff;">
<tr><td class="gutter" style="padding:22px 24px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr>
<td class="d-ink" style="font-size:17px;line-height:22px;font-weight:800;color:#141414;">Northlight</td>
<td align="right" class="d-mute hide-sm" style="font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;font-size:13px;line-height:20px;color:#6b6b6b;">秋の発売 · 04</td>
</tr></table>
</td></tr>
<tr><td style="padding:0;">
<img src="/_astro/shop-hero.r4mykM_E.png" width="600" height="360" alt="Northlight の新作プリント4点:温かみのあるオフホワイトに重なる錆色の弧" style="width:100%;height:auto;max-width:600px;">
</td></tr>
<tr><td class="gutter" style="padding:30px 40px 0 40px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;">
<h1 class="h1 d-ink" style="margin:0 0 12px 0;font-size:30px;line-height:38px;font-weight:800;color:#141414;">4点のプリント。各40部。</h1>
<p class="d-mute" style="margin:0 0 22px 0;font-size:16px;line-height:26px;color:#555555;">この発売のプリントはすべて手刷りで番号入り、なくなればそれきりです。ここでは何も増刷しません。</p>
</td></tr>
<tr><td class="gutter" style="padding:0 40px 26px 40px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;">
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">発売を見る</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
<tr><td class="gutter" style="padding:0 32px 8px 32px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td class="stack" width="50%" valign="top" style="width:50%;padding:0 8px 16px 8px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-tile" style="background-color:#faf9f7;border-radius:4px;">
<tr><td style="padding:0;"><img src="/_astro/shop-print-1.B7Z7OyM8.png" width="272" height="272" alt="Harbour、錆色の抽象プリント" class="thumb" style="width:100%;height:auto;border-radius:4px 4px 0 0;"></td></tr>
<tr><td style="padding:16px 16px 18px 16px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:16px;line-height:22px;font-weight:700;color:#141414;">Harbour</p>
<p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:20px;color:#6b6b6b;">50 × 70 cm · コットンラグ紙にジクレー</p>
<p style="margin:0 0 14px 0;font-size:18px;line-height:24px;font-weight:700;color:#b8442d;">£85</p>
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">カートに入れる</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</td>
<td class="stack" width="50%" valign="top" style="width:50%;padding:0 8px 16px 8px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-tile" style="background-color:#faf9f7;border-radius:4px;">
<tr><td style="padding:0;"><img src="/_astro/shop-print-2.CMBKLJ38.png" width="272" height="272" alt="Dusk、琥珀色の抽象プリント" class="thumb" style="width:100%;height:auto;border-radius:4px 4px 0 0;"></td></tr>
<tr><td style="padding:16px 16px 18px 16px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:16px;line-height:22px;font-weight:700;color:#141414;">Dusk</p>
<p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:20px;color:#6b6b6b;">50 × 70 cm · コットンラグ紙にジクレー</p>
<p style="margin:0 0 14px 0;font-size:18px;line-height:24px;font-weight:700;color:#b8442d;">£85</p>
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">カートに入れる</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</td>
</tr>
<tr>
<td class="stack" width="50%" valign="top" style="width:50%;padding:0 8px 16px 8px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-tile" style="background-color:#faf9f7;border-radius:4px;">
<tr><td style="padding:0;"><img src="/_astro/shop-print-3.C9XLoBz6.png" width="272" height="272" alt="Tide、菫色の抽象プリント" class="thumb" style="width:100%;height:auto;border-radius:4px 4px 0 0;"></td></tr>
<tr><td style="padding:16px 16px 18px 16px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:16px;line-height:22px;font-weight:700;color:#141414;">Tide</p>
<p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:20px;color:#6b6b6b;">40 × 50 cm · コットンラグ紙にジクレー</p>
<p style="margin:0 0 14px 0;font-size:18px;line-height:24px;font-weight:700;color:#b8442d;">£65</p>
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">カートに入れる</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</td>
<td class="stack" width="50%" valign="top" style="width:50%;padding:0 8px 16px 8px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-tile" style="background-color:#faf9f7;border-radius:4px;">
<tr><td style="padding:0;"><img src="/_astro/shop-print-4.jL_6WDwF.png" width="272" height="272" alt="Quarry、深緑の抽象プリント" class="thumb" style="width:100%;height:auto;border-radius:4px 4px 0 0;"></td></tr>
<tr><td style="padding:16px 16px 18px 16px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:16px;line-height:22px;font-weight:700;color:#141414;">Quarry</p>
<p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:20px;color:#6b6b6b;">40 × 50 cm · コットンラグ紙にジクレー</p>
<p style="margin:0 0 14px 0;font-size:18px;line-height:24px;font-weight:700;color:#b8442d;">£65</p>
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">カートに入れる</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:6px 40px 30px 40px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-tile" style="background:#faf9f7;border-radius:4px;">
<tr><td style="padding:16px 20px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;">
<p class="d-ink" style="margin:0;font-size:15px;line-height:24px;color:#242424;"><strong>英国内は75ポンド以上で送料無料。</strong> 額装はご購入手続きで選べます。額装なしは30日以内なら返品可能。</p>
</td></tr>
</table>
</td></tr>
<tr><td class="gutter d-rule" style="padding:0 40px;border-top:1px solid #ebe7e2;"></td></tr>
<tr><td class="gutter" style="padding:20px 40px 30px 40px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;">
<p class="d-mute" style="margin:0;font-size:13px;line-height:20px;color:#8a8a8a;">Northlight Print Co., Unit 4 Wharf Road, Leeds LS10 1JQ<br>
<a href="https://example.com" class="d-mute" style="color:#8a8a8a;">配信停止</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">ブラウザーで表示</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> ご覧のテーマに追随します。もう一方を見るにはヘッダーで切り替えてください。
The Brief のHTMLを読む
<!DOCTYPE html>
<html lang="jp" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>The Brief</title>
<style>
body { margin:0; padding:0; width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
img { border:0; outline:none; line-height:100%; -ms-interpolation-mode:bicubic; display:block; }
a { text-decoration:underline; }
@media only screen and (max-width:620px) {
.wrap { width:100% !important; }
.stack { display:block !important; width:100% !important; max-width:100% !important; }
.gutter { padding-left:20px !important; padding-right:20px !important; }
.cta { display:block !important; width:100% !important; box-sizing:border-box !important; text-align:center !important; }
.h1 { font-size:26px !important; line-height:32px !important; }
.thumb { width:100% !important; height:auto !important; max-width:100% !important; }
/* A digest row is the one two-column layout that should NOT stack: the
thumbnail shrinks and stays beside the headline, because a roundup is
read by scanning and a full-width decorative image per story destroys
that. */
.row-thumb { width:80px !important; }
.row-thumb img { width:80px !important; height:80px !important; }
.hide-sm { display:none !important; }
}
@media (prefers-color-scheme: dark) {
.d-bg { background-color:#121212 !important; }
.d-card { background-color:#1a1a1a !important; }
.d-ink { color:#f2f2f2 !important; }
.d-mute { color:#a6a6a6 !important; }
.d-rule { border-color:#333333 !important; }
.d-tile { background-color:#232323 !important; }
.d-track { background-color:#2c2c2c !important; }
}
</style>
</head>
<body class="d-bg" style="margin:0;padding:0;background-color:#f1f0f4;">
<span style="display:none;font-size:1px;color:#fefefe;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">返信率が4ポイント上がりましたが、理由はまだ分かりません。現時点の推測を中に書きました。</span><span style="display:none;font-size:1px;color:#fefefe;"> ͏ ͏ ͏ ͏ ͏</span>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-bg" style="background-color:#f1f0f4;">
<tr><td align="center" style="padding:26px 12px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" class="wrap d-card" style="width:600px;max-width:600px;background-color:#ffffff;border-radius:6px;">
<tr><td style="padding:0;background:#141414;border-radius:6px 6px 0 0;">
<img src="/_astro/brief-band.CsaAK-Uv.png" width="600" height="150" alt="Ledger Weekly のヘッダー:ほぼ黒の地に菫色の弧" style="width:100%;height:auto;max-width:600px;border-radius:6px 6px 0 0;">
</td></tr>
<tr><td class="gutter" style="padding:26px 32px 18px 32px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;">
<p style="margin:0 0 4px 0;font-size:12px;line-height:16px;color:#8f83ff;">Ledger Weekly · 第35週</p>
<h1 class="h1 d-ink" style="margin:0;font-size:26px;line-height:34px;font-weight:800;color:#141414;">返信率は動いたのに、誰も何もリリースしていない</h1>
</td></tr>
<tr><td class="gutter" style="padding:0 26px 8px 26px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr>
<td class="stack" width="33.33%" valign="top" style="width:33.33%;padding:0 6px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-tile" style="background:#f6f5f8;border-radius:4px;">
<tr><td style="padding:18px 16px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:30px;line-height:36px;font-weight:800;color:#141414;">31.4%</p>
<p class="d-mute" style="margin:0 0 6px 0;font-size:13px;line-height:18px;color:#6b6b6b;">開封率</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#007d6a;">▲ 1.2ポイント</p>
</td></tr>
</table>
</td>
<td class="stack" width="33.33%" valign="top" style="width:33.33%;padding:0 6px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-tile" style="background:#f6f5f8;border-radius:4px;">
<tr><td style="padding:18px 16px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:30px;line-height:36px;font-weight:800;color:#141414;">8.9%</p>
<p class="d-mute" style="margin:0 0 6px 0;font-size:13px;line-height:18px;color:#6b6b6b;">クリック率</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#b8442d;">▼ 0.4ポイント</p>
</td></tr>
</table>
</td>
<td class="stack" width="33.33%" valign="top" style="width:33.33%;padding:0 6px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-tile" style="background:#f6f5f8;border-radius:4px;">
<tr><td style="padding:18px 16px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:30px;line-height:36px;font-weight:800;color:#141414;">6.1%</p>
<p class="d-mute" style="margin:0 0 6px 0;font-size:13px;line-height:18px;color:#6b6b6b;">返信率</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#007d6a;">▲ 4.0ポイント</p>
</td></tr>
</table>
</td>
</tr></table>
</td></tr>
<tr><td class="gutter" style="padding:20px 32px 0 32px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;">
<p class="d-ink" style="margin:0 0 18px 0;font-size:16px;line-height:26px;color:#242424;">送信側は何も変えていません。同じリスト、同じ木曜日、同じテンプレート。見つかった唯一の変数は、件名が11号ぶりに疑問文になったことです。</p>
<p class="d-mute" style="margin:0 0 10px 0;font-size:12px;line-height:16px;color:#6b6b6b;">セグメント別の返信</p>
</td></tr>
<tr><td class="gutter" style="padding:0 32px 22px 32px;">
<table role="presentation" class="chart" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="150" valign="middle" class="d-ink" style="width:150px;padding:7px 0;padding-right:12px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;font-size:15px;line-height:20px;color:#242424;">有料購読者</td>
<td valign="middle" style="padding:7px 0;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-track" style="background:#ebe9f2;border-radius:2px;">
<tr><td width="100%" style="width:100%;background:#8f83ff;border-radius:2px;font-size:0;line-height:0;height:18px;"> </td><td style="font-size:0;line-height:0;"> </td></tr>
</table>
</td>
<td width="64" align="right" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-left:12px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;font-size:14px;line-height:20px;font-weight:700;color:#555555;">11.2%</td>
</tr>
<tr>
<td width="150" valign="middle" class="d-ink" style="width:150px;padding:7px 0;padding-right:12px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;font-size:15px;line-height:20px;color:#242424;">無料・90日以内に活動</td>
<td valign="middle" style="padding:7px 0;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-track" style="background:#ebe9f2;border-radius:2px;">
<tr><td width="57%" style="width:57%;background:#8f83ff;border-radius:2px;font-size:0;line-height:0;height:18px;"> </td><td style="font-size:0;line-height:0;"> </td></tr>
</table>
</td>
<td width="64" align="right" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-left:12px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;font-size:14px;line-height:20px;font-weight:700;color:#555555;">6.4%</td>
</tr>
<tr>
<td width="150" valign="middle" class="d-ink" style="width:150px;padding:7px 0;padding-right:12px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;font-size:15px;line-height:20px;color:#242424;">無料・休眠</td>
<td valign="middle" style="padding:7px 0;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-track" style="background:#ebe9f2;border-radius:2px;">
<tr><td width="16%" style="width:16%;background:#8f83ff;border-radius:2px;font-size:0;line-height:0;height:18px;"> </td><td style="font-size:0;line-height:0;"> </td></tr>
</table>
</td>
<td width="64" align="right" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-left:12px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;font-size:14px;line-height:20px;font-weight:700;color:#555555;">1.8%</td>
</tr>
<tr>
<td width="150" valign="middle" class="d-ink" style="width:150px;padding:7px 0;padding-right:12px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;font-size:15px;line-height:20px;color:#242424;">トライアル</td>
<td valign="middle" style="padding:7px 0;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-track" style="background:#ebe9f2;border-radius:2px;">
<tr><td width="44%" style="width:44%;background:#8f83ff;border-radius:2px;font-size:0;line-height:0;height:18px;"> </td><td style="font-size:0;line-height:0;"> </td></tr>
</table>
</td>
<td width="64" align="right" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-left:12px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;font-size:14px;line-height:20px;font-weight:700;color:#555555;">4.9%</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 32px 28px 32px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;">
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#141414" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#141414;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">詳細な分析を読む</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
<tr><td class="gutter d-rule" style="padding:0 32px;border-top:1px solid #e9e7ee;"></td></tr>
<tr><td class="gutter" style="padding:20px 32px 28px 32px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;">
<p class="d-mute" style="margin:0;font-size:13px;line-height:20px;color:#8a8a8a;">Ledger Weekly, 2 Cathedral Square, Edinburgh EH1 2QN<br>
<a href="https://example.com" class="d-mute" style="color:#8a8a8a;">配信停止</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">ブラウザーで表示</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> 必要なメールテンプレートの種類
具体的なテンプレートに入る前に、カテゴリーを理解しましょう。
| テンプレートタイプ | 目的 | 典型的な頻度 |
|---|---|---|
| ウェルカム | 新規購読者のオンボーディング | 購読者ごとに 1 回 |
| ニュースレター | 定期的なコンテンツの更新 | 週次/月次 |
| プロモーション | セールとオファー | 必要に応じて |
| トランザクション | 注文/アカウントの更新 | イベントトリガー |
| リエンゲージメント | 非アクティブなユーザーを取り戻す | 四半期ごと |
| アナウンスメント | ニュースとローンチ | 必要に応じて |
ウェルカムメールテンプレート(5 テンプレート)
ウェルカムメールは購読者との関係のトーンを設定します。通常のメールより 4 倍高い開封率があります。
テンプレート 1:シンプルなウェルカム
最適な用途: ミニマリストブランド、B2B 企業
件名:[Brand] へようこそ
---
[LOGO]
[Name] 様
ようこそ。
あなたは、[value proposition]を求めて私たちを信頼してくださる [X,XXX] 人の [customers/readers/members] の仲間入りをしました。
これからお届けする内容です。
・毎週 [day] に [content type] をお届け・[benefit] への優先アクセス・[offers/content] への先行案内
まずは人気の高い [content/products] をご覧ください。
[CTAボタン:今すぐ見る]
ご不明な点がございましたら、このメールに返信するだけで結構です。
それでは、[Brand] チームデザインのポイント:
- シングルカラムレイアウト
- ロゴを目立つ位置に配置
- スキャンしやすい箇条書き
- 明確な CTA を 1 つ
テンプレート 2:ディスカウントウェルカム
最適な用途: EC、DTC ブランド
件名:ようこそ。15%オフのコードをお届けします
---
[ヒーロー画像 - ライフスタイル/商品]
[Brand] へようこそ、[Name] 様。
コミュニティにご参加いただいたお礼に、初回注文が15%オフになるコードをご用意しました。
╔═══════════════════════════════╗║ コード:WELCOME15 ║╚═══════════════════════════════╝
[CTAボタン:今すぐ購入]
このコードの有効期限は7日間です。
ご不明な点がございましたら、お気軽にお問い合わせください。[Contact Email] | [Phone]
[ソーシャルアイコン]デザインのポイント:
- 印象的なヒーロー画像
- 目立つ割引コードボックス
- 明確な有効期限で緊急性を演出
- 複数の連絡先オプション
テンプレート 3:マルチパートウェルカム
最適な用途: サブスクリプションサービス、教育プラットフォーム
件名:ようこそ。まずはこちらをご確認ください
---
[Name] 様
[Brand] へようこそ。こちらがクイックスタートガイドです。
┌─────────────────────────────────┐│ 📖 はじめに ││ ││ 1. プロフィールを完成させる ││ 2. 設定を行う ││ 3. [key feature] を試す ││ ││ [セットアップを始める] │└─────────────────────────────────┘
┌─────────────────────────────────┐│ 🎁 ウェルカムギフト ││ ││ コード NEWBIE20 で初回の ││ [purchase/month] が20%オフ ││ ││ [ギフトを受け取る] │└─────────────────────────────────┘
┌─────────────────────────────────┐│ 💬 お困りですか? ││ ││ サポートチームがチャット、メール、 ││ お電話で24時間対応しています ││ ││ [サポートに問い合わせる] │└─────────────────────────────────┘
これからどうぞよろしくお願いいたします。
[Brand] チームデザインのポイント:
- カードベースのレイアウト
- アイコンによる視覚的な階層
- さまざまな目標に対応する複数の CTA
- 包括的なオンボーディング
テンプレート 4:ファウンダーウェルカム
最適な用途: スモールブランド、スタートアップ
件名:創業者からの個人的なメッセージ
---
[創業者の写真 - カジュアル/自然な雰囲気]
[Name] 様
[創業者名] と申します。私から直接[Brand] へようこそとお伝えしたく、このメールを書いています。
[X] 年前にこの会社を立ち上げたのは、[brief origin story] という理由からでした。
これまでに [achievement] を実現してきましたが、私たちのミッションは変わりません。[core mission] です。
新しく仲間になってくださった皆様には、以下をお届けします。
✓ [メリット1]✓ [メリット2]✓ [メリット3]
こうしたメールへの返信はすべて目を通していますので、ご質問やアイデア、ちょっとしたご挨拶でも、お気軽にご連絡ください。
まずは15%オフのコードをどうぞ:FOUNDER15
[CTAボタン:ショッピングを始める]
感謝を込めて、
[創業者の署名][創業者名]創業者 兼 CEO
追伸:私たちの歩みはこちらから:@[handle]デザインのポイント:
- パーソナルで誠実なトーン
- 創業者の写真で信頼を構築
- 署名で人間的なタッチを追加
- P.S. でリードが高い部分を活用
テンプレート 5:インタラクティブウェルカム
最適な用途: 多様な商品ラインを持つブランド
件名:あなたに合った体験のために教えてください
---
[Brand] へようこそ、[Name] 様。
メールをお送りする前に、内容がお役に立つものになるよう確認させてください。
最も興味があるのはどれですか。
[ ] 新着商品[ ] セール・プロモーション[ ] 使い方・ヒント[ ] 業界ニュース[ ] すべて
[設定を保存]
ご希望を教えていただくことで、本当に役立つ情報だけをお届けできます。
ご協力ありがとうございます。
[Brand] チーム
追伸:設定はいつでも変更できます。各メール内の「設定」をクリックしてください。デザインのポイント:
- インタラクティブな好みの選択
- 購読者にコントロールを渡す
- より良いセグメンテーションを可能にする
- 将来の登録解除を減らす
ニュースレターメールテンプレート(8 テンプレート)
ニュースレターは購入と購入の間にオーディエンスとのエンゲージメントを維持します。あらゆるニュースレター形式のテンプレートをご紹介します。
テンプレート 6:クラシックニュースレター
最適な用途: 定期的なコンテンツのまとめ、週次ダイジェスト
件名:[Brand] ウィークリー:[主なトピック]
---
[LOGO]
[BRAND] ウィークリー[日付]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
注目のストーリー
[ヒーロー画像]
[見出し]
[主要ストーリーの2〜3文の要約]
[続きを読む]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
今週のその他のニュース
[サムネイル] [ストーリー2のタイトル]概要...[読む →]
[サムネイル] [ストーリー3のタイトル]概要...[読む →]
[サムネイル] [ストーリー4のタイトル]概要...[読む →]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
クイックリンク
・[リンク1]・[リンク2]・[リンク3]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[ソーシャルアイコン]
[配信停止] | [設定] | [ブラウザで見る]デザインのポイント:
- 明確な視覚的階層
- フィーチャーストーリーの目立たせ
- スキャンしやすいセカンダリストーリー
- クイックリンクセクション
テンプレート 7:キュレーテッドダイジェスト
最適な用途: 業界ニュース、ソートリーダーシップ
件名:今週知っておきたい5つのこと
---
[LOGO]
ウィークリーダイジェスト[日付] | 第[Number]号
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
今週押さえておきたいニュースです。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
1️⃣ [見出し1]
[2〜3文の要約とキーポイント]
💡 重要なポイント:[一言インサイト]
[出典/リンク]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
2️⃣ [見出し2]
[2〜3文の要約とキーポイント]
💡 重要なポイント:[一言インサイト]
[出典/リンク]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
3️⃣ [見出し3]
[要約]
💡 重要なポイント:[インサイト]
[出典/リンク]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
4️⃣ [見出し4]
[要約]
💡 重要なポイント:[インサイト]
[出典/リンク]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
5️⃣ [見出し5]
[要約]
💡 重要なポイント:[インサイト]
[出典/リンク]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
今週は以上です。
一番印象に残ったストーリーを、返信で教えてください。
[署名][編集者名]デザインのポイント:
- 番号付き形式で構造を作る
- 「なぜ重要か」で価値を追加
- パーソナルな締めくくり
- 返信を促進する
テンプレート 8:ビジュアルニュースレター
最適な用途: ファッション、ライフスタイル、クリエイティブブランド
件名:[Season/Month] の新着アイテム
---
[全幅ヒーロー画像]
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[メイン見出し][サブ見出しのテキスト]
[CTAボタン]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[2カラム画像グリッド]
[画像1] [画像2][キャプション] [キャプション][購入する] [購入する]
[画像3] [画像4][キャプション] [キャプション][購入する] [購入する]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トレンド商品
[3カラム商品グリッド]
[商品1] [商品2] [商品3]$XX $XX $XX[購入する] [購入する] [購入する]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[ソーシャルアイコン]
[フッターリンク]デザインのポイント:
- 画像優先のデザイン
- 商品のグリッドレイアウト
- テキストを最小限に
- 強い視覚的階層
テンプレート 9:パーソナルニュースレター
最適な用途: クリエイター、コンサルタント、ソートリーダー
件名:[Personal observation or thought]
---
[Name] 様
[読者の心をつかむ、2〜3文の個人的なエピソードや気づき]
[本題への展開]
---
[メインコンテンツ]
[会話調の本文。通常は1つのトピックについて300〜500語]
[重要な気づきや実践できるポイント]
---
📚 今読んでいる/観ているもの
[書籍/記事のタイトル][1〜2文のおすすめコメント]
🔗 役立つリンク
・[簡単な説明付きのリンク1]・[簡単な説明付きのリンク2]
---
今週は以上です。
ご感想があれば、返信で教えてください。
[署名][Name]
追伸:[個人的な近況や今後のお知らせ]デザインのポイント:
- 会話的で親密なトーン
- 単一トピックに集中
- パーソナルな推薦
- P.S. で重要なアップデートを伝える
テンプレート 10:商品ニュースレター
最適な用途: EC、小売ブランド
件名:気に入っていただける新着商品 + [offer]
---
[LOGO]
[ナビゲーション:ショップ | 新着 | セール | 会社概要]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[ヒーローバナー]新着アイテム[Season/Collection Name]
[今すぐ購入]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
新着入荷
[3カラム商品グリッド]
[商品画像] [商品画像] [商品画像][Name] [Name] [Name]$XX $XX $XX[購入する] [購入する] [購入する]
[商品画像] [商品画像] [商品画像][Name] [Name] [Name]$XX $XX $XX[購入する] [購入する] [購入する]
[新着アイテムをすべて見る]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[プロモーションバナー]$50以上のご注文で送料無料
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
再入荷情報
[2カラムグリッド]
[商品] [商品][Name] [Name]$XX $XX
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[ソーシャルアイコン][フッター]デザインのポイント:
- ナビゲーションがウェブサイトを反映
- 商品中心のレイアウト
- 明確な価格表示
- 再入荷の緊急性
テンプレート 11:教育系ニュースレター
最適な用途: B2B、SaaS、教育コンテンツ
件名:[achieve specific outcome] する方法
---
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[BRAND] インサイダー[audience] のためのヒントとコツと戦略
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
今週のトピック:[Topic]
[課題や機会を提示する導入パラグラフ]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📖 今週のレッスン
[トピックの見出し]
[明確な見出しごとにまとめられた学習コンテンツ]
ステップ1:[アクション]
[説明]
ステップ2:[アクション]
[説明]
ステップ3:[アクション]
[説明]
💡 プロのヒント
[経験者向けの一歩進んだインサイト]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📊 クイック統計
[レッスンを裏付ける関連する統計やデータ]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
🎯 アクションアイテム
今週のタスク:[具体的で実践できる課題]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
また次回。[Name]
[関連リソース]・[関連記事へのリンク]・[ツール/テンプレートへのリンク]・[事例紹介へのリンク]デザインのポイント:
- 学習のための明確な構造
- 番号付きのステップ
- エンゲージメントのためのアクションアイテム
- 関連リソース
テンプレート 12:コミュニティニュースレター
最適な用途: メンバーシップサイト、コミュニティ
件名:コミュニティハイライト | [Month]
---
[LOGO]
[COMMUNITY] ラウンドアップ[Month Year]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
コミュニティで起きていることをお届けします。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
🌟 メンバースポットライト
[メンバーの写真]
[メンバー名] さんをご紹介します。
[2〜3文でその方のストーリーや実績を紹介]
[全文を読む]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
🔥 話題のディスカッション
今月最も活発だったスレッドです。
1. [スレッドタイトル] - 返信[XX]件2. [スレッドタイトル] - 返信[XX]件3. [スレッドタイトル] - 返信[XX]件
[会話に参加する]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📅 今後のイベント
[Date] | [イベント名][簡単な説明][参加登録]
[Date] | [イベント名][簡単な説明][参加登録]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📈 コミュニティ統計
・今月の新規メンバー [X] 人・開始されたディスカッション [X] 件・共有されたリソース [X] 件
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
これからも素敵なコミュニティを一緒に。
[コミュニティチーム]デザインのポイント:
- メンバー中心のコンテンツ
- アクティビティによるソーシャルプルーフ
- イベントプロモーション
- コミュニティの統計
テンプレート 13:アナウンスメントニュースレター
最適な用途: 商品ローンチ、企業ニュース
件名:[Product/Feature Name] のご紹介
---
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[ヒーロー画像/製品写真]
新登場[PRODUCT NAME]
[タグラインまたは価値提案]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
特別なものを準備してきました。本日、それを皆様にお届けできることを嬉しく思います。
[それが何か、なぜ重要かを説明する1〜2段落]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
主な機能
✓ [機能1] [メリットの簡単な説明]
✓ [機能2] [メリットの簡単な説明]
✓ [機能3] [メリットの簡単な説明]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[製品画像/スクリーンショット]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
先行ローンチ特典
早期利用者として、限定アクセスをご用意しました。
[オファー内容 - 割引、先行アクセス、特典]
[今すぐはじめる]
このオファーの有効期限は [Date] です。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ご不明な点はこのメールへの返信、または[FAQページ] をご覧ください。
ぜひお試しください。
[Brand] チームデザインのポイント:
- 明確な商品フォーカス
- 機能のメリットを強調
- ローンチオファーで緊急性を演出
- FAQ で反論処理
プロモーションメールテンプレート(10 テンプレート)
プロモーションメールは収益を促進します。あらゆるプロモーションシナリオのテンプレートをご紹介します。
テンプレート 14:フラッシュセール
最適な用途: 期間限定オファー、在庫整理
件名:⚡ 24時間限定フラッシュセール:全品40%オフ
---
[アニメーション/大胆なヘッダー]
⚡ フラッシュセール ⚡全品40%オフ
終了まで:[カウントダウンタイマー]
[今すぐ購入]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コード入力不要割引はレジで自動的に適用されます
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
イチオシ商品
[商品グリッド - 6点]
[画像] [画像] [画像][Name] [Name] [Name]$XX → $XX $XX → $XX $XX → $XX
[画像] [画像] [画像][Name] [Name] [Name]$XX → $XX $XX → $XX $XX → $XX
[セール商品をすべて見る]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
⏰ このセールは深夜0時に終了します。
[今すぐ購入]デザインのポイント:
- 大胆で緊急感のあるヘッダー
- カウントダウンタイマーで緊急性を高める
- 取り消し線の価格表示
- 複数の CTA
テンプレート 15:シーズンセール
最適な用途: 休日のプロモーション、季節限定セール
件名:[Season] セール:最大50%オフ、本日スタート
---
[季節のヒーロー画像]
[SEASON] セール最大50%オフ
[今すぐ購入]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カテゴリーから探す
[カテゴリーバナー - 3列]
[画像] [画像] [画像][カテゴリー1] [カテゴリー2] [カテゴリー3]最大40%オフ 最大50%オフ 最大30%オフ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
セール中のベストセラー
[商品グリッド]
[画像] [画像] [画像] [画像][Name] [Name] [Name] [Name]$XX $XX $XX $XX-30% -40% -25% -50%
[すべてのセールを見る]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
送料無料$75以上のご注文で
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
セール終了:[Date]
[今すぐ購入]デザインのポイント:
- 季節感のある画像
- カテゴリー別の整理
- 節約率を強調
- 送料無料のしきい値
テンプレート 16:限定オファー
最適な用途: VIP 顧客、ロイヤルティ会員
件名:[Name] 様、先行アクセス権を獲得しました
---
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[VIP/限定バッジ]
先行アクセスあなただけの特典
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
いつも大切にご利用いただいているお客様として、年に一度の大型セールに一足早くアクセスいただけます。
一般公開日の [Date] より前に、ぜひお買い物をお楽しみください。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
あなただけの限定オファー
全品30%オフ+ 送料無料
コード:VIP30
[先行アクセスで購入]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[おすすめ商品]
ご購入履歴に基づくおすすめです。
[画像] [画像] [画像][Name] [Name] [Name]$XX $XX $XX
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
この先行アクセスは48時間で終了します。
いつもご愛顧いただきありがとうございます。
[Brand] チームデザインのポイント:
- VIP ポジショニング
- パーソナライズされた推薦商品
- 限定コード
- アクセスの時間制限
テンプレート 17:新商品ローンチ
最適な用途: 商品紹介、コレクションのドロップ
件名:登場:[Product Name]
---
[製品のヒーロー画像]
新発売
[PRODUCT NAME]
[短いタグライン]
[今すぐ購入]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[製品の説明と、お客様に選ばれる理由を2〜3文で]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
選ばれる理由
✓ [メリット1]✓ [メリット2]✓ [メリット3]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[製品ギャラリー - 3〜4枚の画像]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ローンチ特別オファー
48時間以内のご注文で[特典/割引/送料無料] をプレゼント
[予約注文する]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[必要に応じてFAQやサイズ情報]デザインのポイント:
- 商品中心の画像
- 明確なメリット
- ローンチ特典
- 補足情報
テンプレート 18:バンドルオファー
最適な用途: アップセル、AOV の向上
件名:バンドル購入で25%オフ
---
[バンドル画像]
一緒だからもっとお得
バンドルを作って25%オフ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お好きな商品を自由に組み合わせましょう。
[ステップ1 - ベース商品を選ぶ]
[商品A] [商品B] [商品C][選択する] [選択する] [選択する]
[ステップ2 - 追加商品を選ぶ]
[追加商品1] [追加商品2] [追加商品3]$XX $XX $XX
[ステップ3 - バンドルを完成させる]
バンドル内容:[X] 点通常価格:$XXXバンドル価格:$XXX($XX お得)
[バンドルを作成する]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
人気のバンドル
[おすすめバンドル1]$XXX(25%オフ)[購入する]
[おすすめバンドル2]$XXX(25%オフ)[購入する]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ご不明な点は [チャットでお問い合わせ]デザインのポイント:
- ステップバイステップのバンドルビルダー
- 明確な節約額の表示
- 便利な既製オプション
- インタラクティブな感覚
テンプレート 19:送料無料オファー
最適な用途: しきい値プロモーション、コンバージョン促進
件名:今週末限定、送料無料
---
[配送をテーマにしたヘッダー]
送料無料全商品対象
今週末限定:[Date] 〜 [Date]
[今すぐ購入]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
最低購入金額なし。コード入力も不要です。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
人気カテゴリーから探す
[画像付きカテゴリーグリッド]
[カテゴリー1] [カテゴリー2][購入する] [購入する]
[カテゴリー3] [カテゴリー4][購入する] [購入する]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お客様に人気の商品
[商品グリッド]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
⏰ 送料無料は日曜深夜0時まで
[今すぐ購入]デザインのポイント:
- 明確なオファーの説明
- 制限なしを強調
- カテゴリー別ショッピングオプション
- 締め切りのリマインダー
テンプレート 20:クリアランスセール
最適な用途: 在庫整理、シーズン末
件名:最終クリアランス:セール品がさらに40%オフ
---
[クリアランスバナー]
最終クリアランスセール品がさらに40%オフ
表示価格からコード EXTRA40 でさらに割引
[クリアランスを見る]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
⚠️ 数量限定なくなり次第終了です。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
大幅値下げアイテム
[通常価格とセール価格を比較した商品グリッド]
[画像] [画像] [画像][Name] [Name] [Name]$XXX → $XX $XXX → $XX $XXX → $XX-70% -65% -60%
[画像] [画像] [画像][Name] [Name] [Name]$XXX → $XX $XXX → $XX $XXX → $XX-75% -80% -55%
[クリアランス商品をすべて見る]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
すべて最終セール品ですクリアランス商品の返品はお受けできません
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[今すぐ購入]デザインのポイント:
- 希少性のメッセージ
- 大幅な値下げ表示
- 明確な条件(最終セール)
- 全体を通じた緊急性
テンプレート 21:BOGO オファー
最適な用途: 1 つ買うと 1 つ無料プロモーション
件名:1つ購入でもう1つ無料
---
[BOGOヒーロー画像]
1つ購入するともう1つ無料
[今すぐ購入]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カートに商品を2点追加すると、価格の低い方が無料になります。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
おすすめの組み合わせ
[おすすめのペア]
[商品A + 商品B][A] を $XX で購入すると [B] が無料[このペアを購入]
[商品C + 商品D][C] を $XX で購入すると [D] が無料[このペアを購入]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カテゴリーから探す
[カテゴリーボタン]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
オファー終了日:[Date]
利用条件:無料になる商品は同額またはそれ以下の価格に限ります。他のオファーとの併用はできません。
[ショッピングを始める]デザインのポイント:
- シンプルで明確なオファー
- おすすめのペア商品
- 明確な条件の記載
- カテゴリーナビゲーション
テンプレート 22:ロイヤルティポイントリマインダー
最適な用途: リワードプログラム、ロイヤルティのエンゲージメント
件名:[Name] 様、[X] ポイントをご利用いただけます
---
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
ポイントが貯まっています。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
╔═══════════════════════════════════╗║ ║║ ご利用可能ポイント:[X,XXX] ポイント ║║ 相当額:$XX ║║ ║╚═══════════════════════════════════╝
[今すぐ交換する]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ポイントでできること
[X] ポイント = $XX オフ[X] ポイント = [product] が無料[X] ポイント = 1年間送料無料
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ポイントを貯める方法
・お買い物:$1につき10ポイント・レビュー投稿:50ポイント・友達紹介:500ポイント・お誕生日:ボーナス200ポイント
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[特典を見る]デザインのポイント:
- ポイント残高を目立つ場所に表示
- ドル価値を表示
- 交換オプション
- さらに稼ぐ方法
テンプレート 23:紹介オファー
最適な用途: 顧客獲得、アドボカシープログラム
件名:$20プレゼント、あなたも$20獲得
---
[紹介プログラムの画像]
紹介で$20、獲得も$20
お友達にシェアすればお二人ともお得です。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ご利用方法
1️⃣ あなた専用のリンクをシェア2️⃣ お友達は初回注文が$20オフ3️⃣ お友達が購入すると、あなたに$20進呈
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
あなた専用のリンク:
╔═══════════════════════════════════╗║ [紹介専用URL] ║╚═══════════════════════════════════╝
[リンクをコピー] [メールでシェア]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[SNSでシェアする]
[Facebook] [Twitter] [WhatsApp]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
あなたの紹介実績
紹介した友達の数:[X] 人これまでの獲得額:$[XX]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
紹介人数に上限はありません。シェアすればするほど獲得できます。
[利用規約の全文を見る]デザインのポイント:
- 明確な価値提案
- 簡単なシェアオプション
- 紹介のトラッキング表示
- 無制限の報酬
トランザクションメールテンプレート(12 テンプレート)
トランザクションメールは最も高い開封率を持っています。しっかり活用しましょう。
テンプレート 24:注文確認
最適な用途: 購入確認
件名:ご注文が確定しました! #[注文番号]
---
[LOGO]
✓ ご注文確定
ご注文ありがとうございます、[Name] 様。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
注文番号 #[注文番号]注文日:[Date]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ご注文内容
[商品画像] [Product Name] 数量:[X] $[XX.XX]
[商品画像] [Product Name] 数量:[X] $[XX.XX]
━━━━━━━━━━━━━━━━小計: $[XX.XX]送料: $[XX.XX]消費税: $[XX.XX]━━━━━━━━━━━━━━━━合計: $[XX.XX]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お届け先:
[お名前][住所1][住所2][市区町村、都道府県、郵便番号]
お届け予定日:[Date Range]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[注文を追跡] [注文内容を見る]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ご不明な点は [email] へお問い合わせいただくか、[phone number] までお電話ください。
いつもご利用いただきありがとうございます。
[Brand] チームデザインのポイント:
- 確認チェックマーク
- 完全な注文詳細
- 配送情報
- 追跡とサポートのリンク
テンプレート 25:発送確認
最適な用途: 発送通知
件名:ご注文の商品が発送されました 📦
---
[LOGO]
📦 発送完了のお知らせ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
ご注文の商品を発送いたしました。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
配送情報
配送業者:[配送業者名]追跡番号:[番号]
お届け予定日:[Date]
[荷物を追跡]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お届けする商品
[商品画像] [Product Name] x [数量][商品画像] [Product Name] x [数量]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お届け先:
[配送先のご住所]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お届け内容の変更をご希望の場合は、[配送業者のウェブサイト] から配送設定を更新してください。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
商品のお届けを楽しみにお待ちください。
[Brand] チームデザインのポイント:
- 目立つ追跡ボタン
- 配送日を強調
- 荷物の中身を一覧表示
- 配送業者の案内
テンプレート 26:配送完了確認
最適な用途: 配送後のエンゲージメント
件名:ご注文の商品をお届けしました
---
[LOGO]
✓ 配達完了
ご注文の商品が届きました。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
荷物は [Date] [Time] にお届けいたしました。
注文番号 #[番号]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[注文商品の画像]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
商品が届いていない場合
お手数ですが、以下をご確認ください。
・ご近所への配達・安全な受け取り場所(玄関先、メールルームなど)・建物の管理人
それでも見つからない場合は [お問い合わせ]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ご感想をお聞かせください
ご利用いただいた感想はいかがでしたか。
⭐⭐⭐⭐⭐
[レビューを書く]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ご利用いただきありがとうございます。
[Brand] チームデザインのポイント:
- 配送確認
- 問題解決オプション
- レビューリクエスト
- 商品画像のリマインダー
テンプレート 27:レビューリクエスト
最適な用途: フィードバック収集、UGC
件名:ご購入の [Product Name] はいかがですか
---
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
[Product Name] がお手元に届いてから[X] 日が経ちました。
ぜひご感想をお聞かせください。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[商品画像]
[商品] の評価はいかがですか。
⭐⭐⭐⭐⭐
[レビューを書く]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
いただいたレビューは、他のお客様の参考になるだけでなく、私たちの商品づくりの改善にも役立ちます。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
写真をシェアしてください
ご購入いただいた商品の写真はありますか。シェアしていただくと、公式SNSでご紹介させていただくことがあります。
[写真をシェアする]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
いつもご利用いただきありがとうございます。
[Brand] チーム
追伸:レビューを投稿すると次回注文が10%オフになります。デザインのポイント:
- 商品固有のコンテンツ
- 星評価のビジュアル
- UGC の機会
- レビューへの特典
テンプレート 28:アカウント作成
最適な用途: 新規アカウントのウェルカム
件名:アカウントの準備が整いました
---
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✓ アカウント作成完了
ようこそ、[Name] 様。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
アカウントの設定が完了し、すぐにご利用いただけます。
メールアドレス:[[email protected]]
[アカウントにログイン]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
今すぐできること
📦 注文をリアルタイムで追跡💾 気になる商品をウィッシュリストに保存📍 複数のお届け先住所を登録🎁 ポイントを貯めて交換⚡ 支払い情報を保存してスピーディーに決済
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
プロフィールを完成させましょう
いくつかの項目を入力すると、より快適にご利用いただけます。
[プロフィールを完成させる]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お困りのことはありますか
[ヘルプセンター] をご覧いただくか、このメールにご返信ください。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お買い物をお楽しみください。
[Brand] チームデザインのポイント:
- アカウント詳細の確認
- アカウントのメリット
- プロフィール完成のCTA
- ヘルプリソース
テンプレート 29:パスワードリセット
最適な用途: セキュリティ、アカウント回復
件名:パスワードの再設定
---
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
パスワード再設定のリクエスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
パスワードの再設定リクエストを受け付けました。
以下のボタンから新しいパスワードを設定してください。
[パスワードを再設定]
このリンクの有効期限は1時間です。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
心当たりがない場合
パスワードの再設定をリクエストしていない場合は、このメールを破棄してください。パスワードは変更されません。
セキュリティのため、以下をおすすめします。・サイトごとに異なるパスワードを使用する・二段階認証を有効にする・パスワードを他人と共有しない
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
アカウントのセキュリティにご不安な点がございましたら、[security email] まで至急ご連絡ください。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Brand] セキュリティチームデザインのポイント:
- 明確なリセットボタン
- 有効期限の通知
- セキュリティの安心感
- セキュリティのヒント
テンプレート 30:サブスクリプション確認
最適な用途: サブスクリプションサービス、メンバーシップ
件名:サブスクリプションが確定しました
---
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✓ サブスクリプション確定
[Plan Name] へようこそ。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
サブスクリプションが有効になりました。以下の内容をご確認ください。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サブスクリプション詳細
プラン:[Plan Name]料金:$[XX]/[月額/年額]開始日:[Date]次回請求日:[Date]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ご利用いただける内容
✓ [機能1]✓ [機能2]✓ [機能3]✓ [機能4]
[はじめる]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サブスクリプションの管理
支払い情報の更新、プランの変更、解約はいつでもアカウントから行えます。
[サブスクリプションを管理]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ご不明な点は [support email] までお問い合わせください
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ご登録ありがとうございます。
[Brand] チームデザインのポイント:
- サブスクリプション詳細を明確に
- 機能のリマインダー
- 管理オプション
- 次回請求日
テンプレート 31:支払い失敗
最適な用途: 請求の問題、サブスクリプション回復
件名:至急ご対応ください:お支払いに失敗しました
---
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
⚠️ 支払い失敗
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
[Plan/Order] のお支払いを処理できませんでした。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お支払い詳細
金額:$[XX.XX]実行日:[Date]理由:[カード拒否/残高不足など]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
次に行うこと
サービスの中断を防ぐため、お支払い方法を更新してください。
[支払い方法を更新]
情報を更新いただき次第、自動的に決済を再試行いたします。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
よくある解決方法
・カードの有効期限を確認する・請求先住所がカード情報と一致しているか確認する・残高が十分にあるか確認する・別の支払い方法を試す
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お困りの場合は、このメールに返信するか[support email] までご連絡ください。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Brand] 請求チームデザインのポイント:
- 明確な問題の説明
- 具体的な失敗理由
- 簡単な解決策
- トラブルシューティングのヒント
テンプレート 32:返金確認
最適な用途: 返金処理
件名:返金処理が完了しました
---
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✓ 返金処理完了
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
返金処理が完了しました。詳細は以下のとおりです。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
返金詳細
注文番号:[番号]返金額:$[XX.XX]返金方法:[ご利用のお支払い方法]処理日:[Date]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
反映までの目安
・クレジットカード:5〜10営業日・デビットカード:5〜10営業日・PayPal:3〜5営業日・ストアクレジット:即時
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
返金対象商品
[商品画像] [Product Name] $[XX.XX]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ご期待に沿えず申し訳ございませんでした。ぴったりの商品選びをお手伝いさせてください。
[もう一度購入する]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ご不明な点は [support email] までお問い合わせください
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Brand] チームデザインのポイント:
- 明確な返金確認
- タイムラインの期待値
- アイテムの一覧
- 再エンゲージメントの機会
テンプレート 33:カート放棄
最適な用途: 放棄カートの回復
件名:お忘れ物はありませんか
---
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カートが待っています
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
カートに商品が残っているようです。まだ購入をお待ちしています。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
あなたのカート
[商品画像] [Product Name] サイズ:[X] 数量:[X] $[XX.XX]
[商品画像] [Product Name] 数量:[X] $[XX.XX]
━━━━━━━━━━━━━━━━小計:$[XX.XX]━━━━━━━━━━━━━━━━
[注文を完了する]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✓ $50以上のご注文で送料無料✓ 30日間の返品も簡単✓ 安全な決済
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お困りの場合は、このメールに返信するか、[website] からチャットでお問い合わせください。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Brand] チームデザインのポイント:
- カートの内容を表示
- シンプルなCTA
- トラストシグナル
- サポートオプション
テンプレート 34:再入荷
最適な用途: 在庫アラート、ウェイトリスト通知
件名:[Product Name] が再入荷しました
---
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
再入荷しました
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
お待たせしました。[Product Name] が再入荷しました。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[大きな商品画像]
[PRODUCT NAME]$[XX.XX]
⚠️ 数量限定です
[今すぐ購入]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
前回はすぐに完売した商品です。お早めにどうぞ。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お客様のレビュー
⭐⭐⭐⭐⭐「[レビューの引用]」、[お客様のお名前]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[今すぐ購入]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Brand] チームデザインのポイント:
- 緊急性のメッセージ
- 大きな商品画像
- ソーシャルプルーフ
- 数量限定の警告
テンプレート 35:値下げアラート
最適な用途: ウィッシュリストアイテム、ブラウズ放棄
件名:値下げしました![Product] が $[XX] に
---
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
値下げのお知らせ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
嬉しいお知らせです。気になっていた商品がセールになりました。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[商品画像]
[PRODUCT NAME]
通常価格:$[XXX]セール価格:$[XX]
お得額:$[XX]([X]%オフ)
[今すぐ購入]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
セール価格は期間限定です。お見逃しなく。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
他のセール商品
[商品1] - [X]%オフ[商品2] - [X]%オフ[商品3] - [X]%オフ
[セール商品をすべて見る]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Brand] チームデザインのポイント:
- 明確な節約額の表示
- 元の価格に取り消し線
- 関連セールアイテム
- 期間限定の緊急性
リエンゲージメントメールテンプレート(5 テンプレート)
これらのテンプレートで非アクティブな購読者を取り戻しましょう。
テンプレート 36:「会いたかった」メール
最適な用途: 初期のリエンゲージメント(30〜60 日非アクティブ)
件名:[Name] 様、お会いできず寂しいです
---
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お会いできず寂しいです
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
しばらくお見かけしていませんが、お変わりありませんか。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
新着情報
離れている間も、私たちは動き続けていました。
・[新商品/新機能1]・[新商品/新機能2]・[新商品/新機能3]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
おかえりなさいギフト
おかえりの記念に20%オフをどうぞ。
コード:MISSYOU20
[今すぐ購入]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
またお会いできることを楽しみにしています。
[Brand] チームテンプレート 37:「ラストチャンス」メール
最適な用途: 非アクティブなユーザーの登録解除前
件名:[Name] 様、これでお別れでしょうか
---
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
これでお別れでしょうか
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
しばらくご連絡をいただいておりません。
ご興味がなくなっている場合に受信トレイを煩わせたくないため、最後にもう一度だけご連絡いたします。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
このまま配信を続けますか
以下をクリックいただければ、配信を継続します。
[はい、購読を続けます]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
今後7日以内にご連絡がない場合、配信リストから削除させていただきます。
いつでも [website] から再度ご登録いただけますので、ご安心ください。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
このままお別れをお選びの場合は、最後にギフトをどうぞ。
次回注文が25%オフ:COMEBACK25(30日間有効)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
皆様のご多幸をお祈りしております。
[Brand] チームテンプレート 38:「何が変わった?」メール
最適な用途: 非アクティブなユーザーからのフィードバック収集
件名:[Name] 様に少しお伺いしたいことがあります
---
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ご意見をお聞かせください
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
しばらくお買い物をされていないようで、理由をお伺いしたいと思っています。
いただいたご意見は今後の改善に役立てます。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
利用を控えた理由を教えてください
[ ] 価格が高いと感じた[ ] より良い他社サービスを見つけた[ ] メールが多すぎる[ ] 商品が期待と違った[ ] 単に忙しかった[ ] その他
[フィードバックを送信]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
正直なご意見のお礼として、次回注文が25%オフになります。
コード:FEEDBACK25
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サービス向上にご協力いただきありがとうございます。
[Brand] チームテンプレート 39:「離れている間の更新」メール
最適な用途: 非アクティブなユーザーへのブランド再紹介
件名:[X] 点の新着商品をお見逃しなく
---
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
たくさんの変化がありました
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
前回のご来店以来、気に入っていただけそうな新商品を [X] 点発売しました。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
新着商品
[商品グリッド - 最新6点]
[画像] [画像] [画像][Name] [Name] [Name]$XX $XX $XX
[画像] [画像] [画像][Name] [Name] [Name]$XX $XX $XX
[新着をすべて見る]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
その他の変更点
・[改善点/変更点1]・[改善点/変更点2]・[改善点/変更点3]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
もう一度チェックしてみませんか。
[新着商品を見る]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Brand] チームテンプレート 40:誕生日/記念日リエンゲージメント
最適な用途: マイルストーンベースのリエンゲージメント
件名:[Name] 様、[Birthday/Anniversary] おめでとうございます 🎉
---
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
🎉 [Birthday/Anniversary] おめでとうございます
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
[お誕生日おめでとうございます。/ [Brand] ファミリーにご参加いただいてから [X] 年が経ちました。]
特別なギフトをご用意しました。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
╔═══════════════════════════════════╗║ ║║ ご注文全体が30%オフ ║║ ║║ コード:[BIRTHDAY30/ANNI30] ║║ ║╚═══════════════════════════════════╝
有効期限:[Date]
[ギフトを受け取る]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
自分へのご褒美にぜひお使いください。
[Brand] チームアナウンスメントメールテンプレート(5 テンプレート)
テンプレート 41:新機能のアナウンスメント
最適な用途: SaaS、製品のアップデート
件名:新機能:[機能名] が登場しました
---
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
新登場:[機能名]
[機能のタグライン]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
新機能 [機能名] のご案内です。[メリット] を実現する新しい方法です。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[機能のスクリーンショット/GIF]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
使い方
1. [ステップ1]2. [ステップ2]3. [ステップ3]
[今すぐ試す]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
開発の背景
[お客様のニーズと、それをどう解決するかの簡単な説明]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
詳しく見る
・[動画チュートリアル]・[ヘルプ記事]・[FAQ]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ご不明な点はこのメールに返信してください。
[Brand] プロダクトチームテンプレート 42:企業ニュース/マイルストーン
最適な用途: 企業の成果、プレス
件名:重要なお知らせ:[Announcement]
---
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
🎉 重要なお知らせ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
嬉しいお知らせがあります。
[見出しのお知らせ]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[ヒーロー画像/ビジュアル]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[お知らせの内容と、お客様への影響を説明する2〜3段落]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お客様にとってのメリット
・[お客様のメリット1]・[お客様のメリット2]・[お客様のメリット3]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[お知らせの全文を読む]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
これまでの歩みを共にしてくださり、ありがとうございます。
[Brand] チームテンプレート 43:イベント招待
最適な用途: ウェビナー、カンファレンス、ローンチ
件名:ご招待:[イベント名]
---
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ご招待
[イベント名]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[イベントバナー/ビジュアル]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
[topic] についての [event type]、[イベント名] にぜひご参加ください。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
イベント詳細
📅 日時:[Date]⏰ 時間:[Time] [Timezone]📍 場所:[Venue/Online]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
学べること
・[トピック1]・[トピック2]・[トピック3]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
登壇者
[登壇者の写真] [登壇者の写真][Name] [Name][肩書き] [肩書き]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[参加登録する]
参加枠には限りがございます。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ご参加が難しい場合も [登録だけしておく] と、後日録画をお送りします。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Brand] イベントチームテンプレート 44:ポリシーの更新
最適な用途: 利用規約の変更、プライバシーポリシーの更新
件名:[policy type] の重要な更新について
---
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
重要なお知らせ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
[Date] より、[プライバシーポリシー/利用規約/返品ポリシー] を更新いたします。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
主な変更点
・[変更点1 - 簡単な要約]・[変更点2 - 簡単な要約]・[変更点3 - 簡単な要約]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
変更の理由
[理由を説明する1〜2文]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お客様にお願いしたいこと
[必要な対応があれば記載、なければ対応不要である旨を記載]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[ポリシーの全文を読む]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ご不明な点は [email] までお問い合わせください。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Brand] リーガルチームテンプレート 45:サービス停止/メンテナンス
最適な用途: 計画的なメンテナンス、障害
件名:[Date] の [Planned maintenance/Service update] について
---
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サービスに関するお知らせ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
[Date] に予定しているメンテナンスについてお知らせいたします。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メンテナンス詳細
📅 日付:[Date]⏰ 時間:[Start Time] 〜 [End Time] [Timezone]⏱️ 所要時間:約 [X] 時間
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ご注意いただきたいこと
この間、[service/feature] を一時的にご利用いただけません。
影響を受けないサービス:・[サービス1]・[サービス2]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
実施の理由
[改善/修正内容の簡単な説明]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ご不便をおかけし申し訳ございません。最新情報は [status page] でご確認いただけます。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Brand] 運用チームアンケートとフィードバックテンプレート(5 テンプレート)
テンプレート 46:NPS アンケート
最適な用途: ネットプロモータースコアの測定
件名:簡単な質問です。当社を友人に勧める可能性はどれくらいですか
---
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
ぜひご意見をお聞かせください。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Brand] を友人や同僚に勧める可能性はどれくらいですか。
0 ─────────────────────────── 10勧めない 非常に勧めたい
[0] [1] [2] [3] [4] [5] [6] [7] [8] [9] [10]
数字をクリックするだけ、2秒で完了します。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
いただいたご意見は今後の改善に役立てます。
ありがとうございます。
[Brand] チームテンプレート 47:購入後アンケート
最適な用途: 商品と体験のフィードバック
件名:ご購入いただいた商品はいかがでしたか
---
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
先日はご注文いただきありがとうございました。
ぜひご感想をお聞かせください。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ご注文内容
[商品画像] [Product Name]購入日:[Date]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ご感想を評価してください。
お買い物体験:⭐⭐⭐⭐⭐商品の品質: ⭐⭐⭐⭐⭐配送スピード: ⭐⭐⭐⭐⭐
[評価を送信]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
さらに詳しく教えてください。[レビューを書く]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お礼として、次回注文が10%オフになります。コード:FEEDBACK10
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Brand] チームテンプレート 48:顧客満足度アンケート
最適な用途: CSAT 測定、サポートフィードバック
件名:サポート対応はいかがでしたか
---
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
先日、サポートチームにお問い合わせいただきました。ご対応にはご満足いただけましたか。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ご満足度を教えてください
😞 😐 😊 😃 🤩
[非常に不満] ──── [非常に満足]
絵文字をクリックしてご回答ください。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お問い合わせ番号:#[チケット番号]担当:[担当者名]日付:[Date]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
追加のご意見があれば、このメールにご返信ください。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ご意見をお寄せいただきありがとうございます。
[Brand] サポートチームテンプレート 49:年次アンケート
最適な用途: 年次フィードバック、製品ロードマップの意見収集
件名:[Brand] の未来づくりにご協力ください(所要5分のアンケート)
---
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
皆様の声を大切にしています
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
年に一度、お客様にご意見を伺っています。いただいたご意見は、今後の開発に直接反映されます。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
5分のアンケートにご協力ください
以下についてお聞かせください。
・[Brand] の気に入っている点・改善してほしい点・追加してほしい機能・総合的な満足度
[アンケートに回答する]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お礼のギフト
アンケートにご回答いただくと、[prize/gift card] の抽選に応募できます。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
アンケート締切:[Date]
サービス向上にご協力いただきありがとうございます。
[Brand] チームテンプレート 50:機能リクエスト
最適な用途: 製品フィードバック、機能の検証
件名:次に開発すべき機能は何ですか
---
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
優先順位の決定にご協力ください
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Name] 様
今後のロードマップを検討しており、ご意見をお聞かせください。最も重視する機能はどれですか。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
上位3つに投票してください
[ ] [機能案1][ ] [機能案2][ ] [機能案3][ ] [機能案4][ ] [機能案5][ ] その他(下記にご記入ください)
[投票する]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リストにないアイデアはありますか。
[アイデアを共有する]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
いただいたご意見が、製品開発の意思決定に役立ちます。
ありがとうございます。
[Brand] プロダクトチームメールデザインのベストプラクティス
テンプレートを手に入れたので、メールをコンバージョンにつなげるデザインの原則を解説します。
レイアウトの基本
シングルカラムレイアウトが最も効果的です:
- メールの 93% はモバイルで読まれます
- シングルカラムはデフォルトでレスポンシブです
- 階層の維持が容易です
- アクセシビリティが向上します
最適な幅:
- デスクトップは最大 600px
- モバイルは全幅
- 両側に 20px のパディング
タイポグラフィのガイドライン
| 要素 | サイズ | ウェイト |
|---|---|---|
| ヘッドライン | 22〜28px | ボールド |
| サブヘッドライン | 18〜20px | セミボールド |
| 本文 | 14〜16px | レギュラー |
| キャプション | 12〜14px | レギュラー |
| CTAボタン | 14〜16px | ボールド |
フォントの推薦:
- デジタル向けサンセリフ: Arial、Helvetica、Verdana
- モダンなオプション: Open Sans、Roboto、Lato
- スピードのためのシステムフォント: -apple-system、BlinkMacSystemFont
カラー戦略
プライマリパレット:
- CTA とヘッダーにブランドカラー
- 本文テキストにニュートラルグレー
- 白/明るい背景
コントラスト要件:
- 本文テキストは最小 4.5:1
- 大きなテキストは最小 3:1
- 色覚異常シミュレーターでテスト
CTAボタンのデザイン
効果的なボタンの仕様:
- 最小高さ 44px(タッチフレンドリー)
- モバイルでは全幅
- 高コントラストのカラー
- 明確で行動志向のテキスト
- 最大 2〜4 語
効果的なCTAコピー:
- 今すぐ購入
- 始める
- 割引を獲得する
- 無料ガイドをダウンロード
- 無料トライアルを開始する
画像ガイドライン
最適化:
- メール全体のサイズは最大 1MB
- Web 用の 72 DPI
- JPEG フォールバック付きの WebP を使用
- アップロード前に圧縮
Alt テキスト:
- 画像コンテンツを説明する
- 関連する場合はCTAを含める
- 125 文字以内に収める
モバイル最適化チェックリスト
- シングルカラムレイアウト
- タッチフレンドリーなボタン(最小 44x44px)
- フォントサイズ 14px 以上
- 十分な行間(1.5 倍)
- 圧縮された画像
- 短い件名(40 文字以内)
- プリヘッダーテキストを最適化
- タップしやすいリンク(密接に積み重ねない)
アクセシビリティの要件
必須のアクセシビリティ機能:
- すべての画像に Alt テキスト
- 十分なカラーコントラスト
- 論理的な読み取り順序
- 説明的なリンクテキスト(「ここをクリック」ではなく)
- テーブルのロール属性
- HTML lang 属性
- スケーラブルなテキスト(固定ピクセルサイズを使わない)
ダークモードへの対応
両方のモードに対応したデザイン:
- ロゴには透過 PNG を使用
- ダークモードでカラーをテスト
- ダークモード用の画像バリアントを提供
- カラー調整に CSS メディアクエリを使用
テンプレートのカスタマイズ方法
ステップ 1:テンプレートをブランディングする
プレースホルダー要素をブランドのものに置き換える:
- ロゴの配置 - 上部中央または左
- ブランドカラー - CTA、ヘッダー、アクセント
- タイポグラフィ - ブランドフォントに合わせる
- 画像 - ブランドに合った写真を使用
- 声のトーン - ブランドパーソナリティに合ったコピーに調整
ステップ 2:コンテンツをパーソナライズする
動的コンテンツはコンバージョンを 20% 向上させます:
- マージタグ: 名前、場所、好み
- 行動トリガー: ブラウジング履歴、購入履歴
- ダイナミック商品: データに基づく推薦
- 条件付きコンテンツ: セグメントごとに異なるコンテンツを表示
ステップ 3:送信前にテストする
送信前チェックリスト:
- 主要なメールクライアントでプレビュー
- すべてのリンクをテスト
- モバイルのレンダリングを確認
- パーソナライゼーションを確認
- 件名とプリヘッダーをレビュー
- 送信者名と返信先を確認
- アクセシビリティをチェック
- 読み込み時間をテスト
ステップ 4:データに基づいて改善する
追跡と最適化:
| 指標 | 何を示すか | 改善方法 |
|---|---|---|
| 開封率 | 件名の効果 | 異なるアングルをテスト |
| クリック率 | コンテンツのエンゲージメント | CTA、レイアウトを改善 |
| コンバージョン率 | オファーの関連性 | オファー、ランディングページをテスト |
| 登録解除率 | 頻度/関連性の問題 | ケイデンス、セグメンテーションを調整 |
Tajo でのテンプレート活用
Tajo の組み込みテンプレートライブラリでメール作成が簡単になります。
事前ビルドされたテンプレートライブラリ
あらゆる用途のプロフェッショナルデザインのテンプレートにアクセス:
- ウェルカムシーケンス
- プロモーションキャンペーン
- トランザクションメール
- リエンゲージメントフロー
- ニュースレターデザイン
ドラッグアンドドロップエディター
コーディングなしでテンプレートをカスタマイズ:
- コンテンツブロックの追加/削除
- カラーとフォントの更新
- 商品推薦の挿入
- 動的コンテンツの組み込み
Brevo 連携
Brevo のメールインフラを活用:
- 自動的な顧客データの同期
- 高度なセグメンテーション
- マルチチャネルのオーケストレーション
- リアルタイム分析
テンプレートの機能
- デフォルトでレスポンシブ - すべてのデバイスで動作
- A/B テスト内蔵 - バリエーションを簡単にテスト
- 動的コンテンツ対応 - スケールでパーソナライズ
- クライアント全体でプレビュー - メールのレンダリングを確認
メール作成を効率化する準備はできましたか?Tajo で無料トライアルを始めると、完全なテンプレートライブラリにアクセスできます。
まとめ
優れたメールテンプレートは効果的なメールマーケティングの基盤です。うまくデザインされれば時間を節約し、一貫性を確保し、結果を向上させます。
このガイドの 50 以上のテンプレートを出発点として使用し、ブランドとオーディエンスに合わせてカスタマイズしましょう。基本を忘れずに:
- モバイルファーストのデザイン
- 明確な視覚的階層
- 単一の明確なCTA
- アクセシブルで包括的なデザイン
最良のテンプレートはオーディエンスが反応するものです。テストし、改善し、自社固有のデータに基づいて最適化しましょう。
これらのテンプレートを実際に活用する準備はできましたか?Tajo を始めると、カスタマイズ可能なメールテンプレートの完全ライブラリと、それを大規模に展開するためのオートメーションツールにアクセスできます。