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

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

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

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

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

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

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

メール情報を設定：Setup

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

テンプレートを選ぶ：Template

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

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

メールをデザインする：Design（動画あり）

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

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

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

かおり

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

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

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

ヘッダーナビの Brand > Template

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

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

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

ヘッダー部分

フッター部分

まとめ

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

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

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

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

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

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

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

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

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

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

MailChimp記事一覧はこちら