> ## 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.

# アップセルモジュール

> このガイドでは、Upcart のアップセルモジュールを設定する方法を説明します

アップセルモジュールを使用すると、お客様はワンクリックで関連商品や補完商品をカートに追加できます。

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/upsells-cart-drawer-youll-love-these.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=6b7bcf3513dd3623b685027bab9d1aa9" alt="You'll love these というアップセルセクションと Add ボタンが表示されたカートドロワー" width="500" data-path="images/upcart/upsells-cart-drawer-youll-love-these.png" />

<div id="product-selection">
  # 商品の選択
</div>

<div id="ai-recommended-upsells">
  ## AI おすすめアップセル
</div>

この設定を有効にすると、[Shopify の商品レコメンデーションアルゴリズム](https://shopify.dev/docs/themes/product-merchandising/recommendations)を使用してアップセルが自動的に提案されます。

<div id="recommendation-algorithm">
  ### レコメンデーションアルゴリズム
</div>

このオプションは、AI レコメンデーションが有効な場合にのみ表示されます。希望する **Recommendation Intent** を選択してください: [Recommendation Intent](https://shopify.dev/docs/themes/product-merchandising/recommendations#recommendation-intents)。

インテントは Shopify が返す商品の*種類*を変えるものであり、セクションの見出しは変わりません。どのように設定しても、アップセルは設定した**アップセルタイトル**（デフォルトは「You'll love these」）の下に表示されます。

<div id="related-products">
  #### **関連商品**
</div>

類似商品や代替可能な商品を表示します。

* **重要:** 商品が「関連」とみなされるには、同じコレクションに属している必要があります。

<div id="complementary-products">
  #### **補完商品**
</div>

アドオンやアクセサリーを表示します。

* **注意:** 補完インテントは [Shopify Search & Discovery アプリ](https://apps.shopify.com/search-and-discovery)で手動で設定する必要があります。アルゴリズムが自動生成するのは「関連」商品のみです。\
  詳細は [Shopify のドキュメント](https://help.shopify.com/en/manual/online-store/search-and-discovery/product-recommendations)をご覧ください。

<div id="smart-variant-matching">
  ## スマートバリエーションマッチング
</div>

<Note>
  このチェックボックスは、**Use AI recommended upsells** がオンで、**かつ**レコメンデーションアルゴリズムが **Related** に設定されている場合にのみ表示されます。手動アップセルや Complementary インテントでは利用できません。
</Note>

有効にすると、Upcart はリストの最初のバリエーションをデフォルトにするのではなく、お客様がすでにカートに入れている商品に合わせたバリエーションをアップセル商品で事前選択します。

たとえば、お客様が黒いシャツをカートに追加した場合、アップセルでは組み合わせられたパンツ商品の黒いバリエーションが自動的に事前選択されます。青いシャツを追加した場合は、代わりに青いバリエーションが事前選択されます。

スマートバリエーションマッチングは、商品間でオプション名が完全に一致していなくても機能します。一致するバリエーションが見つからない場合でも、お客様は手動で選択できます。

<div id="manual-upsells-configuration">
  ## 手動アップセルの設定
</div>

手動アップセルは、**AI おすすめアップセル**が無効になっている場合にのみ設定できます。

**Configure Manual Upsells** をクリックします。

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/upsells-module-configure-manual-button.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=9879a78544ec1bf36ce8797f4ca3ceca" alt="Configure Manual Upsells ボタンがハイライトされたアップセルモジュール" width="600" data-path="images/upcart/upsells-module-configure-manual-button.png" />

**Add New Upsell** をクリックして、以下を含む行を追加します。

1. **トリガー**\
   **Specific Trigger:** カートに入っている必要がある商品を 1 つ以上選択します。\
   **Collection:** カート内の商品が選択したコレクションに属している場合にトリガーが発動します。選択モーダルの **Collection** タブから選んでください。\
   **All Products:** カートに*いずれかの*商品が入っているときにアップセルを表示します。
2. **アップセル**\
   トリガーが一致したときに表示する商品を選択します。**コレクション**を選択することもでき、その場合はコレクション内の商品が取り込まれます。

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/upsells-configure-manual-dialog.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=25480110dfb682e7386e9882e7bdd545" alt="トリガー商品とアップセル商品の列がある Configure Manual Upsells ダイアログ" width="835" height="397" data-path="images/upcart/upsells-configure-manual-dialog.png" />

<div id="order-of-upsell-appearance">
  ## アップセルの表示順
</div>

アップセルは上から下の順に評価されます。行の優先順位を調整するには、Cart Editor の **Configure Manual Upsells** セクションでドラッグ＆ドロップしてください。システムは Cart Editor での上から下への配置に基づいてアップセルを表示します。

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/upsells-manual-rows-trigger-pairing.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=14fc32008d1fb50083c3b90c146f209c" alt="トリガーとアップセル商品をペアにした手動アップセル行と、並べ替え用のドラッグハンドル" width="963" height="313" data-path="images/upcart/upsells-manual-rows-trigger-pairing.png" />

商品 A と C がカートに入っていて、それぞれにアップセルを設定している場合、B と D の両方が表示されます。

1 つのアップセル行で複数のアップセル商品を選択した場合、商品を選択した順序が、カート内での上から下への表示順になります。

***

<div id="displaying-reviews">
  ## レビューの表示
</div>

Upcart は、お客様が納得して購入を判断できるように、**アップセルと商品レコメンデーション**に商品レビューを表示できます。通常のカート内商品にはレビューは表示されません。

Upcart は **[Shopify Storefront API](https://shopify.dev/docs/storefronts/headless/building-with-the-storefront-api/products-collections/metafields)** を使用して、商品メタフィールドに保存されたレビューデータを読み取ります。そのため、レビューが表示されるのは、レビューアプリが Storefront API でアクセス可能な形式で商品レビューデータを公開している場合のみです。

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/upsells-product-card-star-rating.gif?s=ce34bd81145722594ca45a35b8d5526d" alt="星評価とレビュー数が表示されたアップセル商品カード" width="1128" height="480" data-path="images/upcart/upsells-product-card-star-rating.gif" />

<div id="supported-review-apps">
  ### 対応レビューアプリ
</div>

現時点で、Upcart は以下のアプリのレビューに対応しています。

1. **Shopify Product Reviews**\
   [https://apps.shopify.com/product-reviews](https://apps.shopify.com/product-reviews)
2. **Junip**\
   [https://apps.shopify.com/junip](https://apps.shopify.com/junip)
3. **Okendo**\
   [https://apps.shopify.com/okendo-reviews](https://apps.shopify.com/okendo-reviews)
4. **Growave**\
   [https://apps.shopify.com/growave](https://apps.shopify.com/growave)
5. **Fera**\
   [https://apps.shopify.com/fera](https://apps.shopify.com/fera)
6. **Yotpo**
7. **Stamped**
8. **Loox**
9. **REVIEWS.io**
10. **Automizely**
11. **Judge.me**
12. **Ali Reviews**
13. **Trustoo**
14. **Rivo**
15. **Rivyo**
16. **Vitals**

レビューが表示されない場合は、対応アプリを使用していること、そしてアップセルやレコメンデーションに表示される商品にレビューが存在することを確認してください。

***

<div id="troubleshooting">
  ## トラブルシューティング
</div>

アップセルが表示されない場合は、[FAQ](/ja/upcart/adding_code_to_your_shopify_theme_for_accelerated_checkout_buttons) 内の[「アップセルが表示されないのはなぜですか？」](/ja/upcart/why_isnt_my_upsell_showing)の記事で、よくある解決方法をご確認ください。

<div id="next-steps">
  #### **次のステップ**
</div>

カートドロワー内でのアップセルの挙動を細かく調整するには、次のガイドに進んでください。

[**アップセルモジュール: 設定**](https://aftersell.mintlify.app/upcart/upsells_module_settings#upsells-module-settings)