次の方法で共有

B2B eコマース サイトの設定

  • [アーティクル]

この記事では、Microsoft Dynamics 365 Commerce の企業間 (B2B) eコマース サイトを設定する方法について説明します。

企業間 (B2B) eコマース サイトは、B2B ユーザーのワークフローを最適化するいくつかの重要な機能を提供します。 この記事では、Microsoft Dynamics 365 Commerce の B2B の eコマース サイトを設定する方法について説明します。 B2B に特化したシナリオを有効にするにあたり、構成する必要があるモジュールとサイト設定が示されています。

必要条件

  • B2B の eコマース サイトを設定するには、この記事で説明するように、Commerce headquarters の特定の機能を有効にして構成する必要があります。
  • 製品を見つける、製品の詳細ページ、カート、チェックアウトなどのコア エクスペリエンスには、企業間 (B2C) の eコマース サイトに使用されているものと同じモジュールが使用されます。 サイト作成者は、Dynamics 365 Commerce が対応するすべてのモジュールについてよく理解している必要があります。 詳細については、モジュール ライブラリの概要を参照してください。
  • この記事では、サイト作成者が eコマース サイトの B2B 機能を有効にできるように、Commerce のサイト ビルダー、テンプレート、フラグメント、ページの基本を理解していることを前提としています。

サイト レベルの設定

サイト ビルダーのサイト レベルの設定には、サイト設定 > 拡張機能 でアクセスできます。 次の 2 つのサイト レベル設定は、B2B のシナリオに適用されます。

  • 顧客勘定での支払いを有効にする - このプロパティでは、ユーザーが顧客勘定を使用して注文に対する支払を行います。 使用可能な値は、B2B 顧客に有効化、B2C 顧客に有効化、すべての顧客に有効化、べての顧客に無効化 です。 B2B サイトが顧客勘定に対応している場合は、B2B 顧客に有効化 を選択する必要があります。
  • 注文数量制限を有効化 - このプロパティを使用すると、製品またはカテゴリごとに注文できる品目の数を制限できます。 使用可能な値は、B2B 顧客に有効化、B2C 顧客に有効化、すべての顧客に有効化、べての顧客に無効化 です。

メモ

モジュール ライブラリの最新バージョンにアップグレードする場合は、先に説明したサイト設定がご利用の環境で利用できるようにするために、追加のステップを踏む必要があります。 詳細については、 app.settings.json ファイルを更新するを参照してください 。

ビジネス パートナーの新規登録ページを作成する

ビジネスパートナーになるためには、まずビジネス パートナーのリクエストを提出する必要があります。 B2B のホームページには、ビジネス パートナーのリクエスト ページへのリンクが掲載されており、ユーザーがプロセスを開始できるようになっています。 ユーザーがビジネス パートナーの要求を送信すると、要求が送信された旨の確認がユーザーに送信されます。

ビジネス パートナーのリクエストページを作成する

ビジネス パートナーのリクエスト ページ上の パートナーの新規登録 モジュールは、ユーザーのリクエストを開始してビジネス パートナー になる際に使用されます。 このモジュールを使用すると、新規登録のプロセスに必要なユーザー情報を収集できます。 また、ビジネス アカウント のアドレス モジュールを使用してユーザーの住所を取得します。

