製品ブロックのドラッグ&ドロップ

ドラッグ＆ドロップエディターでは、カスタムの Liquid コードを作成しなくても、メッセージに製品ブロックをすばやく追加、設定できます。

important:

製品ドラッグ＆ドロップブロック機能は早期アクセス段階であり、現時点ではメールでのみ使用できます。早期アクセスへの参加に興味がある方は、Brazeのアカウントマネージャーに連絡を。

要件

要件	説明
e コマースの推奨イベント	eコマース推奨イベントは、注文の前後に発生する主要な行動イベントの標準化されたデータスキーマを提供します。これらのイベントは、最終的には従来の Braze 購入イベントを置き換えるものであり、商取引関連の行動を追跡するための標準となる予定です。 e コマースの推奨イベントは、ダイナミックな製品ブロックに必要です。 e コマースの推奨イベントは現在、早期アクセス段階です。早期アクセスに参加したい場合は、Braze カスタマーサクセスマネージャーにお問い合わせください。
eコマースキャンバスのテンプレート	e コマースの推奨イベントは、閲覧の放棄、カート放棄、注文確認などの必須ユースケース向けに設計された e コマースキャンバステンプレートを含む、事前に作成されているテンプレートをサポートしています。 eCommerce Canvas テンプレートを使用して、これらの必須eCommerce ユースケースのいずれかを実装する場合は、提供されているCanvas テンプレートを使用するか、それに従う必要があります。
Braze カタログ	製品ブロック設定で使用される以下のフィールドを含むBraze カタログを作成する必要があります。`product_title product_url variant_image_url`

ドラッグアンドドロップ製品ブロックの種類

製品ブロック	目的	ユースケース	可用性
ダイナミック	eCommerce 推奨イベントおよびeCommerce Canvas テンプレート内のカタログを使用して、顧客とのやり取りに基づいて製品のショーケースでメッセージをカスタマイズします。	閲覧の放棄カート放棄購入手続き放棄注文確認	キャンバスでのみ使用できます。
静的	Brazeカタログまたはカタログ選択に保存されたデータのみを使用して製品をカスタマイズします。	新製品の発売やカテゴリ別のオファリングを紹介するのに最適です。

製品ブロックのコンテンツ設定

各ブロックタイプには、異なるコンテンツ設定があります。

製品フィールド

Product Fields セクションで、製品ブロックタイプを選択し、各製品に含めるフィールドを切り替えます。各フィールドは、選択した製品ブロックのタイプに基づいて、異なるソースからプルされます。

ダイナミック製品ブロック

製品フィールド	ソース
バリアント画像	カタログ
製品名	カタログ
製品 URL のボタン	カタログ
価格	e コマースの推奨イベントのプロパティ
数量	e コマースの推奨イベントのプロパティ

カタログデータとイベントデータに分割された動的製品ブロックの製品フィールド{: style=”max-width:50%;”}

静的製品ブロック

製品フィールド	ソース
バリアント画像	カタログ
製品名	カタログ
製品 URL のボタン	カタログ
価格	カタログ

静的製品ブロックの製品項目。これらはすべてカタログデータとして分類されます。

レイアウトオプション

レイアウトオプションを使用して、製品ブロック内での製品の表示方法をカスタマイズします。

オプション	説明
製品の向き	ブロック内の画像フィールドと製品フィールドの向きを選択します。
位置揃え	ブロック内のテキストフィールドとボタンの配置を調整します。
行あたりの最大製品数	1 行につき最大3 つの製品を表示し、静的製品ブロックについては合計12 製品まで、動的製品ブロックについては合計24 製品まで表示します。
製品の間隔	製品の間隔を設定します。

製品の向き、配置、行あたりの最大製品数、製品間隔のレイアウトオプション。

グローバルメールスタイル設定

グローバルメールスタイル設定では、Braze内のメールに一貫したスタイルを適用できます。つまり、すべてのメールに自動的に適用される特定のスタイル(フォント、色、ボタンデザインなど)を定義できます。

グローバルメールスタイル設定と製品ブロックの連携の仕組み

段落およびボタンの既存のスタイルは、製品ブロック内のテキストおよびボタン要素に自動的に適用されます。つまり、段落やボタンに設定した書式設定は、製品ブロックで一貫して使用され、メール全体にわたって一貫した外観が維持されます。

製品ブロックの設定

カタログセットアップ

important:

製品の同期のために Braze と Shopify の連携を使用している場合は、製品ドラッグ＆ドロップブロックを使用するために必要な追加の手順はありません。

製品バリアント情報がない場合は、イベントペイロードおよびカタログ内の製品項目と製品バリアント項目の両方で、最上位の製品情報を複製する必要があります。つまり、製品ブロックが正しく動作するように整合性を維持するには、両方の識別子に同じ製品詳細を指定する必要があります。

ドラッグアンドドロップ製品ブロックを使用するには、特定の項目値を含むBraze カタログを設定する必要があります。これらのフィールドは、製品ブロック設定で使用されます。カタログに次のフィールドが含まれていることを確認します。

フィールド	説明
`product_title`	製品のタイトル。
`product_url`	顧客が製品を閲覧または購入できるURL。
`variant_image_url`	バリアント画像の URL。

必要なフィールドを含むこのサンプル製品カタログを使用して、作業をすぐに開始します。

他に加えて必要なフィールドを持つサンプルCSV ファイル。

製品ブロックの作成

このガイドでは、E メールのドラッグアンドドロップエディタを使用して、動的または静的な製品ブロックの作成、テスト、および機能性の確認を行う手順について説明します。

ステップ1:メールキャンペーンまたはメールキャンバスステップを作成する

ダイナミック製品ブロック

note:

ダイナミックプロダクトブロックにはeCommerceの推奨イベントが必要で、Canvases内でのみ使用できます。Braze Shopify ユーザーの場合、これらのイベントは統合の一部として自動的に含まれます。Shopify以外のユーザーの場合は、開発者と協力してこれらのイベントをBrazeに渡し、イベント内の一次製品IDがカタログアイテムIDとして追加されるようにする必要があります。

特定のユースケースに使用可能な Braze テンプレートの1つを使用する新しいキャンバスを作成します。

閲覧の放棄
カート放棄
購入手続き放棄
注文確認

eCommerce Canvaseの作成に関する詳細な手順については、eCommerceのユースケースを参照してください。

静的製品ブロック

ドラッグ＆ドロップメールキャンペーン、アクションベースのキャンバス、またはドラッグ＆ドロップメールのメッセージステップを含むテンプレートを作成します。

メッセージステップ内で、メールを作成するか、ドラッグアンドドロップのメールコンポーザーを使用して既存のテンプレートを変更します。製品ブロックをメールメッセージにドラッグします。ダイナミックブロックタイプが選択されていることを確認します。パーソナライズに使用する製品カタログを選択します。ターゲットとするインバウンドイベントの製品と一致していることを確認します。

製品ブロックをメールメッセージにドラッグして、静的ブロックタイプを選択します。製品ブロックに使用するカタログを選択します。カタログに選択肢がある場合は、それを選択して、製品ブロックに表示される製品をさらに絞り込む必要があります。

製品ブロックなどのエディターブロックがある [コンテンツ] タブ。