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

# 간편 결제 블록

> Aftersell Cart의 간편 결제(Express payments) 블록: Shop Pay, PayPal 등 빠른 결제 버튼을 드로어 안에 표시하세요.

> **간편 결제(Express payments)** 블록은 장바구니 안에 빠른 결제 버튼(Shop Pay, PayPal, Google Pay, Apple Pay 등)을 표시해, 스토어에서 이미 제공하는 간편 결제 옵션을 쇼핑객에게 보여주고 원탭 결제로 바로 건너뛸 수 있게 해 줘요.

<div id="behavior">
  ## 동작 방식
</div>

* 이 블록은 **자체 버튼을 렌더링하지 않아요.** Shopify의 빠른 결제 버튼을 드로어 안에 표시하는 방식이므로, 어떤 결제 수단이 나타날지는 전적으로 스토어의 결제 설정에 따라 결정돼요.
* **스토어에 활성화된 빠른 결제 수단이 없으면 아무것도 렌더링되지 않아요.** Shopify 설정에서 간편 결제 수단(Shop Pay, PayPal 등)을 활성화하세요.
* **테마에도 보통 일회성 코드 변경이 필요해요.** 이 블록은 스토어프런트 페이지에서 Shopify의 빠른 결제 버튼을 *복제*하는 방식이므로, 해당 버튼이 먼저 페이지에 렌더링되어 있어야 해요.
* 에디터에서는 실제 버튼 대신 자리 표시자가 표시돼요.

<div id="adding-the-theme-snippet">
  ### 테마 스니펫 추가하기
</div>

블록의 설정 패널에는 정확한 스니펫과 **Copy code** 버튼이 포함된 **Show recommended guide to edit your theme code** 섹션이 있어요. 요약하면 다음과 같아요:

1. 테마의 코드 편집기를 열고 `layout/theme.liquid`로 이동하세요.
2. `<body>` 줄을 찾아 그 아래에 새 줄을 추가하세요.
3. 패널에서 제공하는 스니펫을 붙여넣으세요. 이 스니펫은 Shopify의 빠른 결제 버튼을 숨겨진 컨테이너에 렌더링해, 장바구니가 복제할 대상을 만들어 줘요.
4. 저장하세요.

<div id="settings">
  ## 설정
</div>

| 설정                            | 제어하는 항목                                                             | 기본값      |
| ----------------------------- | ------------------------------------------------------------------- | -------- |
| **Default button height**     | 데스크톱에서의 버튼 높이(픽셀 단위).                                               | `42`     |
| **Mobile button height**      | 모바일에서의 버튼 높이(픽셀 단위).                                                | `42`     |
| **Checkout button alignment** | `left`, `center`, `right` 또는 `space-between`. 버튼이 한 줄에 들어갈 때만 적용돼요. | `center` |
| **Row gap**                   | 줄 사이의 세로 간격(픽셀 단위). 버튼이 두 줄 이상으로 줄바꿈될 때만 적용돼요.                      | `8`      |

<div id="placement-and-limits">
  ## 배치 및 제한
</div>

* **영역:** 하단(bottom).
* **최대:** 장바구니 상태당 1개.
* **상태:** 채워진 장바구니 전용.
* 기본으로 추가되지 않아요. 잠겨 있지 않으므로 제거하거나 숨길 수 있어요.

<div id="custom-template">
  ## 커스텀 템플릿
</div>

간편 결제 블록은 Shopify 자체 결제 버튼을 호스팅하기 때문에 커스텀 템플릿을 **지원하지 않아요**. 대신 블록의 디자인 설정으로 스타일을 지정하세요.

<div id="design">
  ## 디자인
</div>

설정 패널의 **Design** 섹션에서 이 블록의 스타일을 지정하세요. 이는 전역 디자인 위에 적용되는 블록별 재정의이며, 비워 두면 전역 디자인으로 대체돼요.

디자인 설정이 무엇인가요? 자세한 내용은 여기에서 확인하세요: [디자인 설정](/ko/aftersell/cart/design-settings).