サイト ビルダーのビジネス パートナー要求ページを設定、構成するには次の手順に従います。

  1. 新規登録 という名前のテンプレート を作成します。 このテンプレートには、次のモジュールが含まれている必要があります :

    • パートナーの新規登録
    • 階層リンク
    • 表題
    • フッター
    • コンテンツ ブロック
    • テキスト ブロック
    • 製品コレクション

  2. 新規登録のテンプレート を使用して、 ビジネス パートナーのリクエスト要求 という名前のページを作成します。

  3. ヘッダー スロット で、サイトのヘッダーで構成されたヘッダーフラグメントを追加します。

  4. フッター スロット で、サイトのフッターで構成されたフッター フラグメントを追加します。

  5. メイン スロットにコンテナ モジュールを追加します。 モジュールのプロパティ ウィンドウで、幅 の値を 全コンテナー に設定します。

  6. コンテナースロットで、パンくず モジュールを追加します。 モジュール プロパティ ウィンドウの リンク で、ホーム ページへのリンクを構成し、リンク テキストに ホームと入力します。

  7. コンテナー スロットで、パンくずモジュールの下に パートナー新規登録モジュールを追加します。 モジュール プロパティ ウィンドウの ヘッダー で 、ビジネス パートナー になると入力します。

  8. パートナーの新規登録 スロットで、ビジネス アカウント アドレスモジュールを追加します。

  9. コンテナー スロットで、パートナーの新規登録モジュールの下に テキスト ブロックモジュールを追加します。 ここでは、新規登録のプロセスに対していくつかの条件を定義できます。

  10. 保存 を選択し、 続いてプレビュー を選択してページをプレビューします。

  11. 保存 を選択し、 編集の完了 を選択してページにチェックインし、発行 を選択して公開します。

  12. ページの URL を公開します。

ビジネス パートナーのリクエスト確認を作成する

ビジネス パートナーのリクエストが送信された後、送信を承認する確認ページがユーザーに表示されます。

サイト ビルダーのビジネス パートナーの確認ページを設定、構成するには次の手順に従います。

  1. 上記で作成した新規登録のテンプレート を使用して、 ビジネス パートナーのリクエスト確認 という名前のページを作成します。
  2. ヘッダー スロット で、サイトのヘッダーで構成されたヘッダーフラグメントを追加します。
  3. フッター スロット で、サイトのフッターで構成されたフッター フラグメントを追加します。
  4. メイン スロットにコンテナ モジュールを追加します。 モジュールのプロパティ ウィンドウで、幅 の値を 全コンテナー に設定します。
  5. コンテナースロットで、コンテンツ ブロック モジュールを追加します。 モジュール プロパティ ウィンドウの 見出し で、送信済みの要求を入力します。 リッチ テキスト フィールドに、リクエストが送信されましたと入力します。 リンク 配下に、ホーム ページへのリンクを構成し、リンク テキストに 買い物に戻ると入力します。
  6. さらに コンテナーモジュールを追加し、これに製品コレクションモジュールを追加します。
  7. ページに表示したいレコメンデーション、またはカテゴリーのリストを使用して、製品コレクションのモジュールを設定します。
  8. 保存 を選択し、 続いてプレビュー を選択してページをプレビューします。
  9. 保存 を選択し、 編集の完了 を選択してページにチェックインし、発行 を選択して公開します。
  10. ページの URL を公開します。

サイト ビルダーでリクエスト確認ページへのリンクを追加するには次の手順に従います。

  1. 上記で作成した ビジネス パートナーのリクエスト ページに移動し、編集 を選択します。
  2. パートナーの新規登録モジュール スロットを選択します。 新規登録確認ページへのリンク配下のプロパティ ペインで、上記で作成したビジネス パートナーのリクエスト ページへのリンクを構成します。
  3. 保存 を選択し、 編集の完了 を選択してページにチェックインし、発行 を選択して公開します。

ビジネス パートナーのリクエストののリンクをホーム ページに追加する

ビジネス パートナーから新規登リクエスト、および確認ページが作成された後は、ホーム ページのリンクを通じて登録ページにアクセスできる必要があります。 このタスクを実行するには、ホーム ページの任意のコンテンツ ブロック モジュールにリンクを追加します。

ホームページにビジネス パートナーのリクエストのリンクを追加するには、次の手順に従います。

  1. ご利用のサイトのホームページに移動し、編集を選択します。
  2. コンテンツ ブロック モジュール スロットを選択します。 リンク配下の、モジュール プロパティ ペインで、上記で作成したビジネス パートナーのリクエスト ページへのリンクを構成し、リンク テキストにビジネスパートナーに新規登録する、あるいは類似するテキストを入力します。 必要に応じて画像を追加します。
  3. 保存 を選択し、 編集の完了 を選択してページにチェックインし、発行 を選択して公開します。

アカウント管理ランディング ページ

アカウント管理のランディング ページには、B2B と B2C の両方の eコマース サイトに必要なすべてのアカウント管理情報が含まれます。 このページは、サインインしたユーザーだけに表示されます。

