マーケティング

マーケティング

【2020年最新版】かっこいいHTMLメールを作成できる 顧客を取り込むEメールニュースレターテンプレート集

Designmodo

Designmodo publishes web design articles, tutorials and has a great shop with the best WordPress and Bootstrap themes, plugins, UI Kits and more.

本記事は、Best Free HTML Email Templates of 2019
翻訳・再構成したものです。
配信元または著者の許可を得て配信しています。

1,274 views

読了時間 : 約4分47秒

Eメールキャンペーンはそこら中に溢れていますよね。地元の小さなビジネスを代表したウェブサイトを運営している人なら、会社のニュースを知らせるための購読者リストがあるはずです。

 

 

リードジェネレーションをする方法はいくつかあります。そのうちいくつかの方法は時間をかけて有効性が証明されています。また、別の方法は実験的です。すぐに成功する方法もあります。失敗に終わるものもあるでしょう。しかし、Eメールのキャンペーンはとても有益であることは間違いないのです。

 

 

Eメールキャンペーンは多種多様ですが、その中でもニュースレターの重要性を忘れてはいけません。ニュースレターは、呼んだ人があなたの会社を選ぶのか離れて行ってしまうのかの決め手となるものです。どんなニュースレターも興味深い一方であまり目立ち過ぎない方がいいことを覚えておきましょう。

 

 

Postcards by Designmodo

こちらの Postcards を使えば、数分で素晴らしいEメールニュースレターのテンプレートを作ることができますよ。ドラッグ&ドロップするだけで好きなように仕上げることができます。Eメールの作成と送信は最適化されたサービスプロバイダーとEメールクライアントが行います。

 

 

無料HTMLメールテンプレート

こちらの Email Newsletter TemplateValentine’s Day email 、Mjml を参考にしてみてください。

3つとも異なるカテゴリーですが、共通点が1つあります。どれも情報量とデザインのバランスが取れていて、プロフェッショナルな出来なのです。

 

 

1つ目は、際立ったPSDテンプレートです。ビジネスライクは雰囲気ですがゴージャスな色使いです。2つ目はHTMLのテンプレートで、可愛らしいイベントムードが表現されています。バレンタインデー用ですが、他のキャンペーンにもお使いいただけます。

 

PSD2HTMLの無料テンプレートのように、 Mjml のテンプレートはHTMLベースです。レスポンシブなアイテムなので、お好みのコンテンツを挿入し、色を変え、デザインを編集することができます。

 

 

こうしたテンプレートにみられる他の共通点は、よくあるニュースレターとは違っていることです。小さなウェブサイトや、クリックボタンがあるデジタルフライヤーのように見えます。

 

Really simple responsive email templatesAccessible EmailsSimple Responsive Emailn、と比べてみましょう。Lee Munroe、Jason Rodriguez、Derek Punsalanによる無料テンプレートはシンプルなデザインが好きな人にピッタリです。情報を控えめに伝え、デスクトップや携帯デバイスにも見やすくなっています。

 

デザインに関わらず、印象的でシンプルです。とても魅力的なデザインですね。

 

Eメールニュースレターのテンプレートは、 PSD/Sketch/AI and HTML/CSSのフォーマットで利用できます。必要に応じて使い分けてください。

 

PSD テンプレートには Email Template by inox studio や Business Marketing Emailer Template PSD があります。HTMLやCSSの基礎的な知識がある人におすすめです。好みに応じて編集することができるでしょう。

 

こちらのFood and Restaurant E-newsletters PSD Templateaもいかがでしょうか。文字通り、こちらはレストランの経営者のために作られましたが、微調整をほどこしウェディング業界のニュースレターやブログに利用されています。

 

もし違うのをお探しの場合は、すぐに使えるHTMLテンプレートもありますよ。

 

 

HTML Eメールテンプレート

HTMLテンプレートはすでに出来上がっているテンプレートが欲しい人向けです。以下にご紹介します。

 

HTML Email Template by Paul Goddardなどは Googleのマテリアルデザインに合わせて作られています。

 

Bojler やCerberusなどのEメールフレームはユーティリティクラス、コンポーネントなど必要なツールオブジェクトが全てそろっていて、レスポンシブなニュースレターを作成することができます。

 

・BeeFreeなどのオンラインサービスでもプロ仕様のテンプレートが無数にあります。

 

 

 

Standalone HTML テンプレートは何にでも使うことができます。emailoctopusの Email Templatesをみてください。ニュートラルなデザイン、落ち着いた色、おしゃれな文字が使われています。テキストを変えるだけで、ウェブサイトにユーザーをひっぱてくるニュースレターの完成です。

 

 

 

 

