Eメールデザインエディターを利用する

手軽に魅力的なEメールテンプレートを作成しましょう

👉Eメールテンプレートを作成する手順はこちらの記事をご確認ください。

目次

「コンテンツ」タブの詳細

　　テキスト

　　画像

　　GIF

　　ボタン

　　区切り

　　スペーサー

　　ソーシャル

　　ビデオ

　　HTML

　　製品

「構造」タブの詳細

　　コンテンツブロック（基本パーツ）

　　コンテンツを左側のパネルで編集する

　　カラムについて

「設定」タブの詳細

　　表示されないプリヘッダ

　　メール設定

　　カラー設定

　　フォントの設定

　　行の高さ

---

「コンテンツ」タブの詳細

「コンテンツ」タブは、Eメールエディターの左側のタブから選択できます。

「基本パーツ」は構造体に挿入するコンテンツで、「既成」はアプリ上にあるアイテムです。

「基本パーツ」「既成」の各コンテンツ、アイテムは、このページから右側の「＋」ブロックへドラッグアンドドロップすることで作成できます。

テキスト

1. 「＋」ブロックをクリックします。
2. 「テキスト」ボタンをクリックします。
3. テキストブロックが挿入され、テキストが編集できます。

基本的なテキスト編集（斜体、太字、フォントサイズ、フォントカラー、リンクの追加、箇条書きなど）は、ツールバーで行います。

 

マージン、行の高さは左側のパネルでカスタマイズできます。

・パーソナライゼーション機能について

テキストをパーソナライズする機能は、個々のユーザーに合わせた内容に書き換えることができる非常に便利なものです。 この機能には、「マージタグ」と「スペシャルリンク」の2種類があります。

画像

1. 「＋」ブロックをクリックします。
2. 「画像」ボタンをクリックします。
3. 画像ブロックが挿入されます。
4. 画像は、データを画像ブロックにドラッグアンドドロップするか、画像ブロックをクリックすると表示される「ファイル管理」のポップアップウィンドウの「ファイルの追加」からアップロードできます。

   💡 画像データのアップロードは、JPEG または PNG 形式で行えます。最大ファイルサイズは 2MB、最大幅は 600ピクセルです。

   
5. 画像リンクの設定や画像サイズの変更など、様々な機能を左側のパネルでカスタマイズできます
   💡「編集」ボタンをクリックすると、画像の色調整やテキスト挿入などが可能です。

GIF

1. 「＋」ブロックをクリックします。
2. 「GIF」ボタンをクリックします。
3. 画像リンクの設定や画像サイズの変更など、様々な機能を左側のパネルでカスタマイズできます。

• アニメーションGIFを挿入する方法

必要なGIF画像をアプリ内で検索してください。 GIF画像を選択すると、Webページへのクリックスルー、代替テキスト、整列、画像サイズ、余白を設定できます。

• アプリ外のGIFを挿入する方法

GIFコンテンツからアプリ外のGIFを挿入することはできません。

アプリ外のGIFを挿入するには「画像コンテンツ」からアップデートできます。

1. 「＋」ブロックをクリックします。
2. 「画像」ボタンをクリックします。
3. 画像ブロックをクリックすると表示される「ファイル管理」のポップアップウィンドウの「ファイルの追加」からアップロードできます。 
   

   💡 GIFデータのアップロード最大ファイルサイズは 2MBです。インターネット上のGIFを利用する場合は、GIFコンテンツブロックを挿入するだけで、オンラインでGIFを閲覧することができます。

   

ボタン

1. 「＋」ブロックをクリックします。
2. 「ボタン」ボタンをクリックします。
3. リンクや色など、様々な機能を左側のパネルでカスタマイズできます。

区切り

1. 「＋」ブロックをクリックします。
2. 「区切り」ボタンをクリックします。
3. 線の色や太さなど、様々な機能を左側のパネルでカスタマイズできます。

スペーサー

1. 「＋」ブロックをクリックします。
2. 「スペーサー」ボタンをクリックします。
3. スペースの高さや背景色など、様々な機能を左側のパネルでカスタマイズできます。

ソーシャル

1. 「＋」ブロックをクリックします。
2. 「ソーシャル」ボタンをクリックします。
3. アイコンのスタイルやサイズなど、様々な機能を左側のパネルでカスタマイズできます。

ビデオ

1. 「＋」ブロックをクリックします。
2. 「ビデオ」ボタンをクリックします。
3. YouTubeのリンクや画像サイズなど、様々な機能を左側のパネルでカスタマイズできます。

HTML

1. 「＋」ブロックをクリックします。
2. 「HTML」ボタンをクリックします。
3. HTMLコードを左側のパネルでカスタマイズできます。

製品

1. 「＋」ブロックをクリックします。
2. 「製品」ボタンをクリックします。
3. 画像サイズやタイトル、金額など、様々な機能を左側のパネルでカスタマイズできます。

---

「構造」タブの詳細

「構造」タブは、Eメールエディターの中央のタブから選択できます。

コンテンツブロック（基本パーツ）

テンプレートは、構造体とコンテンツという2つの基本的な要素で構成されています。

構造体をクリックすることで、個々の構造体を追加、移動、削除することができます。

1. 選択した構造体をテンプレートにドラッグして追加します。
   例：2つのコンテンツブロックを持つ構造体を選びます。
2. 2つのブロックを持つ構造体ができたら、コンテンツを挿入する構造をクリックします。 クリックすると新しいコンテンツを挿入する為のポップアップが表示されます。

コンテンツを左側のパネルで編集する

構造体の列数や幅や高さ、背景画像など、様々な機能を左側のパネルでカスタマイズできます。

カラムについて

構造の各カラムを個別に編集することができます。

1. テンプレートに構造を挿入します。
2. コンテンツを追加します。 コンテンツはカラムごとに編集することができます。

---

「設定」タブの詳細

「設定」タブは、Eメールエディターの右側のタブから選択できます。

表示されないプリヘッダ

プレビューテキストは、受信トレイでメールの件名の直後に表示されるテキストです。

メール設定

テンプレートの幅を調整できます。

💡標準の幅は600pxに設定されています。600pxの幅は、デスクトップとモバイルの両方のデバイスで問題なく表示される設定です。

カラー設定

 

フォントの設定

見出し（1、2、3）、段落、ボタンのフォント、色、サイズを変更することができます。

💡フォント設定は、テキストツールバーと連動しています。一度設定しておくと、テンプレートにテキストを挿入する際に、テキストツールバーから簡単に選択することができます。

行の高さ

テンプレート内の行間を4つのオプションから1つ選択できます。

---