チェックアウトモジュール (プレビュー)

[アーティクル]
05/28/2024

重要

この記事に記載されている一部またはすべての機能は、プレビューリリースの一部として使用可能です。コンテンツおよび機能は、変更されることがあります。プレビューリリースの詳細については、1 つのバージョンのサービス更新に関するよく寄せられる質問を参照してください。

この記事では、ページにチェックアウトモジュールを追加し、必要なプロパティを設定する方法について説明します。

チェックアウトモジュールは、注文を作成するために必要なすべてのモジュールをホストする特別なコンテナーです。これは、顧客が購買を行うのに必要なすべての情報を入力するために使用する、ステップバイステップのフローを示します。これは、出荷先住所、配送方法、および請求書情報を示します。また、注文集計や、顧客注文に関連するその他の情報も表示されます。

チェックアウトモジュールは、カート ID に基づくデータを表示します。このカート ID は、ブラウザー Cookie として保存されます。カート ID は、注文の品目、合計金額、割引などの情報をチェックアウトモジュールで表示するために必要です。

以下の図は、Fabrikam の精算ページにおける精算モジュールの例を示しています。

精算モジュールの例。

チェックアウトモジュールプロパティ

チェックアウトモジュールは、注文集計および注文を行うための機能を表示します。注文を配置する前に必要なすべての顧客情報を収集するには、追加モジュールをチェックアウトモジュールに追加する必要があります。したがって、小売業者は、各自の要件に基づいてカスタムモジュールをチェックアウトフローに追加したり、モジュールを除外したりする柔軟性を備えています。

プロパティ名	値	説明
チェックアウトヘッダー	ヘッダーテキストとヘッダータグ (H1、H2、H3、H4、H5、または H6)	チェックアウトモジュールのヘッダー。
注文集計のヘッダー	ヘッダーテキスト	モジュールの注文集計セクションのヘッダー。
カート明細行品目のヘッダー	ヘッダーテキスト	チェックアウトモジュールに表示されるカート明細行品目のヘッダー。
明細行品目での出荷費用の表示	True または False	このプロパティがTrueに設定されている場合、明細行品目に適用できる出荷費用がカート明細行に表示されます。 Commerce Headquartersで配給機能を持つヘッダー費用が有効になっている場合、出荷費用は行レベルではなくヘッダーレベルで適用されます。この機能は、Commerce バージョン 10.0.13 で追加されました。

チェックアウトモジュールで使用できるモジュール

出荷先住所 – このモジュールにより、顧客が注文の出荷先住所を追加または選択できます。このモジュールの詳細については、出荷先住所モジュールを参照してください。

以下の図は、Fabrikam の精算ページにおける配送先住所モジュールの例を示しています。
配送オプション – このモジュールにより、顧客は注文の配送モードを選択できます。このモジュールの詳細については、配送オプションモジュールを参照してください。

以下の図は、Fabrikam の精算ページにおける配送オプションモジュールの例を示しています。
チェックアウトセクションコンテナー – このモジュールは、複数のモジュールを内側に配置して、チェックアウトフロー内にセクションを作成できるコンテナーです。たとえば、すべての支払関連モジュールをこのコンテナー内に配置し、1 つのセクションとして表示することができます。このモジュールは、フローのレイアウトにのみ影響します。
ギフトカード – このモジュールにより、顧客はギフトカードを使用して注文に対する支払を行うことができます。このモジュールの詳細については、ギフトカードモジュールを参照してください。
ロイヤルティポイント – このモジュールにより、顧客はロイヤルティポイントを使用して注文に対する支払を行うことができます。利用可能なポイントと期限が切れるポイントの概要を提供し、顧客が引き換えるポイント数を選択できるようにします。顧客がサインインしていないかロイヤルティメンバーではない場合、またはカート内の合計金額が 0 (ゼロ) の場合、このモジュールは自動的に非表示になります。
支払 – このモジュールにより、顧客はクレジットカードやデビットカードを使用して注文に対する支払を行うことができます。顧客は、選択した支払オプションの請求先住所を入力することもできます。このモジュールの詳細については、支払モジュールを参照してください。

次の図は、チェックアウトページのギフトカード、ロイヤルティポイント、支払モジュールの例を示しています。
連絡先情報 – このモジュールにより、顧客は注文に対する連絡先情報 (電子メールアドレス) を追加または変更できます。