サイト ビルダーの B2B アカウント管理のランディング ページを作成・構成するには、次の手順に従います。

  1. アカウント管理 という名前のテンプレート を作成します。 このテンプレートには、次のモジュールが含まれている必要があります :

    • 表題
    • フッター
    • 階層リンク
    • アカウントのようこそタイル
    • アカウント汎用タイル
    • アカウント アドレス タイル
    • アカウント ウィッシュリスト タイトル
    • アカウント アドレス タイル
    • アカウント ロイヤルティ タイル
    • アカウント顧客残高タイル
    • アカウント注文テンプレート タイル
    • 組織ユーザー
    • ビジネス組織リスト
    • 顧客アカウント残高
    • 注文テンプレートの明細
    • 注文テンプレートのリスト
    • アカウント請求書タイル
    • 請求書リスト
    • 請求書の詳細

  2. アカウント管理のテンプレートを使用して、自分のアカウント という名前のページを作成します。

  3. ヘッダー スロット で、サイトのヘッダーで構成されたヘッダーフラグメントを追加します。

  4. フッター スロット で、サイトのフッターで構成されたフッター フラグメントを追加します。

  5. メイン スロットにコンテナ モジュールを追加します。 モジュールのプロパティ ウィンドウで、幅 の値を 全コンテナー に設定します。

  6. コンテナースロットで、パンくず モジュールを追加します。 モジュール プロパティ ウィンドウの リンク で、ホーム ページへのリンクを構成し、リンク テキストに ホームと入力します。

  7. コンテナースロットで、ウェルカム タイル モジュールを追加します。 モジュール プロパティ ウィンドウの 見出し で、ようこそを入力します。

  8. 新しいページのメイン スロットで、さらにコンテナ― モジュール (コンテナ―2)を追加します。 モジュールのプロパティ ウィンドウで、幅 の値を 全コンテナー に設定します。 表示される子 の値を 2 に設定します。

  9. コンテナー2 スロットで、アカウントの汎用タイル モジュールを追加します。 モジュール プロパティ ウィンドウの 見出し で、プロファイルを入力します。 リンク で、プロファイル ページへのリンクを構成します。

  10. コンテナー2 スロットで、さらにアカウントの汎用タイル モジュールを追加します。 モジュール プロパティ ウィンドウの 見出し で、注文履歴を入力します。 リンク で、注文履歴ページへのリンクを構成します。

  11. メイン スロットで、さらにコンテナ― モジュール (コンテナ―3)を追加します。 モジュールのプロパティ ウィンドウで、幅 の値を 全コンテナー に設定します。 表示される子 の値を 2 に設定します。

  12. コンテナー3 スロットで、アカウントのアドレス タイル モジュールを追加します。 モジュール プロパティ ペインの 見出し で、マイ アドレスを入力します。 リンク で、マイ アドレス ページへのリンクを構成します。

  13. コンテナー3 スロットで、アカウントのウィッシュ タイル モジュールを追加します。 モジュール プロパティ ペインの 見出し で、マイ ウィッシュリストを入力します。 リンク で、マイ ウィッシュリスト ページへのリンクを構成します。

  14. メイン スロットで、さらにコンテナ― モジュール (コンテナ―4)を追加します。 モジュールのプロパティ ウィンドウで、幅 の値を 全コンテナー に設定します。 表示される子 の値を 2 に設定します。

  15. コンテナー4 スロットで、組織のユーザー モジュールを追加します。 モジュール プロパティ ウィンドウの 見出し で、組織のユーザーを入力します。

  16. コンテナー4 スロットで、アカウントの顧客残高タイル モジュールを追加します。 モジュール プロパティ ウィンドウの 見出し で、アカウント クレジットを入力します。

  17. メイン スロットで、さらにコンテナ― モジュール (コンテナ―5)を追加します。 モジュールのプロパティ ウィンドウで、幅 の値を 全コンテナー に設定します。 表示される子 の値を 2 に設定します。

  18. コンテナー5 モジュールで、アカウントの注文テンプレート タイル モジュールを追加します。 モジュール プロパティ ウィンドウの 見出し で、注文テンプレートを入力します。

  19. コンテナー 5 モジュールで、アカウントの請求書タイル モジュールを追加します。 モジュール プロパティ ウィンドウの 見出し で、請求書と入力します。

  20. 保存 を選択し、 編集の完了 を選択してページにチェックインし、発行 を選択して公開します。

