AIメールエディター
EngageLabは、ビジュアルでAI支援の作成が可能なメール編集ツールを提供します。コードを書かずにドラッグ＆ドロップでレスポンシブかつモバイル対応のメールデザインを作成でき、AIを利用して下書き生成、コンテンツのブラッシュアップ、レイアウト調整、画像処理を行えます。送信前には「受信トレイプレビュー」で主要なメールクライアントでの表示を検証できます。
EngageLab Email にログインしてテンプレートを作成すると、無料で300ポイントが付与されます。
メールテンプレートの作成
編集画面を開くと、以下の3つの方法でメールの作成を開始できます：
AI作成：短い指示を入力すると、エディタがその指示に基づいてメールのコンテンツとレイアウトを起点として生成します。生成後はワークスペースで編集を続けられます。
テンプレート作成：テンプレートカードを閲覧したり、キーワード検索やカテゴリ（例：基本テンプレート、テーマテンプレートなど）で絞り込んで選択できます。選択後はテンプレートを基に直接修正できます。
インポート作成：他プラットフォームからHTMLをインポートできます。エディタはインポートした内容を編集可能なセクションに解析します。すべてのHTML構造がドラッグ＆ドロップのブロックに完全にマッピングされるわけではないため、インポート後に手動で微調整が必要になることがあります。
エディタのワークスペース
AI、テンプレート、またはインポートのいずれから始めても、エディタはワークスペースを開きます。ここがコンテンツ追加、レイアウト編集、スタイル設定、プレビューおよび保存を行う主要領域です。
1. 主要エリア
| エリア | そこで行うこと |
|---|---|
| トップバー | メールの表示/名前変更、保存状態の表示、元に戻す、プレビュー、保存 |
| 左側ナビゲーション | 「コンテンツ編集」と「AI支援ツール」などのモードを切り替え |
| コンテンツパネル | ブロック、セクションまたは保存済みのコンテンツをメールにドラッグ |
| キャンバス | メールのレイアウトとコンテンツをビジュアルに編集 |
| 右側設定パネル | グローバル設定または選択中の具体的なコンテンツブロックを設定 |
2. トップバー
現在のメールの表示や名前変更、最近の保存状態の表示、戻る、プレビューの起動、メールの保存を行います。保存すると、現在のメールの状態と内容が EngageLab のメールアカウントに書き戻され、後続の送信やマーケティングキャンペーンで利用できます。
3. 左側ナビゲーションとコンテンツパネル
左側ナビゲーションはエディタの主要モードを提供し、一般的な入口は「コンテンツ編集」と「AI支援編集」です。
コンテンツパネルには再利用可能な構築ツールが含まれ、主要なタブは次の通りです：
ブロック：テキスト、画像、ボタン、区切り線、ソーシャルリンク、タイマー、コード、メニューなどの独立したコンテンツブロック。
セクション：あらかじめ用意されたレイアウトセクションをワンクリックでメールに追加可能。
保存済み：保存された再利用可能なコンテンツの管理。
4. 右側設定パネル
このパネルはコンテキストに応じて変化します：
特定のブロックが選択されていない場合は、全体のメール設定を表示：件名、プレビューテキスト、メール幅、背景色、コンテンツ背景色、フォント、リンク色、変数記号設定など。
ブロックまたはセクションを選択すると、その項目固有の設定を表示します。
5. キャンバス
キャンバスはビジュアル編集エリアで、ここでテキスト／画像／ボタン等のコンテンツを選択し、視覚的に並べ替え、レイアウトを編集し、結果をリアルタイムで確認できます。
6. プレビューと保存
保存前にメールをプレビューできます；ワークスペースにはスパムチェック、マルチデバイスプレビュー、および受信トレイプレビューが含まれます。
ブロックとセクション
エディタは「ブロックを積み上げる」方式で構築され、3種類の要素で構成されます。
1. ブロック — 最小のドラッグ可能なコンテンツ単位
ブロックをキャンバスにドラッグすると、そのコンテンツ、スタイル、間隔、表示可否を設定できます。一般的なブロック：
| ブロック | 用途 |
|---|---|
| テキスト | タイトル、本文、説明などのテキストコンテンツ |
| 画像 | 画像の追加または差し替え |
| 画像とテキスト | 画像とテキストの組み合わせレイアウト |
| ボタン | 行動喚起ボタン |
| 区切り線 | コンテンツ領域の視覚的区切り |
| スペーサー | コンテンツ間の垂直スペース |
| ソーシャル | ソーシャルメディアのリンクやアイコン |
| タイマー | 期間限定のイベント用カウントダウン |
| コード | カスタムHTMLやコードコンテンツ |
| メニュー | ナビゲーション用リンク |
| テーブル | 行列で構成された構造 |
| ビデオ | ビデオコンテンツまたはビデオのプレビューブロック |
2. セクション — 既定のレイアウトの組み合わせ
セクションはあらかじめ組み合わされたレイアウト群で、ブロックを一つずつ追加することなくメールを素早く構築するのに役立ちます。一般的な分類：
画像とテキスト：Hero領域、機能ハイライト、製品紹介。
テキスト：テキスト主体の告知、説明、メッセージ。
画像：ギャラリー、バナー、製品ビジュアル。
ヘッダー：ロゴ、ナビゲーション、タイトル、メール上部構造。
フッターと署名：フッターリンク、送信者情報、署名、配信停止セクション。
空の複数カラム：カスタムのマルチカラムレイアウト。
セクションをキャンバスにドラッグしてから、中のブロック、レイアウト、スタイルを編集できます。
3. 保存済みセクション — カスタムの再利用可能セクション
保存済みセクションは再利用のために保存されたカスタムセクションで、ヘッダー、フッター、ロゴ、法務テキスト、ブランド署名、よく使うプロモーションブロック、再利用可能な製品レイアウトなど、複数のメールで繰り返し使われるコンテンツに適しています。保存後は「保存済み」タブからいつでも呼び出して再利用でき、チームが各キャンペーンメールの一貫性を保つのに役立ちます。
キャンバスでブロックまたはセクションを選択すると、エディタは対応するコントロールを表示します。一般的なオプションには：テキスト、画像、リンク、背景色、境界線、角丸、パディング、揃え、デスクトップ/モバイルの表示設定などがあります。セクションレベルの表示設定は、その内部ブロックの表示設定より優先されます。
AI機能
AI機能は、下書き作成、コンテンツのブラッシュアップ、レイアウト調整、画像編集をより素早く行うのに役立ちます。
1. AI作成
プロンプトから新しいメールを作成：短い要件（例：キャンペーンの目的、対象、割引、製品や伝えたい情報）を入力すると、エディタはそれに基づいたメールのアウトラインを生成し、編集可能なメールを作成します。
典型的なユースケース：ウェルカムメール、ニュースレター、プロモーションキャンペーン、カゴ落ち回復メール、製品リリース、オンボーディングメールなど。
AI生成の流れは以下のステップに分かれます：
- プロンプトを入力、またはサンプルブリーフを選択；
- 生成されたアウトラインを確認・調整；
- ビジュアルテーマを選択；
- メールを生成；
- ワークスペースで編集を続行。
アウトラインの確認段階では、業界、シナリオ、出力長、トーン、ターゲットオーディエンス、出力言語、画像ソース、画像モデル、画像スタイルなどを調整できます。生成結果は通常の編集可能なメールとして開かれ、以降はブロック、セクション、グローバル設定、AI編集ツールで変更を続けられます。
2. AIリライティング
ワークスペース内で選択したコンテンツやセクションに対してAIで修正を行えます。セクション、ブロック、画像を選択してAIに最適化させることが可能です。エディタは次のようなクイックアクションを提供する場合があります：
| カテゴリ | 操作例 |
|---|---|
| ライティング | 文体の改善、スペル修正、短縮、拡張、簡素化、緊急性の追加 |
| レイアウト | 新しいレイアウトを試す、2カラムに変更、行動喚起を追加 |
| ビジュアル | より視覚的に、画像を追加 |
既に下書きがあるが、メール全体を作り直すのではなく部分的に改善したい場合、AIリライティングは特に有用です。
3. AI対話
AIパネルは対話型インターフェースでユーザーとAIのやり取りをサポートします。次のような指示を入力できます：
- このセクションを2カラムレイアウトに変更して；
- タイトルをもっと緊迫感のあるものに書き直して；
- このセクションに行動喚起を追加して；
- 画像をもっとテク系ニュースレターに合うようにして。
パネルは変更前と変更後のバージョンを同時に表示し、変更を適用する前に比較できます。
4. AI画像編集
画像を選択すると、AI支援の画像操作を提供する場合があります。例：
- 背景を除去；
- 画像の拡大（アップスケール）；
- 文字を除去；
- プロンプトに基づいて画像を生成または置換。
