> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Recommendations モジュール

> 空の Upcart ドロワーで商品のおすすめを表示およびカスタマイズする方法を学びます。

<div id="overview">
  # 概要
</div>

Recommendations モジュールを使用すると、顧客のカートが空のときにおすすめ商品を表示できます。これは、購入者を再び引きつけ、主要なコレクションやベストセラーへと誘導する貴重な機会です。この機能には、Upcart ダッシュボードの **Cart Editor > Recommendations** からアクセスできます。

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/recommendations-empty-cart-shop-now.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=aa58539f8a79212f0e936071a8f855b4" alt="Shop Now ボタンとおすすめのスノーボード商品が表示された空の Upcart cart drawer" width="400" data-path="images/upcart/recommendations-empty-cart-shop-now.png" />

<div id="settings">
  # 設定
</div>

このモジュールには、顧客体験を調整してエンゲージメントを高めるために有効化できる、いくつかのオプション要素が含まれています。

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/recommendations-settings-panel-header-text.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=d5bfefb6c368d953959a13bc40b6ae2a" alt="ヘッダーテキスト、Shop Now ボタン、レイアウトオプションがある Recommendations 設定パネル" width="400" data-path="images/upcart/recommendations-settings-panel-header-text.png" />

<div id="edit-header-text">
  ## **ヘッダーテキストの編集**
</div>

これは、おすすめエリアの上に表示されるメインの見出しまたは導入メッセージを設定します。顧客にストアの閲覧を促すために使用できます。たとえば、「カートは空です。人気商品をチェックしてみてください」のようなメッセージで、買い物の継続を促すことができます。

<div id="enable-shop-now-button">
  ## **「Shop Now」ボタンの有効化**
</div>

オンに切り替えると、ヘッダーテキストの下に目立つコールトゥアクションボタンが追加されます。顧客が商品の閲覧を始めるためのクイックリンクを提供します。ユーザーをストアの特定のセクションに積極的に誘導したい場合に使用してください。

<div id="edit-button-text">
  ## **ボタンテキストの編集**
</div>

このフィールドは、「Shop Now」ボタンに表示されるラベルを制御します。ストアのトーンに応じて、「買い物を始める」や「すべての商品を見る」などのフレーズを使用できます。

<div id="edit-button-url">
  ## **ボタン URL の編集**
</div>

ここでは、ボタンのリンク先を定義します。ほとんどのストアでは、`/collections` や `/collections/bestsellers` などのコレクションページにリンクします。ボタンが正しくルーティングされるように、完全な相対パスを使用してください。

<div id="product-recommendations-header-text">
  ## **商品のおすすめのヘッダーテキスト**
</div>

これは、おすすめ商品のリストのすぐ上に表示されるタイトルを設定します。一般的には「こちらもおすすめ」や「あなたへのおすすめ」などが使われます。

<div id="configure-manual-recommendations">
  ## **手動のおすすめの設定**
</div>

1. クリックして手動の商品選択ウィンドウを開きます。
2. おすすめしたい特定の商品を選択します。
3. 選択を保存します。

\*\*[Upsells モジュール](/ja/upcart/upsells_module)\*\*とは異なり、これらの手動選択は常に表示され、トリガー商品に依存しません。カートが空のときはいつでも表示されます。

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/recommendations-select-products-modal-collection.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=f81585fdd96d76bb51729ce403f7947f" alt="おすすめ商品を選択するための Collection タブの Select Products モーダル" width="500" data-path="images/upcart/recommendations-select-products-modal-collection.png" />

<div id="maximum-number-of-recommendations-to-display">
  ## **表示するおすすめの最大数**
</div>

これを使用して、表示する商品数を制限します。5 つの商品を選択して表示上限を 3 に設定すると、最初の 3 つのみが表示されます。これにより、レイアウトを焦点の絞られたすっきりしたものに保てます。

<div id="recommendation-direction">
  ## **おすすめの表示方向**
</div>

おすすめ商品のレイアウト方法を選択します:

* **カルーセルレイアウト**は、左右の矢印でスクロールできる横一列で商品を表示します。
* **ブロックレイアウト**は、商品を 1 列に縦に積み重ねます。

ブランドのデザインと cart drawer の利用可能なスペースに最適なレイアウトを選択してください。

<div id="product-reviews">
  ## **商品レビュー**
</div>

**Show product reviews on recommendations** にチェックを入れると、各おすすめ商品に星評価が表示されます。評価は接続されたレビューアプリの商品メタフィールドから取得されるため、有効なレビューデータが存在する場合にのみ表示されます。

オンにすると、**Review count text** フィールドで星の横に表示する件数の文言を設定できます — `{{review_count}}` 変数を使用して数値を挿入してください。
