HTML形式のメールテンプレート作成は「Campaign Monitor」が便利

今回はHTML形式のメールテンプレートを作成するのに便利な「Campaign Monitor」をご紹介いたします。

HTMLメールとは

「Campaign Monitor」をご紹介する前にHTMLメールについて触れておきます。

HTMLメールはタグやCSSによるスタイルを使うことによって、テキストに色をつけたり、メール内に画像を挿入したりと、テキストのメールよりもリッチなことができます。

このHTMLで作成されたメールのことをHTMLメールといいます。

「Campaign Monitor」とは

CampaignMonitor テンプレート作成トップページ

HTML Email Templates | Campaign Monitor

「Campaign Monitor」はHTMLメールのテンプレート(雛形)をサイトの手順に従うだけで、自動(無料)で作成することができます。面倒なメールクライアントごとの表示対応もしっかり行ってくれます。

また、「Campaign Monitor」で作るテンプレートはレスポンシブにも対応しているので、汎用性がとても高いです。

作り方

一覧に表示されているテンプレートから、自分が作成したいHTMLメールに最も近いデザインを選択します。

Campaign Monitor 一覧からテンプレートを選択

テンプレートの編集画面にきました。

Campaign Monitor テンプレートの編集画面

「Add content」で画像の挿入やテンプレートのボタンを変更することができます。

Campaign Monitor 「Add content」で画像の挿入やテンプレートのボタンを変更

「Customize」でテキストのカラーやフォントを変更などの調整を行います。

Campaign Monitor 「Customize」でテキストのカラーやフォントを変更などの調整をする

設定を終えた後、ヘッダー右上にある「Preview」ボタンを押下します。

Campaign Monitor ヘッダー右上にある「Preview」ボタンを押下

プレビュー画面が表示されるので、設定したデザインを確認します。確認したデザインでよければ、ヘッダー右上にある「Finish and save」ボタンを押下します。

Campaign Monitor ヘッダー右上にある「Finish and save」ボタンを押下

モーダルウィンドウが表示されるので、下部にある「or, Download as HTML&CSS」のリンクテキストを押下します。

Campaign Monitor 「or, Download as HTML&CSS」のリンクテキストを押下

次にemailアドレスを求められるので、入力をします。

Campaign Monitor emailアドレスを入力

  1. メールアドレスを入力。
  2. 「Send me the files」ボタンを押下。

入力した、メールアドレスに「Campaign Monitor」からHTML形式のメールが送られてくるので、「Download your email」のボタンを押下します。ボタンを押下すると、作成したHTMLメールの雛形がダウンロードされます。

Campaign Monitor「Download your email」のボタンを押下

ダウンロードファイルはzipで圧縮されているので解凍を行います。

Campaign Monitor zipを解凍

「index.html」という名前のファイルをブラウザで開くとテンプレートの確認ができます。

Campaign Monitor ブラウザでテンプレートを確認

後はテンプレートをテキストエディタで開き、見出しや本文を適当な箇所に挿入し、再度ブラウザで確認して終了です。

まとめ

  • 一覧からデザインテンプレートを選択することができる。
  • 画像の挿入やテンプレートのボタンを変更することができる。
  • テキストのカラーやフォントを変更することができる。
  • 作成した雛形は送られてくるメールからダウンロードする。
  • zipで圧縮されているので解凍する。

。「Campaign Monitor」の操作は簡単なので、メールテンプレートの作成が気軽にできます。

「HTMLメールはリッチだけど、HTMLは作れないし、メールソフトごとに表示対応するのは大変だし・・・」といった方にはピッタリのツールです。

スポンサーリンク
記事のタイトルとURLをコピーする

シェアする

フォローする

HTML形式のメールテンプレート作成は「Campaign Monitor」が便利
この記事をお届けした
PC ウェブログの最新ニュース情報を、
いいねしてチェックしよう!