メルマガ配信サービスMailChimp

【動画付】MailChimpでテンプレートをデザイン作成する方法を解説

この記事では、MailChimp(メールチンプ)で「Design Email」=メールの画面デザインを行う方法について解説します。通常のメールも、ステップメールも、「Design Email」の過程があります。

テンプレートから基本のデザインを選び、自分用にカスタマイズをしたあと、テンプレートとして保存しておくことで、どんなメール作成の時も同じカスタマイズした設定画面を呼び出せます。一度作れば使い回しが聞きます。

メールのデザイン編集画面は動画で解説しています。メールをカンタンに見やすくおしゃれにできるMailChimpのドラッグ&ドロップのメールエディターは使いやすいです。動画でなんとなくでも感触をつかんでみてください。

ステップメールを設定はこちら。

メルマガ配信サービスMailChimp
ステップメールを他社からMailChimpへ乗り換えする手順

メール配信スタンド「MailChimp(メールチンプ)」に乗り換えしたい。 移行した読者リストに誤ってMailChimpからステップメールを ...

続きを見る

MailChimpのメールのデザインの流れ

Design Email

  • ステップ1:Setup
    メールのタイトル、差出人名とアドレスなどの設定
  • ステップ2:Template
    メールのテンプレートデザインを選びます
  • ステップ3:Design
    1. メール画面のレイアウト、ロゴ、ヘッダー・フッター、フォントサイズ、各種リンクなどを細かに設定。
    2. 本文の執筆

メール本文はステップ3のデザイン設定をするで執筆します。
デザイン終了後は「Save as Template(テンプレートとして保存)」しておくと、ステップメールの2通目以降のメールの時はテンプレートを選ぶだけ。

メール情報を設定:Setup

Setupのステップでは、メールの情報の設定です。
各種入力が終わったら、ページ下の「Next >」ボタンを押してデザインのステップへ進みましょう。

MailChimp メール情報を設定

  • Name your Email
    メールの名前
    自分用に分かる名前をつけます。
  • Email Subject
    メールの件名
    読者に表示されます。
  • Preview Text
    プレビューテキスト
    タイトル下に表示されるメールの概要。受け取り側のメーラーの設定にもよります。未入力だとメールの冒頭が自動的に表示されます。
  • From Name
    差出人名
  • From email address
    差出人のメールアドレス
    到達率をあげるためにもウェブサイトと同じドメインのメールアドレスがオススメです。
  • Google Analytics title for email
    Googleアナリティクスで表示するこのメールのタイトル
    Googleアナリティクスのアカウントとあなたのウェブサイトへの設定が必要です。

テンプレートを選ぶ:Template

無料プランは数が限られていますが、有料プランは豊富な中から選択できます。私個人はあまり作り込まれたものよりFeaturedやBasicなどのシンプルなレイアウトのテンプレートを元に編集する方がやりやすい気がします。






ページ上部の「Layout」にある「Featured」。レイアウトがあらかじめ作られたテンプレートです。

MailChimp メールテンプレート ベーシック

「Layout」にあるFeaturedを下にスクロールした中にありますので見逃さないように注意。ここから選ぶのが使いやすい気がします。MailChimp メールテンプレート ベーシック

Layoutの横の「Theme(テーマ)」 のリンクをクリックすると表示されます。ビジュアルを効果的に使った、あらかじめデザインされているテンプレートが選べます。通販サイトなんかは相性がいいでしょうね。
MailChimpのテンプレート Featured

「Code your own(自分でコーディングする)」は上級者向けテンプレート。オリジナルのHMTLをアップロード可能。
MailChimp テンプレート オリジナルコード

テンプレートにオリジナルコードを使う場合、ドラッグ&ドロップのブロックエディターは使えません。HTMLコード側を直接編集することになります。


どれかを選んだら、画面右下の「Next >」ボタンをクリックして次に進みます。

MEMO:テンプレートは選び直せる

やっぱり別のものに変えたい、なんて時でもステップを戻って選び直すことができます。その場合、以下のようなアラートが出ますが気にせず「Change Template」を押して選び直してください。

MailChimpでテンプレートを変更する場合のアラート

