3.1.HTML（ノーコード）形式でメールを作成する

会社からの一斉配信機能では、以下3つの方法で、メールを作成することができます。

• テキスト形式
• HTML（シンプル）形式
• HTML（ノーコード）形式

ここではHTML形式のメリットや、HTML（ノーコード）形式の特長について紹介します。

目を引きやすいメールが作成できる

HTML形式でメールを作成することで、メール本文に画像を挿入したり、文字の装飾（太字、色づけなど）を行ったりすることができます。テキスト形式よりもデザイン性が高く、目を引きやすいメールが作成できます。

ノーコードで簡単にデザインできる

「会社からの一斉配信」機能では、ソースコードを記載することなく、HTML形式のメールを作成できます。マウスの操作で直感的に設計でき、HTMLの知識がない方でも簡単にメールの作成が可能です。

3.1.1.メールの作成準備をする

はじめにメールの内容を検討します。どのような構成にするのか、どこにリンクを設定するのかなど、伝えたい内容に合わせて考えます。ここでは上記の内容に加え、名刺情報をメールに挿入する箇所や、宛先ごとに追加するメッセージの配置も検討しています。

また、画像を挿入する場合は、あらかじめ画像を準備します。今回は2つの画像を準備します。

メールテンプレートを作成する

検討したメールの内容を基に、配信するメールのテンプレートを作成します。完成イメージは、次のとおりです。

3.1.2.メールテンプレートの本文を作成する

メールテンプレートの本文を作成するには、まず「コンテンツグループ」を作成します。 コンテンツグループとは、メールテンプレートの本文内の要素（テキスト、画像、線）を配置するための領域です。コンテンツグループに要素をまとめることで背景色などの設定値を統一できますが、メールテンプレートの本文の作成に慣れないうちは、1つのコンテンツグループにつき、1つの要素を配置することをお勧めします。

ここでは、次のとおり5つのコンテンツグループを作成しています。

メールの全体についての設定は、「全体設定」タブから設定できます。ここでは、次のとおり設定しています。

• PCだけでなくスマートフォンで閲覧することを想定して、サイズを設定することをお勧めします。600px程度が望ましいとされていますが、ここでは480pxにしています。

すべてのコンテンツグループの設定は、「コンテンツ」タブから設定できます。ここでは、次のとおり設定しています。

作成したコンテンツグループごとに画像や文字を配置し、メールテンプレートの本文を作成します。各コンテンツの設定は、「コンテンツ」タブから設定できます。

3.1.3.機能を応用してメールを作成する

コンテンツグループの設定を応用することで、より目を引きやすいメールを作成することもできます。設定については、次のイベント出展の案内メールを例として説明します。

小見出しの背景色を変更する

小見出しなど、目立たせたい箇所の背景色を変更します。

コンテンツグループの設定で「背景色 - ブロックエリア外」の色を指定すると、画面の横幅いっぱいに背景色が設定されます。ここでの設定例は次のとおりです。

バナーをつけてWebページに誘導する

Webサイトなどでよくあるバナーのように、画像にURLのリンクを設定して、画像をクリックしたときに特定のWebページが開くように設定します。ここでは2つのブロックを作成し、それぞれ別のバナーを設定する方法について説明します。

コンテンツグループの設定で、「ブロックの構成」から「新規追加」をクリックすると、コンテンツグループを複数ブロックに分けることができます。

ここでのコンテンツグループの設定は次のとおりです。

作成したブロックそれぞれに「画像」コンテンツをドラッグ＆ドロップし、バナーを設定します。ここでの「画像」コンテンツの設定は次のとおりです。

リンクを作成する

お申し込みやお問い合わせ、配信停止などのWebページへのリンクを作成することもできます。目立たせたいリンクには、画像を用意しボタンを作成する方法が一般的ですが、画像が用意できない場合にはコンテンツグループに背景色をつけ「テキスト」コンテンツにリンクを設定するとボタンのような見た目にすることができます。この方法で作成したリンクは、テキストをクリックするとWebページが表示されます。

ここでのコンテンツグループの設定は次のとおりです。

ここでの「テキスト」コンテンツの設定は次のとおりです。