電子メールデザイナーのコンテンツ用コンポーネントを使用する

メールコンテンツを一から作成する際は、コンテンツコンポーネントを使用すると、メールに配置して使用できる空の Raw コンポーネントで、メールをさらにパーソナライズできます。
メールのレイアウトを定義する構造コンポーネント内には、必要な数だけコンテンツコンポーネントを追加できます。

ボタン

ボタンコンポーネントを使用すると、メールに複数のボタンを挿入し、メールのオーディエンスを別のページにリダイレクトできます。

「コンテンツコンポーネント」から、「ボタン」を「構造コンポーネント」にドラッグ＆ドロップします。
新しく追加したボタンをクリックして、テキストをパーソナライズし、E メールデザイナーの右側のペインにある「コンポーネント設定」にアクセスできるようにします。
「コンポーネント設定」の「リンク」フィールドで、ボタンをクリックしたときにオーディエンスをリダイレクトする先の URL を追加します。
ターゲットドロップダウンで、オーディエンスのリダイレクト方法を選択します。
- なし：クリックしたフレームと同じフレームでリンクを開きます（デフォルト）。
- 空白：リンクを新しいウィンドウまたは新しいタブで開きます。
- セルフ：クリックしたフレームと同じフレームでリンクを開きます。
- 親：親フレームでリンクを開きます。
- トップ：ウィンドウ全体でリンクを開きます。
ボタンをさらにパーソナライズするには、スタイル、マージン、ボーダーなどを変更します。

テキスト

テキストコンポーネントを使用すると、メールにテキストを挿入できます。「コンポーネント設定」で、テキストの色、スタイル、サイズを調整できます。

「コンテンツコンポーネント」で、「テキスト」を「構造コンポーネント」にドラッグ＆ドロップします。
新しく追加したコンポーネントをクリックして、テキストをパーソナライズし、E メールデザイナーの右側のペインにある「コンポーネント設定」にアクセスできるようにします。
ツールバーで次のオプションを使用して、テキストを変更します。
- テキストスタイルの変更：テキストに太字、斜体、下線、取り消し線を適用します。
- 配置の変更：テキストの行揃えを左揃え、右揃え、中央揃えまたは両端揃えから選択します。
- リストの作成：テキストに箇条書きまたは番号リストを追加します。
- 見出しの設定：テキストに最大 6 つのレベルの見出しを追加します。
- フォントサイズ：テキストのフォントサイズをピクセル単位で選択します。
- 画像の編集：テキストコンポーネントに画像またはアセットを追加します。アセット管理の詳細情報。
- ソースコードの表示：テキストのソースコードを表示します。変更はできません。
- 複製：テキストコンポーネントのコピーを追加します。
- 削除：選択したテキストコンポーネントをメールから削除します。
- パーソナライズの追加：パーソナライゼーションフィールドを追加し、プロファイルデータを使用してコンテンツをカスタマイズできます。コンテンツのパーソナライゼーションの詳細情報。
ユーザーエクスペリエンスを向上させるために、パーソナライゼーションフィールドを追加し、オーディエンスをターゲットに設定できます。詳しくは、この節を参照してください。
コンポーネント設定を使用すると、テキストの色、フォントファミリ、サイズを調整できます。

ディバイダー

ディバイダーコンポーネントを使用すると、分割線を挿入してメールのレイアウトと内容を整理できます。
コンポーネント設定で、区切り線の色、スタイル、およびサイズを選択できます。

HTML

HTML を使用すると、既存の HTML の別の部分をコピーして貼り付けることができます。これにより、無料のモジュール型 HTML コンポーネントを作成できます。

外部のコンテンツを簡単に E メールデザイナーに準拠させるには、一からメッセージを作成し、既存のメールのコンテンツをコンポーネントにコピーすることをお勧めします。

「コンテンツコンポーネントで、「HTML」を「構造コンポーネント」にドラッグ＆ドロップします。
新しく追加したコンポーネントをクリックし、ソースコードを表示して HTML を追加します。
追加する HTML コードをメールにコピー＆ペーストし、「保存」をクリックします。
HTML をさらにパーソナライズするには、スタイル、マージン、ボーダーを変更したり、オーディエンスを別の内容にリダイレクトするリンクを追加したりします。

画像

画像コンポーネントを使用すると、コンピューターからメールに画像ファイルを挿入できます。

内容コンポーネントで、画像を構造コンポーネントにドラッグ＆ドロップします。
「参照」をクリックして、アセットから画像ファイルを選択します。

Assets Essentials について詳しくは、Adobe Experience Manager Assets Essentials のドキュメントを参照してください。
新しく追加したコンポーネントをクリックしてコンテンツコンポーネントの設定を開始し、E メールデザイナーの右側ペインにある「コンポーネント設定」にアクセスできるようにします。
画像プロパティを設定します。
- 「画像タイトル 」で、画像のタイトルを定義します。
- 代替テキストを使用すると、画像にリンクするキャプションを定義できます。これは alt HTML 属性に対応します。
画像をさらにパーソナライズするには、スタイル、マージン、ボーダーを変更したり、オーディエンスを別のコンテンツにリダイレクトするリンクを追加したりします。

ビデオ

ビデオコンポーネントを使用すると、メールに URL リンクでビデオを挿入できます。

コンテンツコンポーネントで、ビデオを構造コンポーネントにドラッグ＆ドロップします。
新しく追加したコンポーネントをクリックしてコンテンツコンポーネントの設定を開始し、E メールデザイナーの右側ペインにある「コンポーネント設定」にアクセスできるようにします。
コンポーネント設定の「ビデオリンク」フィールドに、ビデオの URLを追加します。
ビデオにポスター画像を追加すると、オーディエンスが再生ボタンをクリックするまで表示する画像を指定できます。
画像をさらにパーソナライズするには、スタイル、マージン、ボーダーなどを変更します。

ソーシャルコンポーネントを使用すると、メールにソーシャルメディアページへのリンクを挿入できます。

「コンテンツコンポーネント」で、「ソーシャル」を「構造コンポーネント」にドラッグ＆ドロップします。
新しく追加したコンポーネントをクリックしてコンテンツコンポーネントの設定を開始し、E メールデザイナーの右側ペインにある「コンポーネント設定」にアクセスできるようにします。
「コンポーネント設定」の「ソーシャル」フィールドで、追加または削除するソーシャルメディアを選択します。
「画像のサイズ」フィールドで、アイコンのサイズを選択します。
各ソーシャルメディアアイコンをクリックし、オーディエンスをリダイレクトする先の URL を設定します。
必要に応じて、「画像」フィールドで各ソーシャルメディアのアイコンを変更することもできます。
ソーシャルメディアのアイコンをさらにパーソナライズするには、スタイル、マージン、ボーダーを変更します。