メモ

手順13 から 18 で追加したセクションは、B2B アカウントへのサインインが必要となるため、サイト ビルダーの 「見たとおりのものが結果に反映される」 (WYSIWIG) キャンバスには表示されません。

顧客残高ページとモジュールの作成・構成

顧客アカウントは、注文への支払に使用できます。 顧客アカウントの利用可能残高は、ユーザーのアカウント管理ページから確認することができます。

顧客残高ページを作成する

B2B にサインインしたユーザーが顧客残高を表示するには、顧客残高ページを作成する必要があります。

サイト ビルダーで顧客残高ページを作成するには、次の手順を実行します。

  1. 上記で作成したアカウント管理テンプレートを使用して顧客の残高という名前でページを作成します。
  2. ヘッダー スロット で、サイトのヘッダーで構成されたヘッダーフラグメントを追加します。
  3. フッター スロット で、サイトのフッターで構成されたフッター フラグメントを追加します。
  4. メイン スロットで、さらにコンテナ― モジュール (コンテナ―3)を追加します。 モジュールのプロパティ ウィンドウで、幅 の値を 全コンテナー に設定します。 表示される子 の値を 2 に設定します。
  5. コンテナースロットで、パンくず モジュールを追加します。 モジュール プロパティ ペインの リンク 配下で、アカウント管理ランディングページへのリンクを構成し、リンク テキストにマイ アカウントと入力します。
  6. コンテナー スロットで、顧客アカウントの残高 モジュールを追加します。 モジュール プロパティ ウィンドウの 見出し で、アカウントの残高を入力します。
  7. 保存 を選択し、 編集の完了 を選択してページにチェックインし、発行 を選択して公開します。
  8. ページの URL を公開します。
  9. 上記で作成したアカウント管理ランディング ページ ( マイ アカウント) に移動します。
  10. アカウントの顧客残高タイルモジュール のプロパティ ペインで 、顧客残高ページへのリンクを追加します。
  11. ページを保存してプ公開します。

以上で顧客の残高ページが作成されたため、ユーザーはアカウント管理のランディング ページからアクセスできるようになります。

顧客の残高を支払いに使用できるように精算ページを構成します

顧客残高を決済手段として利用できるようにするには、顧客アカウント決済モジュールが必要となります。 このモジュールを、支払い方法として精算ページに追加する必要があります。 精算ページの設定方法や、すべての支払い詳細を含む精算に必要となるモジュールについては、精算モジュールを参照してください。

精算ページの構成後は、支払セクションに顧客アカウントの支払モジュールを追加し、ページを保存して公開する必要があります。 その後、B2Bユーザーは eコマース サイトにログインし、精算中に顧客が利用可能な残高を注文に適用できます。

さらに、サイト ビルダー > 拡張機能で、顧客勘定支払を有効にする プロパティが B2B 顧客に対して有効化 に設定されている必要があります。

注文テンプレート ページを作成する

B2B の eコマースサイトには、注文テンプレート リストのページと注文テンプレート明細行ページの 2 つの注文テンプレート ページを設定できます。

注文テンプレートの一覧ページには、使用可能なすべての注文テンプレートの一覧が表示されます。 注文テンプレート リスト モジュールを使用して設定します。 注文テンプレートリスト ページでは、テンプレートを作成または削除し、テンプレートの品目をカートに追加できます。

注文テンプレート明細行ページには、注文テンプレートリスト ページで選択された注文テンプレートの詳細が表示されます。 注文テンプレート明細行 モジュールを使用して設定します。 ユーザーが注文テンプレートの一覧ページでテンプレート名を選択すると、注文テンプレートの明細行ページが表示され、テンプレートの詳細が表示されます。 テンプレートの項目を表示、編集できます。

注文テンプレート リストのページを作成する

