MoEngageのドラッグ＆ドロップメールエディタを使用する

注意 - この機能は最新のリリースで廃止されました

MoEngageのドラッグ＆ドロップメールビルダーを使用すると、ヘッダー、フッター、コンテンツブロックなどの事前構築されたコンポーネントを使用して、すばやくメールテンプレートを作成できます。簡単なドラッグアンドドロップ操作で。各コンポーネントは個別に再注文、編集、カスタマイズでき、メールテンプレートのデザインにおいて最大限の柔軟性を提供しながら、時間と労力を節約できます。

始めに

以前のWYSIWYGエディターと同様に、ドラッグ＆ドロップのメールビルダーは、キャンペーン作成フローの「Compose Email」タブでメールキャンペーンを作成する際にアクセスできます。このタブでは、3つの新しいセクションが表示されます。基本、コンテキスト、保存されたテンプレート

BASIC - このセクションには、カスタマイズ可能な既定のレイアウトや、従来のWYSIWYGエディタを使用するオプション、またはテンプレートをアップロードして編集するオプションなど、最も簡単なテンプレート作成オプションが含まれています。

コンテキスト – このセクションは、新しいユーザーの歓迎、放棄されたカートのリマインダー送信などの一般的なユースケースを対象としたいくつかの事前設計されたテンプレートのコレクションです。これらのテンプレートは、メールを作成する準備ができているユースケースがある場合に、ドラッグ＆ドロップのメールビルダーで使用できます。

保存されたテンプレート - このセクションでは、独自のテンプレートを保存し、必要に応じて再利用することができます。テンプレートをデスクトップとモバイルの両方でプレビューしたり、ドラッグ＆ドロップメールビルダーを使用して作成されたテンプレートを通常のWYSIWYGエディターで編集することもできます。ただし、逆の操作、つまりWYSIWYGエディターで作成したテンプレートをドラッグ＆ドロップメールビルダーでインポートして修正することは現在サポートしていません。

メールテンプレートの作成

ドラッグ＆ドロップのメールビルダーは2つの部分に分かれています。左側にはキャンペーンを作成するために使用できるさまざまなコンポーネントが表示され、右側にはこれらのコンポーネントをキャンペーンのニーズに合わせて配置できるキャンバスがあります。

これらのコンポーネントはキャンバスにドラッグして、必要に応じて編集できます。

次のセクションでは、サポートされているさまざまな要素と、それぞれに対して利用可能なカスタマイズオプションについて説明します。

グローバルカスタマイズオプション：

すべての要素には標準のWYSIWYGエディターオプションがあり、個別にカスタマイズできるようにHTML編集オプションも提供されています。

標準的なWYSIWYGエディターオプション要素
HTML編集オプション（コードビューアイコンをクリックした後、WYSIWYGエディターで利用可能）
また、各要素には、これらのタスクを実行する際に時間を節約するために使用できる編集、複製、および削除オプションがあります。さらに、各要素には独自のスタイリングオプションがあり、それぞれに個別のスタイルカスタマイズを行うことができます。以下のリストは、各要素とそのユニークなスタイリングオプションの詳細を示しています。

要素

画像タイトル - この要素には、大きな背景画像のプレースホルダー、小さな前景画像、およびバナーテキストのプレースホルダーが含まれています。これらのコンポーネントはすべて、左側の編集ペインで編集できます。

スタイリングオプション

コード- この要素を使用すると、コードスニペットや論理条件をHTMLや Jinja としてテンプレートに挿入できます。

スタイリングオプション

スペース – 2つの要素の間に余分なスペースを作成するために使用できる、ページに空のスペースを挿入します。

1つの画像 - テンプレートに画像を挿入するために使用できます。画像の宛先設定には、次のいずれかのオプションを使用できます:

ローカルドライブから画像をアップロードする
画像のURLを提供する
パーソナライズされたURLを使用する
画像ライブラリから画像を追加する

テキスト - テンプレートにテキストブロックを挿入します。

ボタン - テンプレートにボタン要素を挿入し、「今すぐ購入」、「今すぐ予約」、「ここをクリック」などのさまざまなCTAに使用できます。

2つの画像 - 2つの画像を同じ行に並べて配置することができます。各画像にはすべての編集オプションがあり、それぞれ個別にカスタマイズすることができます。

3つの画像 - 3つの画像を同じ行に並べて配置することができます。各画像にはすべての編集オプションがあり、それぞれ個別にカスタマイズできます。

区切り線- テンプレートに水平線を挿入し、ページ内に視覚的なセクションを作成することができます

ヘッダー

ヘッダーは、通常、メールテンプレートの最上部に位置するレイアウトコンポーネントです。MoEngageのドラッグ＆ドロップメールビルダーで提供される5つのヘッダーオプションは、テンプレートヘッダーを希望の外観に簡単にカスタマイズすることを可能にします。テンプレートのデザインに応じて、以下のようにヘッダーを選択できます。

画像（中央） - このオプションを使用すると、画像（例: ロゴ）をヘッダーの中央に配置し、必要に応じてカスタマイズできます。