トランザクションメッセージでの製品リストの使用 using-product-listings
トランザクションメールのコンテンツを編集する際に、1つ以上のデータコレクションを参照する製品リストを作成できます。 たとえば、カート放棄メールでは、利用者がweb サイトを離れた際にカートに入っていたすべての商品のリストと、画像、価格、各商品へのリンクを含めることができます。
トランザクションメッセージに放棄された製品のリストを追加するには、次の手順に従います。
また、トランザクションメールで製品リストを設定するために必要な手順を説明するこの一連のビデオ を視聴することもできます。
製品リストの定義 defining-a-product-listing
トランザクションメッセージ内の製品リストを使用する前に、表示するリストの各製品のリストとフィールドをイベントレベルで定義する必要があります。 詳しくは、データコレクションの定義を参照してください。
-
トランザクションメッセージで、「Content」ブロックをクリックしてメールの内容を変更します。
-
構造コンポーネントをワークスペースにドラッグ＆ドロップします。 詳しくは、 メール構造の定義を参照してください。
例えば、1 列の構造コンポーネントを選択し、テキストコンポーネント、画像コンポーネント、ボタンコンポーネントを追加します。 詳しくは、 コンテンツコンポーネントの使用を参照してください。
-
先ほど作成した構造コンポーネントを選択し、コンテキストツールバーの「Enable product listing」アイコンをクリックします。
構造コンポーネントはオレンジ色のフレームでハイライト表示され、「Product listing」設定は左側のパレットに表示されます。
-
コレクションの要素の表示方法を選択します。
- Row：水平方向とは、他の行の下の各要素を意味します。
- Column：垂直方向とは、同じ行で各要素が隣り合っていることを意味します。
note NOTE Column オプションは、複数列構造コンポーネント （2:2列、3:3列、4:4列）を使用する場合にのみ使用できます。 製品リストを編集する場合は、最初の列にのみ入力します。他の列は考慮されません。 構造コンポーネントの選択について詳しくは、 メール構造の定義を参照してください。 -
トランザクションメッセージに関連するイベントを設定する際に作成したデータ収集を選択します。 これは、Context／Real-time event／Event context ノードの下にあります。
イベントの設定について詳しくは、データコレクションの定義を参照してください。
-
「First item」ドロップダウンリストを使用して、メールに表示されるリストを開始する要素を選択します。
例えば、「2」を選択した場合、コレクションの最初のアイテムはメールに表示されません。 2 つ目のアイテムは製品リストに開始されます。
-
リストに表示するアイテムの最大数を選択します。
note NOTE リストの要素を垂直に表示する場合（Column）は、選択した構造コンポーネント（2、3、4 列）に応じて、アイテムの最大数が制限されます。 構造コンポーネントの選択について詳しくは、メール構造の編集を参照してください。
製品リストを入力しています populating-the-product-listing
トランザクションメールにリンクされたイベントからの製品のリストを表示するには、次の手順に従います。
コレクションの設定時に、イベントおよび関連するフィールドを作成する方法について詳しくは、データコレクションの定義を参照してください。
-
挿入したイメージコンポーネントを選択し、「Enable personalization」を選択して設定パネルで鉛筆をクリックします。
-
開いた「Image source URL」ウィンドウで「Add personalization field」を選択します。
Context／Real-time event／Event context ノードで、作成したコレクションに対応するノード（ここでは Product list）を開き、定義した画像フィールド（ここでは Product image）を選択します。 「Save」をクリックします。
選択したパーソナライゼーションフィールドが設定ペインに表示されます。
-
目的の位置で、コンテキストツールバーから「Insert personalization field」を選択します。
-
Context／Real-time event／Event context ノードで、作成したコレクションに対応するノード（ここでは Product list）を開き、作成したフィールド（ここでは Product name）を選択します。 「Confirm」をクリックします。
選択したパーソナライゼーションフィールドがメールコンテンツ内の目的の位置に表示されます。
-
価格を挿入する場合と同様におこないます。
-
テキストを選択し、コンテキストツールバーから「Insert link」を選択します。
-
開いた「Insert link」ウィンドウで「Add personalization field」を選択します。
Context／Real-time event／Event context ノードで、作成したコレクションに対応するノード（ここでは Product list）を開き、作成した URL フィールド（ここでは Product URL）を選択します。 「Save」をクリックします。
note important IMPORTANT セキュリティ上の理由から、適切な静的ドメイン名で始まるリンク内にパーソナライゼーションフィールドを挿入してください。 
選択したパーソナライゼーションフィールドが設定ペインに表示されます。
-
製品リストを適用する構造コンポーネントを選択し、デフォルトコンテンツを定義する場合に「Show fallback」を選択します。
-
1 つまたは複数のコンテンツコンポーネントをドラッグし、必要に応じて編集します。
フォールバックコンテンツは、イベントがトリガーされたときにコレクションが空の場合（顧客がカートに何も持っていない場合など）に表示されます。
-
設定ペインで、製品リストのスタイルを編集します。 詳しくは、電子メールスタイルの管理を参照してください。
-
関連するトランザクションイベントにリンクされ、収集データを定義したテストプロファイルを使用して、メールをプレビューします。 例えば、使用するテストプロファイルの「Event data」セクションに次の情報を追加します。
トランザクションメッセージでのテストプロファイルの定義について詳しくは、この節を参照してください。