サイト ビルダーで注文テンプレート リストのページを作成するには、次の手順を実行します。

  1. 上記で作成したアカウント管理テンプレートを使用して注文のテンプレートという名前でページを作成します。
  2. ヘッダー スロット で、サイトのヘッダーで構成されたヘッダーフラグメントを追加します。
  3. フッター スロット で、サイトのフッターで構成されたフッター フラグメントを追加します。
  4. メイン スロットにコンテナ モジュールを追加します。 モジュールのプロパティ ウィンドウで、幅 の値を 全コンテナー に設定します。
  5. コンテナースロットで、パンくず モジュールを追加します。 モジュール プロパティ ペインの リンク 配下で、アカウント管理ランディングページへのリンクを構成し、リンク テキストにマイ アカウントと入力します。
  6. コンテナー スロットで、注文テンプレート リスト モジュールを追加します。
  7. 保存 を選択し、 編集の完了 を選択してページにチェックインし、発行 を選択して公開します。
  8. ページの URL を公開します。
  9. 上記で作成したアカウント管理ランディング ページ ( マイ アカウント) に移動します。
  10. リンク の下にある、アカウント注文テンプレート タイル モジュールのプロパティ ペインで、上記で作成した注文テンプレート一覧ページへのリンクを設定します。
  11. ページを保存してプ公開します。

以上で注文のテンプレートページが作成されたため、ユーザーはアカウント管理のランディング ページからアクセスできるようになります。

注文テンプレート 明細行ページを作成する

サイト ビルダーで注文テンプレート明細行のページを作成するには、次の手順を実行します。

  1. 上記で作成したアカウント管理テンプレートを使用して注文のテンプレート明細行という名前でページを作成します。
  2. ヘッダー スロット で、サイトのヘッダーで構成されたヘッダーフラグメントを追加します。
  3. フッター スロット で、サイトのフッターで構成されたフッター フラグメントを追加します。
  4. メイン スロットにコンテナ モジュールを追加します。 モジュールのプロパティ ウィンドウで、幅 の値を 全コンテナー に設定します。
  5. コンテナースロットで、パンくず モジュールを追加します。 モジュール プロパティ ペインの リンク 配下で、アカウント管理ランディングページへのリンクを構成し、リンク テキストにマイ アカウントと入力します。
  6. コンテナー スロットで、注文テンプレート明細行 モジュールを追加します。
  7. 保存 を選択し、 編集の完了 を選択してページにチェックインし、発行 を選択して公開します。
  8. ページの URL を公開します。

ビジネス パートナーのユーザーをオンボードする

組織ユーザーページでは、ビジネスパートナー組織の管理者は、その組織から B2B eコマース サイトに追加のユーザーをオンボードすることができます。 ビジネス組織のリスト モジュールを使用して設定します。 管理者は組織ユーザーのページから、ユーザーの追加や削除、アカウント残高の定義、ユーザーのステートメントを要求することができます。

サイト ビルダーで組織ユーザーのページを作成するには、次の手順を実行します。

  1. 上記で作成したアカウント管理テンプレートを使用して組織ユーザーという名前でページを作成します。
  2. ヘッダー スロット で、サイトのヘッダーで構成されたヘッダーフラグメントを追加します。
  3. フッター スロット で、サイトのフッターで構成されたフッター フラグメントを追加します。
  4. メイン スロットにコンテナ モジュールを追加します。 モジュールのプロパティ ウィンドウで、幅 の値を 全コンテナー に設定します。
  5. コンテナースロットで、パンくず モジュールを追加します。 モジュール プロパティ ペインの リンク 配下で、アカウント管理ランディングページへのリンクを構成し、リンク テキストにマイ アカウントと入力します。
  6. コンテナー スロットで、組織のユーザー モジュールを追加します。 モジュール プロパティ ウィンドウの 見出し で、組織のユーザーを入力します。
  7. 業務組織 リスト モジュールのプロパティ ペインで、テーブルの並べ替え と テーブルのページ設定 のプロパティを有効にします。 改ページ位置の自動修正のカウントを 5に設定します。
  8. 保存 を選択し、 編集の完了 を選択してページにチェックインし、発行 を選択して公開します。
  9. ページの URL を公開します。
  10. 上記で作成したアカウント管理ランディング ページ ( マイ アカウント) に移動します。
  11. リンク の下にある、組織ユーザーのタイル モジュールのプロパティ ペインで、上記で作成した組織ユーザー ページへのリンクを設定します。
  12. 保存 を選択し、 編集の完了 を選択してページにチェックインし、発行 を選択して公開します。