プロパティ名	値	Description
顧客参照の有効化	True または False	このオプションのプロパティをTrueに設定した場合、顧客はチェックアウト時に参照番号を指定し、これを注文ヘッダーに保存できます。この機能は、Commerce バージョン 10.0.40 リリース以降で使用できます。
顧客要求の有効化	True または False	このオプションのプロパティをTrueに設定した場合、顧客はチェックアウト時に要求番号を指定し、これを注文ヘッダーに保存できます。顧客は注文履歴でこの情報を表示し、この番号を使用して注文をフィルタ処理できます。この機能は、Commerce バージョン 10.0.40 リリース以降で使用できます。
カートメモの有効化	True または False	このオプションのプロパティがTrueに設定されている場合、顧客はチェックアウト時に配送指示などの情報を提供できます。この情報は、注文ヘッダーへの注記の添付ファイルとして保存されます。この機能は、Commerce バージョン 10.0.40 リリース以降で使用できます。

テキストブロック – このモジュールには、コンテンツ管理システム (CMS) によって発生する任意のメッセージングが含まれます。たとえば、"注文に関する問題については、1-800-Fabrikam にお問い合わせください" というメッセージが含まれている場合があります。
チェックアウトの使用条件: このモジュールでは、使用条件を含むリッチテキストと、顧客入力のチェックボックスを表示します。このチェックボックスはオプションで、コンフィギュレーション可能です。入力はモジュールによってキャプチャされ、発注が開始される前のチェックとして使用できますが、注文の概要情報には含まれません。このモジュールは、ビジネスニーズに応じて、チェックアウトコンテナー、チェックアウトセクションコンテナー、または使用条件スロットに追加できます。モジュールがチェックアウトコンテナまたはチェックアウトセクションのコンテナスロットに追加された場合、そのモジュールはチェックアウトプロセスの手順として表示されます。モジュールが条件スロットに追加された場合、そのモジュールは注文配置ボタンの近くに表示されます。

次の図は、チェックアウトページの使用条件の例を示しています。

メモ

オンラインチャネルでオンライン注文の複数の支払い方法 (ポイントやクレジットカードによる支払い) を受け入れる予定がある場合、オムニチャネルコマースの注文支払い(本部の システム管理 > ワークスペース > 機能管理) 機能、およびコールセンターの注文完了を有効にする 設定 (小売りとコーマース > チャネル > コールセンター のチャネルの全般クイックタブ) の両方を有効にしておく必要があります。 オムニチャネル Commerce の注文支払い機能が有効となっている場合、注文完了の有効化 設定は既定で有効であり、非表示です。

Commerce Scale Unit インタラクション

出荷先住所や出荷方法など、チェックアウト情報のほとんどはカートに保管され、注文の一部として処理されます。唯一の例外は、クレジットカード情報です。この情報は、Adyen 支払コネクタを使用して直接処理されます。支払は承認されていますが、注文が履行されるまで請求されません。

新規ページに精算モジュールを追加して必要なプロパティを設定する

新しいページにチェックアウトモジュールを追加して必要なプロパティを設定するには、次の手順を実行します。

フラグメント に移動し、続いて新規を選択して新規フラグメントを作成します。
フラグメントの選択 ダイアログボックスで、チェックアウト モジュールを選択します。
フラグメント名 で、チェックアウトフラグメント と名前を入力し、OK を選択します。
精算モジュール スロットを選択します。
右側の [プロパティ] ウィンドウで、鉛筆の記号を選択し、フィールドに見出しテキストを入力し、続いてチェックマーク記号を選択します。
精算情報スロットで、省略ボタン (...) を選択し、モジュールの追加 を選択します。
モジュールの選択 ダイアログボックスで、配送先住所、出荷オプション、精算セクションコンテナー、連絡先情報 の各モジュールを選択し、OK を選択します。
精算セクションコンテナー モジュールで、省略ボタン (...) を選択し、モジュールの追加 を選択します。
モジュールの選択 ダイアログボックスで、ギフトカード, ロイヤルティ、支払いを選択し、OK を選択します。このようにして、すべての支払方法が 1 つのセクションにまとめて表示されることを確認します。
使用条件 スロットで、必要に応じて、チェックアウトの使用条件 モジュールを追加します。モジュールのプロパティペインで、使用条件テキストを必要に応じてコンフィギュレーションします。
保存を選択し、続いてプレビュー を選択してフラグメントをプレビューします。カートコンテキストがない一部のモジュールは、プレビューで表示されない場合があります。
編集の完了 を選択してフラグメントにチェックインし、発行を選択して公開します。
新しいチェックアウトフラグメントを使用するテンプレートを作成します。
新しいテンプレートを使用するチェックアウトページを作成します。

[注記] 店頭会計の支払を強化で説明されているように単一の支払認証を使用する場合は、チェックアウトページの チェックアウト情報 セクションで、チェックアウトセクションのコンテナーが最後に配置されていることを確認します。これにより、最終的な支払いのチェックアウトおよび注文完了アクションの前に、必要なすべての情報がチェックアウトページで確実に収集されます。