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

# 장바구니 추가 시 열기

> 고객이 장바구니에 상품을 추가할 때 장바구니 드로어가 자동으로 열릴지 여부를 제어하세요.

<div id="overview">
  ## 개요
</div>

Open on Add to Cart 설정은 고객이 스토어에서 "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>

이 설정은 기본적으로 활성화되어 있어요. 활성화되면 고객이 장바구니에 제품을 추가할 때마다 장바구니 드로어가 즉시 슬라이드되며 열려요.

<div id="enabled-default">
  ## 활성화 (기본값)
</div>

* 모든 "Add to Cart" 동작 시 장바구니 드로어가 자동으로 열려요.
* 고객이 업셀이나 리워드를 포함해 장바구니에 무엇이 있는지 즉시 볼 수 있어요.
* 대부분의 스토어에 권장돼요.

<div id="disabled">
  ## 비활성화
</div>

* 상품이 추가될 때 장바구니 드로어가 자동으로 열리지 않아요.
* 고객이 드로어를 열려면 장바구니 아이콘을 직접 클릭해야 해요.
* 테마가 이미 장바구니 추가 확인을 표시하고 드로어가 이와 겹치는 것을 원하지 않는 경우 사용하세요.

<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를 다른 subscribe 이벤트로 교체할 수 있어요.

<div id="best-practice">
  ## 모범 사례
</div>

대부분의 스토어에서는 이 설정을 활성화 상태로 유지하세요. 장바구니 추가 시 장바구니 드로어가 열리는 것은 구매 의도가 가장 높은 순간에 업셀, 리워드 진행 상황, 체크아웃 버튼을 노출하는 가장 효과적인 방법 중 하나예요.