請求書ページの作成

請求書一覧のページには、使用可能なすべての請求書が表示されます。 InvoicesList モジュールを使用して設定します。 請求書リスト ページで、ユーザーは請求書の支払や要求を実行可能です。

請求書の詳細ページには、請求書リスト ページで選択された請求書の詳細が表示されます。 請求書の詳細 モジュールを使用して設定します。 ユーザーが請求書リスト ページで請求書 ID を選択すると、請求書の詳細ページが表示され、請求書の詳細が表示されます。

請求書リスト ページを作成する

サイト ビルダーで請求書リストのページを作成するには、次の手順を実行します。

  1. 上記で作成したアカウント管理テンプレートを使用して請求書リストという名前でページを作成します。
  2. ヘッダー スロット で、サイトのヘッダーで構成されたヘッダーフラグメントを追加します。
  3. フッター スロット で、サイトのフッターで構成されたフッター フラグメントを追加します。
  4. メイン スロットにコンテナ モジュールを追加します。 モジュールのプロパティ ウィンドウで、幅 の値を 全コンテナー に設定します。
  5. コンテナースロットで、パンくず モジュールを追加します。 モジュール プロパティ ペインの リンク 配下で、アカウント管理ランディングページへのリンクを構成し、リンク テキストにマイ アカウントと入力します。
  6. コンテナースロットで、InvoicesList モジュールを追加します。 モジュール プロパティ ウィンドウの 見出し で、請求書と入力します。
  7. 保存 を選択し、 編集の完了 を選択してページにチェックインし、発行 を選択して公開します。
  8. ページの URL を公開します。
  9. 上記で作成したアカウント管理ランディング ページ ( マイ アカウント) に移動します。
  10. リンク の下にある、アカウント請求書タイル モジュールのプロパティ ペインで、上記で作成した請求書のリスト ページへのリンクを設定します。
  11. 保存 を選択し、 編集の完了 を選択してページにチェックインし、発行 を選択して公開します。

請求書の詳細ページを作成する

サイト ビルダーで請求書の詳細ページを作成するには、次の手順を実行します。

  1. 上記で作成したアカウント管理テンプレートを使用して請求書の詳細という名前でページを作成します。
  2. ヘッダー スロット で、サイトのヘッダーで構成されたヘッダーフラグメントを追加します。
  3. フッター スロット で、サイトのフッターで構成されたフッター フラグメントを追加します。
  4. メイン スロットにコンテナ モジュールを追加します。 モジュールのプロパティ ウィンドウで、幅 の値を 全コンテナー に設定します。
  5. コンテナースロットで、パンくず モジュールを追加します。 モジュール プロパティ ペインの リンク 配下で、アカウント管理ランディングページへのリンクを構成し、リンク テキストにマイ アカウントと入力します。 続いて、請求書リスト ページへのリンクを構成し、リンク テキストに 請求書リストと入力します。
  6. コンテナースロットで、請求書の詳細 モジュールを追加します。
  7. 保存 を選択し、 編集の完了 を選択してページにチェックインし、発行 を選択して公開します。
  8. ページの URL を公開します。

買い物カゴ ページへのクイック追加モジュールの追加

クイック追加モジュールは、品目 ID (最小在庫管理単位 [SKU] ID とも呼ばれる) を使用して、買い物カゴに複数の品目を簡単に追加する方法を提供します。 クイック追加モジュールがサイトの買い物カゴ ページに追加されます。