About switching templates:テンプレートを入れ替えようとしています
新しく選び直したテンプレートが、ブロックの設定や言葉などは自動的に引き継ぎますが、スタイルは新しいテンプレートに合わせてリセットされます。

何か消えてしまった場合は、コンテンツブロックを選び横のパネルの「 Recovered Content(復元したコンテンツ)」をクリックし前のテンプレートからコンテンツを取り出してください。

メールをデザインする:Design(動画あり)

MailChimpメールエディターの画面

メールチンプのメール編集画面です。

左:プレビュー画面
右:編集画面

デザイン設定は簡単に説明した動画にしました。テンプレートによって設定箇所は多少違いますが、エディターの使い方をだいたい掴んでいただけると思います。動画の中のデザインは雑ですみません^^;みなさんのメールはもっと素敵に作ってくださいね。

かおり
かおり
MailChimpのエディターはワードプレスのブロックエディターに近い雰囲気。ワードプレスを使っているなら早く慣れると思います!

保存したテンプレート一覧ページURL

保存されたテンプレートの一覧はこちらからアクセスできます。

ヘッダーナビの Brand > Template

mailChimp テンプレートページにアクセス

テンプレートのデザインカスタマイズ中のものを途中で保存しておき、再度ログインして編集の続きを行う時に便利です。

MailChimp 保存されたテンプレート一覧

Templates:https://us14.admin.mailchimp.com/templates/(ログインが必要です)

 

【参考】私が自分用にカスタマイズしたテンプレート

こちらが使用している、私がカスタマイズしたテンプレート(PC版)です。

ヘッダー部分

MailChimpのテンプレートデザインサンプル

フッター部分

 

MailChimpのテンプレートデザインサンプル フッター

 

まとめ

以上、MailChimpでステップメール、または通常のメールを作成する過程で、「Design Email」のステップの説明をいたしました。

テンプレートは入れ替えができますので、一度作ってみてしっくりこなかったら以下のようにしてみてください。

テンプレート作成の流れ

  • テンプレートを選択
  • デザイン設定をしてみる
  • テストメールを送る
  • PC、スマホで見てしっくりこなかったら再編集
  • またはテンプレートを別のものにする
  • デザイン設定
  • よければテンプレート保存
  • メール本文作成

シンプルでもどことなく洗練された画面は読みやすいものです。

メールは中身。ただのテキストで十分。
ビジュアルとかデザインなんて不要!

なんて方もいるかもしれません。

ですがやっぱりメールにヘッダーロゴがあるだけで「あの人のメール」と認識してもらいやすいものです。

私も複数のメルマガ登録しますが、すぐに「この人なんだっけ?」となります。何で興味をもって登録したか、本文がいきなり始まるテキストだけのメールでは思い出せず、結局解除するということがよくあります。。。

メールの読者はいろんなメールを受け取っていることが多いので、記憶に残りやすいデザインはブランディングのためにも重要です。

魅力的なメール画面を作ってくださいね。

MailChimpの基本設定は他にもいくつか記事にしていますので、よろしければご覧ください。

MailChimp記事一覧はこちら

 

やさしいWebマーケティング メール講座
集客ブログサイト、ワードプレス、ランディングページ、ツール…
集客から販売まで、ネットビジネスで必要なスキルや知識を学べるメール講座です。

ランディングページの作り方 1

この記事では、初心者の方向けにランディングページについて解説しています。 ランディングページとは何か ランディングページの構成要素 具体的な ...

ワードプレス集客で抑えて起きたい11のリスト 2

この記事ではワードプレスを集客に使いたい個人起業家の方へ「11個のやるべきチェックリスト」をお伝えします。ワードプレス集客の方法や失敗しないコツも合わせてご紹介。

3

あなたはワードプレスを始めたばかりでプラグインを決めかねていらっしゃいますか? この記事では、必ず入れておきたい無料の必須プラグイン、あると ...

ワードプレスのおすすめテーマ 4

ワードプレスの中でテーマは非常に重要です。なぜならサイト全体の外観や、記事画面のメリハリ、運営の利便性に大きく影響するからです。 公式サイト ...

-メールチンプ
-