メールマーケティングを学んで、売上げアップに繋げる！〜実践編〜

［更新日］2020/11/19
［公開日］2017/04/13
1941 view
WM&Creators株式会社

前回の記事ではHTMLメールを用いたメールマーケティングの基礎編をご紹介しました。
まだそちらをご覧になっていない方は下記URLからご覧いただけます。
http://businesstimeline.jp/company/wm-creators/timeline_detail/1855

HTMLメールが効果的なメールマーケティングだということがわかったところで、今回は具体的なHTMLメールの作り方を紹介していきます。
HTMLやCSSがわからなくても、簡単に作れるツールもありますので最後までお付き合い下さいね！

メーラーごとに対応しているCSSが全然違う！

HTMLメールを作る際の大きな問題が、メーラーごとに対応しているCSSが大きく違うことです。
Gmail、Apple Mail、Outlook、Thunderbird、YahooなどのさまざまなPCメーラーの他、スマホではiPhoneとAndroidのメール、メールアプリなどなど。
PCやスマホ、ブラウザやアプリなどで数多くのメーラーがあります。

メーラーごとに使えるCSSはCampaign Monitor（ https://www.campaignmonitor.com/css/ ）などのメール配信サービスサイトでチェックできます。

デバックは実機でやるのが一番ですが、Litmus（ https://litmus.com/ ）やEmail on Acid（ https://www.emailonacid.com/ ）などのツールを使うのもよいでしょう。

ちなみに、現時点ではガラケーユーザーもいらっしゃいます。
ガラケーではHTMLメールを認識しないので、送信先リストからは除いておく必要があります。
間違って送らないよう注意しましょう。

画像が多いとメールの容量も増えていくので、容量を圧縮するなどといった工夫も必要ですね。

具体的な対策

メーラーすべてに対応していると、途方もないコストがかかってしまうので、最低限のHTMLとCSSを使うのがポイントです。

横並びレイアウトはfloatで実装するのが常ですが、Outlookが対応していないので、tableを使いましょう。
また、先日Gmailがメディアクエリに対応しましたが、対応していないメーラーも以前存在していますのでWebサイトのように凝ったデザインはまだ対応できないのが現状です。

PCでは間延びしないように、max-widthで横幅を指定しておくのも大切な観点です。
フォントはPC、モバイル共に見やすいサイズにするなど、PCでもモバイルでも、大きくレイアウトを変えずに読めるよう、注意が必要です。

しかしそれでも、どうしてもレイアウトが崩れたり、思った動作にならない場合もあります。そういったときのために、Webページとして読めるよう、サーバーにアップして、URLをメールに貼るのを忘れずにしておきます。

送る際は、自分のメーラーの「挿入」や「添付」などからHTMLを選択すれば送ることができます。

突然メールマーケティングの担当者になってしまった方のために

予算があまりないが、メールマーケティング担当になってしまった方のために！
または、HTMLの知識はないがHTMLメールの作成を行わなければならない場合、すでにあるHTMLメールのテンプレートや、メール配信サービスを使うことをオススメします。

とくにメール配信サービスは、ドラッグ＆ドロップで簡単にメールが作れる機能をはじめ、配信後の開封率やA/Bテストの解析までできるものもあります。ほとんどは有料プランですが、無料トライアル期間や、テンプレートは無料になっているサービスが多いので、一度チャレンジしてみるとよいでしょう。

以下にいくつかご紹介します。
自分で一から作る場合も、このようなテンプレートを参考にすれば製作時間の短縮になります。

★HTMLメールテンプレート★
BeeFree（ https://beefree.io/ ）
ZURB（ http://zurb.com/ ）
Cerberus（ http://tedgoas.github.io/Cerberus/ ）

★HTMLメール配信サービス★
Benchmark Email ※日本語対応（ https://www.benchmarkemail.com/jp/ ）
WiLL Mail ※日本語対応（ https://willcloud.jp/ ）
MailChimp（ https://mailchimp.com/ ）
Campaign Monitor（ https://www.campaignmonitor.com/ ）

HTMLメールは一度ベースを作成すれば、２通目以降はベースを基に微修正して配信することができます。今後も増えていくと思われるHTMLメール。ぜひ一度チャレンジしてみて下さい。

ご相談はこちらから

企画や要件が固まっていないご相談でも
お気軽にお問い合わせください。

01

相談する
02

要件ヒアリング
03

専門企業のご紹介
04

企業との
ご面談＆見積取得
05

企業選定〜契約締結
サポート
06

専門企業と直接
プロジェクト進行

※ステップ5以降はご希望に応じて
サポートいたします。

お急ぎの方はお電話で

サポートデスク直通（平日10:00〜18:00）

必須お名前
必須メールアドレス
必須電話番号
必須会社名
任意依頼内容・希望
利用規約及び、個人情報保護方針にご同意のうえ、送信ください。

申し込み完了後、サポートデスクから
お電話またはメールにてご連絡させていただきます。

本サイトは、reCAPTCHAとGoogleにより保護されています。(プライバシーポリシー・利用規約)

学生時代から海外に興味を持ち、大学時代には内閣府主催の国際交流事業に参加。そこで東南アジアでの仕事を夢みるようになりました。

大学卒業後、ベンチャーながらも大手生命保険会社と直で取引している会社にプロジェクトマネージャーとして入社し、某ネット生保のシステム部、マーケティング部に社員代行として常駐しながら５年間働きました。

その５年間のうちの１年を会社の研修としてニューヨークに渡り、web制作会社でプロジェクトマネージャー兼営業として働き、その過程でCOOと出会いました。

WM&Creators, Inc.のグローバル展開への参画、並びにアジア展開を虎視眈々と狙っています。