Commerce サイト ビルダーの買い物カゴ ページにクイック追加モジュールを追加するには、以下の手順に従います。

  1. テンプレートに移動し、サイトの買い物カゴ ページ テンプレートを選択します。
  2. 編集を選択します。
  3. 既定のページモジュールのメイン スロットで、省略記号ボタン (...) を選択し、モジュールの追加を選択します。
  4. モジュールの追加 ダイアログ ボックスで、コンテナー モジュールを選択して、OK を選択します。
  5. コンテナー スロットの省略ボタン (...) を選択し、モジュールの追加 を選択します。
  6. モジュールの追加ダイアログ ボックスで、クイック追加モジュールを選択して、OK を選択します。
  7. 保存 を選択し、 編集の完了 を選択してテンプレートをチェックインし、発行 を選択して公開します。
  8. ページに移動し、サイトの買い物カゴ ページを選択します。
  9. 既定のページモジュールのメイン スロットで、省略記号ボタン (...) を選択し、モジュールの追加を選択します。
  10. モジュールの追加 ダイアログ ボックスで、コンテナー モジュールを選択して、OK を選択します。
  11. コンテナー モジュールのプロパティ ウィンドウの幅で、全コンテナーを選択します。
  12. コンテナー スロットの省略ボタン (...) を選択し、モジュールの追加 を選択します。
  13. モジュールの追加ダイアログ ボックスで、クイック追加モジュールを選択して、OK を選択します。
  14. 保存 を選択し、 編集の完了 を選択してページにチェックインし、発行 を選択して公開します。

メモ

クイック追加モジュールは、Commerce バージョン 10.0.17 リリース時点で使用できます。 古いバージョンの Commerce を更新する場合は、appsettings.json ファイルを手動で更新する必要があります。 手順については、SDK およびモジュール ライブラリの更新 を参照してください。

製品詳細ページに一括購入モジュールを追加する

商品詳細ページ (PDP) の一括購入モジュールは、購入者が複数のバリエーションの商品を素早くカートに入れることができるマトリック スベースのエクスペリエンスを提供します。 サイト ユーザーが同じ製品の複数のバリアントを注文する必要がある場合、これにより、商品の寸法の組み合わせを選択し、数量を定義し、そのバリアントをカートに入れ、さらに他の寸法の組み合わせでも同じ作業を繰り返す必要がなくなります。

Commerce サイト ビルダーの PDP に一括購入モジュールを追加するには、以下の手順で行います。

  1. テンプレートに移動し、サイトの PDP テンプレートを選択します。
  2. 編集を選択します。
  3. 既定のページモジュールのメイン スロットで、省略記号ボタン (...) を選択し、モジュールの追加を選択します。
  4. モジュールの追加 ダイアログ ボックスで、コンテナー モジュールを選択して、OK を選択します。
  5. コンテナー スロットの省略ボタン (...) を選択し、モジュールの追加 を選択します。
  6. モジュールの追加 ダイアログ ボックスで、一括購入 モジュールを選択し、続いて OK を選択します。
  7. 保存 を選択し、 編集の完了 を選択してテンプレートをチェックインし、発行 を選択して公開します。
  8. ページに移動し、サイトの PDP を選択します。
  9. 既定のページモジュールのメイン スロットで、省略記号ボタン (...) を選択し、モジュールの追加を選択します。
  10. モジュールの追加 ダイアログ ボックスで、コンテナー モジュールを選択して、OK を選択します。
  11. コンテナー モジュールのプロパティ ウィンドウの幅で、全コンテナーを選択します。
  12. コンテナー スロットの省略ボタン (...) を選択し、モジュールの追加 を選択します。
  13. モジュールの追加 ダイアログ ボックスで、一括購入 モジュールを選択し、続いて OK を選択します。
  14. 保存 を選択し、 編集の完了 を選択してページにチェックインし、発行 を選択して公開します。

メモ

一括購入モジュールは、Commerce バージョン 10.0.24 リリース時点で使用できます。 古いバージョンの Commerce を更新する場合は、appsettings.json ファイルを手動で更新する必要があります。 手順については、SDK およびモジュール ライブラリの更新 を参照してください。

追加リソース

モジュール ライブラリの概要

SDK およびモジュール ライブラリの更新

作成ページの概要

テンプレートとレイアウトの概要

フラグメントで動作

新しいサイト ページの追加

チェックアウト モジュール

コンテンツ ブロック モジュール

製品収集モジュール