★テンプレートをカスタマイズテンプレートをダウンロード「HTMLメール...一度は試してみたいけれど、Webデザインなんてサッパリだし、制作会社に頼むお金もないし、やっぱり諦めるしかないかな...」こんな悩みをお持ちの方はいませんか?本講座では2回にわたって無料ツールを利用した簡単なHTMLメールの作り方をご紹介します。どの程度のHTMLメールが作れるの?今回は非デザイナーの筆者が、無料ツールを利用して実際にお客様に送るHTMLメールを作ってみました。アウトプットはこちらです。#メルラボの運営元である『株式会社ラクス』では『配配メール』というメール一斉送信システムを提供しており、今回は『配配メール』のお客様にメルラボをご紹介する目的でメールを作成しました。いかがですか?プロ並み!...とはいきませんが、素人が作ったにしてはなかなか悪くない(ですよね?)。本講座(全2回)を終えた頃には皆さんもこの程度のHTMLメールが作れるようになりますよ。challenge!!まずはメールテンプレートを作ろう!HTMLメールの作成工程は大きく、(1)メールテンプレートの作成と、(2)メール本文の作成にわかれます。家づくりに例えると、(1)は設計や土台・骨組みづくり、(2)は外装・内装の仕上げといったイメージです。前編の本記事では、(1)メールテンプレートの作成手順をご紹介したいと思います。Monitor社が提供する無料ツールです。英語のツールですが、インターフェースが非常に優れていますので、“英語が苦手”という方でも簡単に使えると思います。★下記URLをクリックして、ツールにアクセスします。★テンプレートレイアウトを選択テンプレートは4種類から選べます。annoucement」を選択します。★テンプレートをカスタマイズ★基本設定(クリックで選択)テンプレート全体に適用されるスタイルを定義します。「言語」を「日本語」に設定すればOKです。今回はヘッダーに画像を使用します(テキストでもOK)。ソーシャルシェアリング設定はOFFにします。★Content設定ここでは背景やテキストの色を定義します。カラーコードを知らなくてもパレットから選択することができるので楽ちん。★Footer設定さきほどと同様に今度はフッターの色を指定し、さらに署名を入力します。これでテンプレートの作成は完了!テンプレートをダウンロード★メールテンプレートをダウンロード作成したテンプレートをダウンロードしましょう。フォームが表示されますが、登録しなくともダウンロード可能です。これでメールテンプレートができあがりました。あっけないほど簡単でしたね。最後にダウンロードしたテンプレートを確認して今回の講座はおしまいです。zipファイル解凍するとindex.htmlというファイルがありますので、ブラウザで開いてみましょう。あれっ、さっき設定した画像がない?!どこかで操作を間違えたかな?と慌てる必要はありません。今回はあくまでもHTMLの土台・骨組みを作成しただけなので、これでOKです。画像を挿入やテキストの修正方法については、次回の講座でしっかりと解説したいと思います。法人向けクラウドサービスを提供する株式会社ラクスで製品企画を担当しております。Reserved.メルラボの最新情報をメールでお届けします。