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

# カート追加時に開く

> 顧客がアイテムをカートに追加したときに cart drawer を自動的に開くかどうかを制御します。

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

Open on Add to Cart 設定は、顧客がストアで「カートに追加」をクリックするたびに Upcart のドロワーを自動的に開くかどうかを制御します。

<div id="where-to-find-it">
  ## 設定の場所
</div>

次の場所に移動します: Cart Editor > Settings > Cart settings
「Open cart drawer on add to cart」というラベルのトグルを探します。

<div id="default-behavior">
  ## デフォルトの動作
</div>

この設定はデフォルトで有効です。有効にすると、顧客が商品をカートに追加するたびに、cart drawer がすぐにスライドして開きます。

<div id="enabled-default">
  ## 有効(デフォルト)
</div>

* 「カートに追加」のアクションごとに cart drawer が自動的に開きます。
* 顧客は、アップセルやリワードを含め、カートの中身をすぐに確認できます。
* ほとんどのストアで推奨されます。

<div id="disabled">
  ## 無効
</div>

* アイテムが追加されても cart drawer は自動的に開きません。
* 顧客はドロワーを開くために手動でカートアイコンをクリックする必要があります。
* テーマがすでにカート追加の確認を表示しており、ドロワーがそれと競合するのを避けたい場合に使用してください。

<div id="opening-the-cart-programmatically">
  ## プログラムでカートを開く
</div>

この設定を無効にしていても、特定の条件下でカートを開きたい場合は、パブリック API を使用してアイテム追加時にトリガーできます:

```javascript theme={"theme":{"light":"snazzy-light","dark":"github-dark"}}
<script>
  window.upcartSubscribeAddedToCart(function(event) {
    window.upcartOpenCart();
  });
</script>
```

これを Cart Editor > Settings > Custom HTML > Scripts (Before Load) に配置します。この例では、アイテムが追加されたときにカートを開きます。カートを開きたいタイミングに応じて、upcartSubscribeAddedToCart を他の任意のサブスクライブイベントに置き換えることができます。

<div id="best-practice">
  ## ベストプラクティス
</div>

ほとんどのストアでは、この設定を有効のままにしてください。カート追加時に cart drawer が開くことは、購入意欲が最も高い瞬間にアップセル、リワードの進捗、チェックアウトボタンを表示する最も効果的な方法の 1 つです。