初心者でもお洒落なhtmlメールが作れる高品質テンプレート20選

HTMLメールとは

HTMLメールの基本

HTMLメールとは、電子メールの本文をHTMLで記述したもの。テキストメールでは不可能な文字の色付けやフォントサイズの変更、画像の埋め込み、表の使用が実現可能で、表現力を豊かにすることができます。また、メールの開封率を計測することができます。

一昔前は、HTML形式のメールマガジンはセキュリティ上の観点から敬遠される傾向にありましたが、スマートフォンなどモバイルデバイスが普及した今では、モバイルと相性の良いマーケティングツールとしてHTMLメールが選ばれているようです。

HTMLメールの事例をまとめましたので、より具体例を探している方はこちらをご覧ください。

• 読まれるには理由がある！参考にしたいHTMLメール事例14選

テンプレートとは

シンプルで読みやすいテーブルスタイルや、高度なデザインが施されたものなど、HTMLメールのテンプレートはWeb上で多数公開されています。このテンプレートにテキストや画像を追加し、デザイン性や可読性に富んだメールを作成することができます。

HTMLメールのネックの一つはレイアウト崩れ。現在はOutlookやGmailなど様々なメーラーがあり、それぞれ対応しているCSSのプロパティが違うため、あるメーラーでは表示されていたレイアウトが他ではうまく表示できないという現象が起きることがあります。公開されているテンプレートの多くはレスポンスデザインで複数のメーラーに対応されており、各メーラーで詳細なテストをする手間が省ける点もテンプレートを使うメリットです。

デザイナー向けにPSDファイルでの配布を行っているところもあります。

無料テンプレート

ZURB

公式サイト

5種類の基本的なテンプレートが用意されています。レスポンシブデザインに対応しており、メーラー毎の対応表があります。

Antwort

公式サイト

レスポンシブデザインに対応した3種類のテンプレート。カスタマイズの為の解説も用意されています。

MailChimp

公式サイト

MailChimpはアメリカのメール配信サービス。ベーシックなスタイルの他、商品紹介や教育関係といったテーマ毎にデザインが施されているテンプレートも使用することができます。テンプレートの他にもエディターやレポート機能などHTMLメール作成全般に使えるサービスです。

BeeFree

公式サイト

シンプルスタイル4種類またはデザイン済みのテンプレート4種類から好みのものを選択し、編集ができるサービス。フォントサイズや画像の変更など細かなカスタマイズが可能です。

CampaignMonitor

公式サイト

こちらもメール配信サービス。ニュースレターなど豊富なテーマに対応した100種類以上のテンプレートを無料で利用できます。”60秒でHTMLメールを作成できる”ツール、TemplateBuilderも人気です。

Cakemail

公式サイト

メールマーケティングのCakemailが提供。50種類以上あるテンプレートは無料でダウンロード可能です。ビジネス用のスタイルからポップなイベント用まで様々なテイストがそろっています。

10FreeEmailMarketingTemplate

公式サイト

無料でダウンロードできるテンプレートは10種類。ユーザー登録は不要です。

BenchmarkEmail

公式サイト

メール配信サービス会社Benchmarkが提供するテンプレート。20種類のテンプレートがあります。

FREEMAILTEMPLATES

公式サイト

キッズ向けのデザインから料理、旅行など特定の分野で使えるテンプレートが数十種類用意されています。

BestPSDFreebies

公式サイト

素材サイトBestPSDFreebiesより。こちらはhtmlファイルではなくPSDファイルをダウンロードできます。

99designs

公式サイト

デザイン会社による無料テンプレート。こちらもPSDファイルをダウンロードできます。

有料テンプレート

有料テンプレートはテンプレート1種類のみの販売もされていますが、ここでは複数のテンプレートやツールとのセットで販売されているものを挙げています。

Graficmail

公式サイト

メール配信サービスGraficmailが提供するテンプレート。流通・金融など分野別に用意されています。

（月額$9.95～のメール配信サービスに付属、無料トライアルあり）

GreatMail

デモサイト

レスポンシブデザインのテンプレートに編集ツール(TemplateBuilder2)やテキストエディターを搭載。編集は、ドラッグ＆ドロップなど直感的な操作で行うことができます。

価格：$19

Market

公式サイト

メール作成ツール(TemplateBuilder2)と数百種類のテンプレートのセット。MailchimpやCampaignMoniterでも使用可能です。

価格：$19

2WResponsiveEmailTemplate

デモサイト

こちらもテンプレート＋作成ツールのセット。用意されているフォーマットに対してテキスト変更や画像を加えてカスタマイズしたテンプレートをダウンロードできます。

価格：$17

CommodoFlat&CleanResponsiveEmailTemplate

デモサイト

テンプレート＋作成ツール(LayoutBuilder)のセット。洗練されたフラットデザインが特徴です。

価格：$19

Frontier

デモサイト

テンプレート＋作成ツール(ThemeBuilder)のセット。あらゆるメーラーでテスト済みのテンプレートが10種類用意されています。

価格：$19

Hogar

デモサイト

レスポンシブデザインのテンプレート17種類のセットです。

価格：$19

Batch1

デモサイト

ビジネス用に使える20種類のテンプレート集。動画付きメールが作れるテンプレートもあります。

価格：$23

ViwayMultipurposeEmailPack

デモサイト

テンプレート＋作成ツール（theem’on）のセット。様々なシーンで使える10種類のテンプレートが用意されています。

価格：$21

おわりに

今回ご紹介したものの他にも、有料／無料問わず、テンプレート一種類単体で公開されているものは多数あります。ご自分に合ったテンプレートを使って、HTMLメールの作成に是非チャレンジしてみてください。