ContactuallyのようなEメールフレームやジェネレーターは上手く組み合わされたデザインが好きな人におすすめです。レイアウトに微調整を加えるのはコツがいりますが、ボイラープレートを使えば簡単です。Postcards by Designmodo、 Foundation for Emails 2、 Topol.io  や eMail Frameを参考にしてください。

 

 

 

紹介した4つのうちでは Foundation と Postcards がおすすめです。 Foundation は色んなプラットフォームに対応可能なレスポンシブテンプレートを作ることができます。トランザクショナルメールやマーケティングメール、キャンペーン用のメールなど、様々なタイプのニュースレターを作ることができますよ!

Postcardsは はスターリングテンプレートジェネレーターで、様々な種類のピクセルに対応したコンポネントを使ったハンドクラフトなデザインを豊富に取り揃えています。既存のモジュールとしてメニュー、ヘッダー、Eコマースボックスなども揃っています。

 

 

 

直感的インターフェイスのおかげですぐに使用することができます。重要な顧客へのEメールはもちろん、そうでない顧客に送るEメールもこちらを使えばすぐにできますよ。

 

 

 

Topol やemail Frames はあっと驚くようなデザインとまではいきませんが、美しいデザインのレスポンシブなEメールテンプレートとして使うことができます。

 

 

 

テンプレートのソースとしてのEメールサービス

SendwithUs や eMail MonsterのようなEメールキャンペーンの管理や送信に人気のツールは無料のテンプレートのソースとしても使うことができますよ。SendWithUsにはいくつもの洗練された美しいテンプレートがあり、eMailMonsterにはもっと印象的なデザインのテンプレートが取り揃えられています。

 

 

 

最後として

Really Good Emails は精選されたニュースレターテンプレートが集められています。カテゴリーに沿って、色々探すことができますよ。放棄されたカートのサンプルから確認メールまで豊富に揃っています。codepenを使用したテンプレートなので、様々なヒントを得ることができるでしょう。

 

 

まとめ

ニュースレターの作成はコツのいる仕事です。必要な情報を上手くまとめて、顧客たちが逃げ出してしまわないように気を付けなければいけません。

 

 

良いデザイン、いくつかのマーケティングトリック、読みやすい量のデータの三つが上手く調和させることがニュースレターの成功の秘訣です。プロによるテンプレートデザインはこうした3つが上手く組み合わされているので、上手く利用してニュースレターを完成させましょう。

【コンビニでも使える!メルペイ初回利用1000円分招待コード】

当サイト限定招待コード:CMUTDF

 
・利用可能店舗:メルカリ、コンビニ、ドラッグストア等
・金額:1000円分
※さらにメルペイスマート払で2000円分ポイント!
 友達招待でお互いに1000円分ポイント!2人以上招待でUSJ貸し切りイベントに抽選招待も!

メルカリ-フリマアプリ&スマホ決済メルペイ

メルカリ-フリマアプリ&スマホ決済メルペイ

無料

 

ピックアップ! さらに今このキャンペーン中です↓

期間中の金・土限定でd払い利用で最大20%のdポイント還元中!
■エントリー期間:2020/2/29(土)23:59 まで
■キャンペーン期間:2020/2/24/(月)23:59 まで

 

 

Seleqtをご覧頂いた方だけに「朗報」
\当サイト限定特別クーポン/

【Uber taxi初回利用2000円オフクーポン】
JP20gd6nv7

 

以下のリンクから『プロモーション コードを追加する』で「JP20gd6nv7」を入れてください。初回利用が2000円オフになります!
※プロモコードは日本国内でのみ利用可能

 

2000円オフで登録» »当サイト限定の初回利用2000円オフのクーポンを使って登録はこちら!

 

アプリDLはこちらから↓

Uber

Uber

 

 

 

Seleqtをご覧頂いた方だけに「朗報」
\当サイト限定特別クーポン/

【UberEats初回1000円オフクーポン】
ins6je2v

 

対象店舗:マック、ガスト、スタバ、ピザハット、松屋 等
※1000円分無料で頼めます。〇〇円以上とかもナシ!完全無料でお試しOK
割引額:1000円引き

 

1000円オフで登録» »当サイト限定の初回利用1000円オフのクーポンを使って登録はこちら!

 

アプリDLはこちらから↓

Uber Eats: 地元で人気の料理をお届け

Uber Eats: 地元で人気の料理をお届け

無料

 

おすすめタグ