インボックスのデザイン inbox-design

このページ:​インボックスチャネルのレイアウト、処理能力、未読インジケーター、空の状態を設定すると、メッセージがブランドに即して読みやすくレンダリングされます。これにより、ターゲットプロファイルに対してライトモードとダークモードで明確で一貫性のあるエクスペリエンスを提供できます。

インボックスのデザインは、インボックスサーフェス内で各メッセージがターゲットプロファイルにどのようにレンダリングされるかを制御します。この設定には、インボックスのテンプレート、リスト表示、展開表示、新しいメッセージと既に閲覧済みのメッセージを区別する読み取り状態インジケーターが含まれます。

インボックスキャンペーンを作成する手順について詳しくは、インボックスの作成を参照してください。

  1. 作成したインボックスキャンペーンの「コンテンツ」タブを開きます。

  2. コンテナタイトル​を設定します。

  3. インボックスのレイアウトを選択します。

    • リストレイアウト:各コンテンツカードを縦方向のリストで表示します。これにより、プロファイルがメッセージをスクロールして、一度に 1 つずつ開くことができます。

    • カルーセルレイアウト:カードを水平カルーセルで表示します。これにより、プロファイルがインボックスサーフェスから離れることなく、ハイライトをスワイプしたり横に移動したりできます。

  4. インボックスの​処理能力、つまりインボックスが保持するように設定されているコンテンツカードの最大数を指定します。

  5. 未読設定​を切り替えて、未読メッセージの表示方法を設定します。

    • 未読のアイコン画像の URL:未読項目の横または上に表示される画像を指定し、ダークモード用の URL を追加します。これにより、アプリやサイトでダークテーマを使用している場合でもアイコンが表示され、ブランドに即して維持できます。

    • 背景色:ライトモードのカラーと、必要に応じてダークモードのカラーを設定します。これにより、未読の処がブランドと一致し、インボックスの背景色に対して読み取り可能なままになります。

    • 配置:ドロップダウンを使用して、未読アイコンをレイアウトに合わせて表示する場所を選択します。

  6. 空の状態​で、表示するメッセージがない場合に表示するプロファイルを設定します。

    • メッセージテキスト:インボックスが空であることを説明する短いテキストまたは次の手順を示す短いテキスト。

    • 画像 URL:空白の領域を表示する代わりに、空の状態を強化するライトモードのオプションのイラストまたはグラフィック。

    • ダークモード用画像の URL:オプションの画像がダークモード用に調整されています。これにより、コントラストが低くなったり、エッジが厳しくなったりすることなく、空の状態が正しく表示されます。

  7. レールアイコン をクリックしてプレビューパネルを開き、空のインボックスの表示方法を確認します。

  8. データ」セクションで、「メタを追加」をクリックして、ペイロードにカスタムのキーと値のペアを追加します。

  9. アイコンをクリックして、インボックスのダークモードのプレビューを開き、ダークテーマのカラーと画像を確認します。

準備が整ったら、設定を確認し、インボックスをアクティブ化します。アクティベーション後は、コンテンツカードで使用できます。

recommendation-more-help
journey-optimizer-help