# クロスセル クロスセルを使用し、顧客が購入時に補完的な商品を購入できるようにします。 # Stripe がオンラインで提供するページ > This is a Stripe がオンラインで提供するページ for when payment-ui is stripe-hosted. View the full page at https://docs.stripe.com/payments/checkout/cross-sells?payment-ui=stripe-hosted. ![Checkout で商品をクロスセルする](https://b.stripecdn.com/docs-statics-srv/assets/cross-sell-session.8fe2f9cfc326da5998ae2e2ebebf7dc9.png) クロスセルは、Checkout を使用して注文に追加できる商品です。 クロスセルを使用すると、顧客は Checkout で他の関連商品を必要に応じて購入できます。クロスセルによって、平均注文金額と売上が増加する可能性があります。Checkout で商品をクロスセルとして提示するには、商品が次の基準を満たしている必要があります。 - 商品は 1 つの[価格](https://docs.stripe.com/api/prices/object.md#price_object-product)にのみ関連付けられている必要があります。 - クロスセル商品の価格の[通貨](https://docs.stripe.com/api/prices/object.md#price_object-currency)は、Checkout セッションの他の価格の通貨と一致している必要があります。 - クロスセル商品の価格[タイプ](https://docs.stripe.com/api/prices/object.md#price_object-type)が `recurring` の場合、Checkout セッションがサブスクリプションモードであり、その継続期間は、Checkout セッションの他の価格の継続期間と一致している必要があります。 - [サブスクリプションのアップセル](https://docs.stripe.com/payments/checkout/upsells.md)を使用している場合、クロスセルは継続価格ではない商品にのみ対応しています。たとえば、月次サブスクリプションを年次請求にアップセルする際に、1 回限りの設定手数料をも同時にクロスセルできます。 - [税金の自動計算](https://docs.stripe.com/tax.md)を使用している場合、クロスセルは、指定された[税金設定](https://docs.stripe.com/tax/products-prices-tax-codes-tax-behavior.md#tax-behavior)を持つ価格の商品のみに対応します。Stripe ダッシュボードの[課税務設定](https://dashboard.stripe.com/test/settings/tax)で、[価格での税金設定](https://docs.stripe.com/tax/products-prices-tax-codes-tax-behavior.md#set-tax-behavior-on-price)を設定するか、すべての価格に税務のデフォルトの動作を設定できます。 ## クロスセルを作成する ![商品詳細ページでクロスセルを設定する](https://b.stripecdn.com/docs-statics-srv/assets/add-cross-sell.685564769c217a27f88b9ab9605d9c65.gif) 商品詳細ページでクロスセルを設定します。 クロスセルは、[ダッシュボード](https://dashboard.stripe.com/products?active=true)の商品の詳細ページで設定できます。クロスセルの対象となる別の補完商品の詳細ページに移動します。**クロスセル** セクションのドロップダウンメニューには、他の商品が表示されます。単一の価格が設定されている商品を選択します。設定すると、クロスセルの対象となるすべての Checkout Sessions で、ドロップダウンメニューから選択した商品のクロスセルを行うことができます。例えば、‘Professional’ 段階のサブスクリプションを購入する顧客には、‘Professional Services: Deployment’ 商品がクロスセルに含まれます。 ## 決済フロー Checkout では、クロスセルを購入に追加するオプションが買い手に表示されます。買い手は Checkout セッションにクロスセルを追加した後、それを削除することもできます。削除した場合、クロスセルを追加するオプションが再び表示されます。 > クロスセルの項目の数量は調整できません。現在の最大値は 1 です。 ![](https://docs.stripecdn.com/73a4baa89ea5ac0e30a39cd03f33b21e35979759cdc9293b680695226a5b7dbe.mp4) ## Checkout セッションの項目を取得する 顧客がクロスセルを追加すると、それを反映して Checkout セッションの `line_items` が更新されます。`checkout.session.completed` Webhook を使用して[注文のフルフィルメントを履行](https://docs.stripe.com/checkout/fulfillment.md#create-payment-event-handler)する場合は、必ず[項目を取得](https://docs.stripe.com/api/checkout/sessions/line_items.md)してください。 ## クロスセルを削除する クロスセルは「商品詳細」ページで削除できます。クロスセルを削除すると、その商品は新しい Checkout セッションに表示されなくなります。 ![商品詳細ページからクロスセルを削除する](https://b.stripecdn.com/docs-statics-srv/assets/remove-cross-sell.a08765b1278a8187c282964f89641b92.gif) クロスセルを削除します。 # 埋め込みフォーム > This is a 埋め込みフォーム for when payment-ui is embedded-form. View the full page at https://docs.stripe.com/payments/checkout/cross-sells?payment-ui=embedded-form. ![Checkout で商品をクロスセルする](https://b.stripecdn.com/docs-statics-srv/assets/cross-sell-session.8fe2f9cfc326da5998ae2e2ebebf7dc9.png) クロスセルは、Checkout を使用して注文に追加できる商品です。 クロスセルを使用すると、顧客は Checkout で他の関連商品を必要に応じて購入できます。クロスセルによって、平均注文金額と売上が増加する可能性があります。Checkout で商品をクロスセルとして提示するには、商品が次の基準を満たしている必要があります。 - 商品は 1 つの[価格](https://docs.stripe.com/api/prices/object.md#price_object-product)にのみ関連付けられている必要があります。 - クロスセル商品の価格の[通貨](https://docs.stripe.com/api/prices/object.md#price_object-currency)は、Checkout セッションの他の価格の通貨と一致している必要があります。 - クロスセル商品の価格[タイプ](https://docs.stripe.com/api/prices/object.md#price_object-type)が `recurring` の場合、Checkout セッションがサブスクリプションモードであり、その継続期間は、Checkout セッションの他の価格の継続期間と一致している必要があります。 - [サブスクリプションのアップセル](https://docs.stripe.com/payments/checkout/upsells.md)を使用している場合、クロスセルは継続価格ではない商品にのみ対応しています。たとえば、月次サブスクリプションを年次請求にアップセルする際に、1 回限りの設定手数料をも同時にクロスセルできます。 - [税金の自動計算](https://docs.stripe.com/tax.md)を使用している場合、クロスセルは、指定された[税金設定](https://docs.stripe.com/tax/products-prices-tax-codes-tax-behavior.md#tax-behavior)を持つ価格の商品のみに対応します。Stripe ダッシュボードの[課税務設定](https://dashboard.stripe.com/test/settings/tax)で、[価格での税金設定](https://docs.stripe.com/tax/products-prices-tax-codes-tax-behavior.md#set-tax-behavior-on-price)を設定するか、すべての価格に税務のデフォルトの動作を設定できます。 ## クロスセルを作成する ![商品詳細ページでクロスセルを設定する](https://b.stripecdn.com/docs-statics-srv/assets/add-cross-sell.685564769c217a27f88b9ab9605d9c65.gif) 商品詳細ページでクロスセルを設定します。 クロスセルは、[ダッシュボード](https://dashboard.stripe.com/products?active=true)の商品の詳細ページで設定できます。クロスセルの対象となる別の補完商品の詳細ページに移動します。**クロスセル** セクションのドロップダウンメニューには、他の商品が表示されます。単一の価格が設定されている商品を選択します。設定すると、クロスセルの対象となるすべての Checkout Sessions で、ドロップダウンメニューから選択した商品のクロスセルを行うことができます。例えば、‘Professional’ 段階のサブスクリプションを購入する顧客には、‘Professional Services: Deployment’ 商品がクロスセルに含まれます。 ## 決済フロー Checkout では、クロスセルを購入に追加するオプションが買い手に表示されます。買い手は Checkout セッションにクロスセルを追加した後、それを削除することもできます。削除した場合、クロスセルを追加するオプションが再び表示されます。 > クロスセルの項目の数量は調整できません。現在の最大値は 1 です。 ![](https://docs.stripecdn.com/73a4baa89ea5ac0e30a39cd03f33b21e35979759cdc9293b680695226a5b7dbe.mp4) ## Checkout セッションの項目を取得する 顧客がクロスセルを追加すると、それを反映して Checkout セッションの `line_items` が更新されます。`checkout.session.completed` Webhook を使用して[注文のフルフィルメントを履行](https://docs.stripe.com/checkout/fulfillment.md#create-payment-event-handler)する場合は、必ず[項目を取得](https://docs.stripe.com/api/checkout/sessions/line_items.md)してください。 ## クロスセルを削除する クロスセルは「商品詳細」ページで削除できます。クロスセルを削除すると、その商品は新しい Checkout セッションに表示されなくなります。 ![商品詳細ページからクロスセルを削除する](https://b.stripecdn.com/docs-statics-srv/assets/remove-cross-sell.a08765b1278a8187c282964f89641b92.gif) クロスセルを削除します。 # 埋め込みコンポーネント > This is a 埋め込みコンポーネント for when payment-ui is embedded-components. View the full page at https://docs.stripe.com/payments/checkout/cross-sells?payment-ui=embedded-components. Elements with Checkout Sessions API ではクロスセルを利用できません。