チュートリアル: Commerce検索結果レンダリングを使用したクロスセルとアップセル

Version: 10.2
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

Commerce検索結果レンダリングは、クロスセルとアップセルを顧客に提供するために簡単にカスタマイズできる汎用性の高いレンダリングです。Commerce検索結果レンダリングを使用して類似製品をクロスセルする方法の例は、ストアフロント サイト テンプレートのホーム ページで確認できます。

Cross-selling recommended products on the live storefront.

Commerce検索結果レンダリングは、製品のアップセル (たとえば、製品を購入する顧客にパッケージ化された製品バンドル取引を提供するなど) にも使用できます。次の図は、この例を示しており、顧客が興味を持つ可能性のある製品バンドルを提案しています。 カスタムラベルを追加して 、製品バンドルを簡単に識別できます。

Upselling product bundles on the live storefront.

このチュートリアルでは、Commerce検索結果のレンダリングを変更して、推奨される製品バンドルを表示する方法について説明します。

コマース スコープを作成する

この検索範囲クエリは、リレーションシップを調べることで、検索結果の製品に関連付けられている製品バンドルを取得します。この手順で作成する検索スコープ クエリは、既定のPDPの関連製品スコープで使用されるクエリと似ています。汎用検索トークンProductRelationshipを再利用し、必要なリレーションシップ フィールドの名前 ( Sellable Item To Bundleフィールドなど) を指定します。

コマーススコープを作成するには:

  1. コンテンツ エディターで /sitecore/Content/<tenant>/<site>/Settingsに移動し、Scopesを右クリックしてInsert, Scopeをクリックします。

  2. Messageダイアログボックスで、「Related Bundles on PDP」と入力し、「OK」をクリックします。

  3. ContentタブのScopeセクションのScope Queryフィールドに、スコープ クエリ +sxa:ProductRelationship|SellableItemToBundle;+custom:excludefromwebsitesearchresults|false;+commercesearchitemtype:sellableitemを入力します。

  4. リボン メニューのSaveをクリックします。

Commerce検索結果レンダリングをページに追加する

Commerce検索結果レンダリングをページに追加するには:

  1. コンテンツ エディターで /sitecore/Content/<tenant>/<site>/Presentation/Partial Designsに移動し、Default Main Product Page Contentを右クリックしてExperience Editorをクリックします。

  2. エクスペリエンス エディターのツールボックスのPage Structureセクションで、Containerをクリックし、ページにドラッグします。

  3. ツールボックスのPage Contentセクションで、Rich Textをクリックしてコンテナにドラッグします。次に、「 Bundles you might find interesting」と入力します。

  4. テキストのスタイルを設定するには、ツール バーのEdit the textをクリックし、Rich Text EditorでHTMLタブをクリックし、次のマークアップを追加してAcceptをクリックします。

    Rich Text Editor showing text markup.

  5. ツールボックスのCommerce Catalogセクションで、Commerce Search Resultsをクリックし、レンダリングをコンテナにドラッグします。 Select the Associated Contentダイアログボックスで、「 Default 」をクリックし、「 OK」をクリックします。

  6. Commerce Search Resultsツールバーで、More, Edit component propertiesをクリックします。

  7. SearchCriteriaセクションのSearch results signatureフィールドに「related-bundles」と入力します。

  8. Search scopeフィールドでRelated Bundles on PDPをクリックし、次の図に示す値を定義して、OKをクリックします。

    Control Properties dialog box.

  9. ToolboxのSearchセクションで、Load Moreレンダリングをクリックし、Commerce検索結果レンダリングの下のページにドラッグします。Select the Associated Contentダイアログボックスで、「 Default」をクリックし、「 OK」をクリックします。

  10. Load MoreツールバーでMore, Edit component propertiesをクリックし、SearchCriteriaセクションのSearch results signatureフィールドに「Related-bundles」と入力してOKをクリックします。

  11. 変更を保存します。

「Product Bundles」セクションのパーソナライズ

現在の製品に関連する製品バンドルがない場合に、製品バンドルを推奨するセクションがレンダリングされず、Commerce検索結果レンダリングがクエリを実行しないようにするには、パーソナライゼーション ルールを追加する必要があります。

セクションをパーソナライズするには:

  1. 前の手順で追加したContainerレンダリングをクリックします。

  2. ツールバーのCreate or edit personalization for this componentをクリックし、Personalize the componentダイアログボックスでAdd (+) をクリックして名前Related bundlesを入力します。

  3. Edit ruleをクリックし、Choose conditionsフィールドに「 field 」と入力してルールwhere the specific field compares to specific valueをクリックします。

  4. Edit ruleボックスでspecificをクリックし、「SellableItemToBundle」と入力してOKをクリックします。comparesをクリックしてis equal toに変更し、OKをクリックします。Warningダイアログボックスで、「OK」をクリックします。

  5. Defaultセクションで、「Hide」をクリックします。

  6. 「 OK 」をクリックして、「 Personalize component 」ダイアログ・ボックスを閉じます。

  7. リボン メニューのHomeタブで、Saveをクリックし、Publishをクリックします。

何かフィードバックはありますか?

この記事を改善するための提案がある場合は、