> ## 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의 감사 페이지 상품 추천 위젯을 구성합니다: 상품 선택, 오퍼 디자인, 할인 적용 및 주문 처리 설정.

상품 추천 위젯은 결제 후 감사 페이지에 업셀 상품을 표시합니다. 특정 상품을 프로모션하거나, 장바구니 내용을 기반으로 자동 추천을 실행하거나, 컬렉션을 노출하는 데 사용하세요. 이 페이지에서는 위젯의 모든 설정을 다룹니다. 전체 퍼널 설정 및 Shopify 에디터 단계는 [감사 페이지 위젯 구성 방법](/ko/aftersell/how_can_i_set_up_and_customize_thank_you_page_upsells_in_aftersell)을 참고하세요.

퍼널의 **Thank You Page** 섹션에서 **Add Widget**을 클릭하고 **Product Recommendation**을 선택하여 위젯을 추가합니다.

구매 후 업셀과 달리, 감사 페이지 상품 추천은 **모든 결제 게이트웨이** 및 **다중 통화 스토어**와 호환됩니다. 고객이 업셀 구매를 완료하려면 결제 정보를 다시 입력해야 하지만, Aftersell이 저장된 배송 정보를 자동으로 적용해 결제 경험을 매끄럽게 유지합니다.

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/typ-extensions-editor-product-recommendation.gif?s=cd8c084de2e615bf735f29eb5c01374f" alt="Product Recommendation 위젯이 활성화되고 상품이 선택된 Aftersell 감사 페이지 에디터" width="2600" height="1080" data-path="images/aftersell/typ-extensions-editor-product-recommendation.gif" />

## 상품 선택

1. 상품 선택 방식을 선택합니다:
   * **Specific Products** - 표시할 상품을 수동으로 선택합니다
   * **Automatic Upsells** - 장바구니 내용을 기반으로 Aftersell이 상품을 추천하도록 합니다
   * **Collections** - 특정 컬렉션의 상품을 표시합니다
   * **Strategy** - Aftersell [Strategies](/ko/aftersell/strategies_overview) 규칙 세트로 위젯을 채웁니다. 이 옵션은 스토어에 Strategies 타기팅이 활성화되어 있고 아직 다른 방법으로 상품을 선택하지 않은 경우에만 표시됩니다.
2. 표시할 **최대 상품 수**를 설정합니다. 정해진 최대치는 없지만, 개수를 집중적으로(예: 4\~10개 상품) 유지하면 오퍼를 훑어보기 쉬워집니다.
3. **Hide product if purchased**를 활성화하여 같은 주문에서 이미 구매한 상품이 고객에게 표시되지 않도록 합니다.
4. **Hide out of stock variants**를 활성화하여 구매할 수 없는 옵션을 걸러내면 고객이 실제로 구매할 수 있는 항목만 보게 됩니다.

상품 선택기의 **Products** 탭을 탐색할 때 **Active products only**를 체크하면 Draft 및 Archived 상품을 숨길 수 있습니다. 이 필터는 기본적으로 꺼져 있으며 Products 탭에만 적용됩니다. Collections는 영향을 받지 않습니다.

### 특정 상품 편집하기

특정 상품을 선택하려면 위젯 에디터에서 **Add upsell products**를 클릭합니다. 상품을 선택하고 나면 버튼 레이블이 **Edit upsell products**로 바뀝니다.

상품이 이미 선택된 상태에서 선택기를 열면 현재 선택 항목이 미리 체크된 상태로 표시됩니다. 여기에서 다음을 할 수 있습니다:

* 새 상품을 체크하여 **추가**합니다.
* 기존 상품을 체크 해제하여 **제거**합니다.
* 모든 상품을 체크 해제하여 전체 선택을 **비웁니다**.

선택기를 저장하면 위젯이 남겨둔 선택 상태에 맞게 정리됩니다: 추가한 상품은 포함되고, 체크 해제한 상품은 제거되며, 변경 없이 다시 저장하면 아무것도 바뀌지 않습니다. 특정 상품을 편집해도 Collection, AI, Strategy 업셀 행은 영향을 받지 않습니다.

## Display on

**Display on** 설정은 고객이 구매를 완료한 후 위젯이 표시될 위치를 제어합니다:

* **On every impression** - 감사 페이지와 주문 상태 페이지 모두에 위젯을 표시합니다.
* **Only on thank you page** - 감사 페이지에만 위젯을 표시합니다.
* **Only on order status page** - 주문 상태 페이지에만 위젯을 표시합니다.
* **Only once on order status page** - 방문할 때마다가 아니라 주문 상태 페이지에서 한 번만 위젯을 표시합니다.

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/typ-extensions-recommendation-display-settings.gif?s=a7c3c5c98669d63e59100c05f33dd9f9" alt="상품 추천의 Display on 드롭다운, Max products 필드, 상품 숨기기 토글" width="1192" height="1080" data-path="images/aftersell/typ-extensions-recommendation-display-settings.gif" />

## 오퍼 디자인

**Offer design** 설정은 상품 추천이 고객에게 표시되는 방식을 제어합니다.

* 상품을 **가로** 또는 **세로** 레이아웃으로 표시할지 선택하고, 테두리, 버튼 스타일, 간격 같은 시각 요소를 조정하여 결제 화면과 어울리게 합니다.
* 오퍼 위에 **배너 텍스트**를 추가하여 추천을 소개하거나, 인센티브를 강조하거나, 표시되는 상품에 대한 맥락을 제공합니다.
* **정가 비교 가격(compare-at price)** 표시와 세일 가격에 사용되는 색상을 구성합니다.
* **수량 선택기**를 활성화하고, 수량 레이블을 커스터마이징하고, **최소 또는 최대 수량 제한**을 설정합니다.

Compare, Discount, Sale 가격은 두 가지 색상 계열을 제공합니다:

* **Checkout branding colors** - Accent, Decorative, Info, Subdued
* **Preset colors** - Success(초록색), Warning(노란색), Critical(빨간색)

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/typ-extensions-compare-price-color-options.png?fit=max&auto=format&n=SnVX3h-PpMMxQMDU&q=85&s=555ec0085917bccf174d689e0a9c725c" alt="테마와 프리셋에서 제공되는 정가 비교 가격 색상 옵션." width="282" height="284" data-path="images/aftersell/typ-extensions-compare-price-color-options.png" />
</Frame>

이 설정 중 일부는 Shopify 체크아웃 에디터나 이 기능을 제공하는 다른 앱을 통해 수정할 수도 있습니다.

두 가지 토글이 자동 할인(Automatic Discount) 기능을 보완합니다:

* **Show compare at price** - "Compare at" 가격을 취소선과 함께 표시합니다.
* **Show discount** - 업셀에 할인을 표시합니다.

## 할인 및 주문 처리

### 할인

**퍼센트** 또는 **고정 금액**을 설정하여 업셀에 직접 할인을 적용합니다. 이 할인은 고객이 오퍼를 수락할 때 자동으로 적용됩니다.

**할인 텍스트**와 **할인 가격 색상**으로 할인이 표시되는 방식을 커스터마이징하세요. 할인 색상은 체크아웃 브랜딩 색상(Accent, Decorative, Info, Subdued) 또는 프리셋(Success, Warning, Critical)을 사용할 수 있습니다. 활성화하면 할인 표시에 **정가 비교 가격**이 포함될 수 있으며, 절약 금액을 강조하기 위해 취소선과 함께 표시됩니다.

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/typ-extensions-thank-you-upsell-offer.gif?s=41788af72c0b25ff35871242596c5f79" alt="취소선이 그어진 정가 비교 가격과 함께 43% 할인을 보여주는 Hat 상품의 감사 페이지 업셀 오퍼" width="2000" height="1080" data-path="images/aftersell/typ-extensions-thank-you-upsell-offer.gif" />

할인은 Shopify의 표준 체크아웃 할인 규칙을 따릅니다. 한 번에 하나의 라인 아이템 할인만 상품에 적용될 수 있으며, Shopify Admin에서 \*\*결합 가능(combinable)\*\*으로 표시된 경우에만 할인이 결합됩니다. 다른 앱이 체크아웃을 수정하는 경우 할인이 적용되지 않을 수 있습니다. 할인을 활성화한 후에는 체크아웃을 테스트하는 것을 권장합니다.

### 주문 처리

<a id="order-handling" />

주문 처리는 수락된 업셀이 고객의 주문에 추가되는 방식을 제어합니다. 두 가지 옵션이 있고, 각각 서로 다른 장단점이 있습니다.

* **Modify original order** - 업셀을 기존 주문에 직접 추가합니다. 무료 배송이 자동으로 적용됩니다. 주문이 수정될 때 고객에게 이메일을 보내도록 선택할 수 있습니다.
* **Create new draft order** - 원래 주문을 그대로 두고 업셀에 대해 별도의 주문을 생성합니다.

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/typ-extensions-order-handling-options.png?fit=max&auto=format&n=SnVX3h-PpMMxQMDU&q=85&s=de2249c801aef599ce76686b46f91dec" alt="원래 주문을 수정하거나 새 임시 주문을 생성하는 주문 처리 옵션" width="828" height="722" data-path="images/aftersell/typ-extensions-order-handling-options.png" />
</Frame>

#### 각 옵션을 선택해야 하는 경우

| **Modify original order**를 사용해야 하는 경우... | **Create new draft order**를 사용해야 하는 경우...         |
| ---------------------------------------- | ------------------------------------------------- |
| 고객이 구매한 모든 항목을 하나의 주문 처리로 묶고 싶은 경우       | 고객이 방금 구매한 상품을 다시 제안하고 싶은 경우(예: 동일 상품을 구매 후 할인가로) |
| 업셀 카탈로그가 베스트셀러와 구분되는 경우                  | 베스트셀러가 곧 주요 업셀 후보인 경우                             |
| 업셀에 대한 무료 배송이 우선인 경우                     | 주문 처리나 리포팅상의 이유로 별도 주문이 필요한 경우                    |
| 업셀 상품이 번들 상품이 아닌 경우                      | 업셀 상품에 번들 상품이 포함된 경우                              |

<Warning>
  **"Modify original order"에는 제한이 있습니다.** 이 모드를 선택하면 위젯 에디터에 다음 내용을 나열하는 **Limitations** 배너가 표시됩니다:

  * **동일 옵션(variant) 업셀은 숨겨집니다.** Shopify의 주문 편집 API는 한 주문에 중복 옵션을 허용하지 않습니다. 고객의 원래 주문에 이미 해당 업셀 옵션이 있으면, 감사 페이지에서 해당 업셀이 숨겨집니다. 이 이유로 업셀이 숨겨지면 Order Browser가 해당 주문에 "Upsell hidden due to order merging" 배너를 표시합니다.
  * **번들 상품은 기존 주문에 추가할 수 없습니다.** Shopify의 주문 편집 API는 번들 상품을 거부합니다. 선택한 업셀 옵션이 번들인 경우, 결과는 **When the order can't be modified** 설정을 따릅니다:
    * **Hide the offer and block late acceptances**를 선택한 경우: 번들 업셀이 숨겨지고 고객은 이 오퍼를 통해 구매할 수 없습니다.
    * **Hide the offer, but allow late acceptances as a new order** 또는 **Keep showing the offer and sell it as a new order**를 선택한 경우: 번들 업셀은 원래 주문에 병합되지 않고 별도의 임시 주문(draft order)으로 처리됩니다.

  번들 상품이나 동일 옵션 업셀을 고객이 항상 이용할 수 있게 하려면 **Create new draft order**로 전환하세요.
</Warning>

#### 주문을 수정할 수 없는 경우

**Modify original order**를 선택한 경우, 고객이 업셀을 수락하는 시점에 일부 주문은 편집할 수 없습니다. 정확히 세 가지 경우가 있습니다: 주문이 \*\*보관 처리(archived)\*\*되었거나, **부분 결제(partially paid)** 상태이거나, 아래에서 설정한 **만료 기간**보다 오래된 경우입니다. **When the order can't be modified** 설정은 이런 경우에 어떤 일이 일어날지 제어합니다.

**주문 처리 완료(fulfilled)** 주문은 여기에 해당하지 않습니다. 여전히 편집할 수 있지만, 배송이 필요 없는 업셀 상품만 병합할 수 있습니다(아래 참고 사항 확인).

| 옵션                                                            | 동작                                                                                                         |
| ------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- |
| **Hide the offer and block late acceptances**                 | 주문을 더 이상 편집할 수 없게 되면 오퍼가 숨겨집니다. 주문이 부적격이 된 이후 도착하는 수락은 모두 차단됩니다.                                           |
| **Hide the offer, but allow late acceptances as a new order** | 주문을 더 이상 편집할 수 없게 되면 오퍼가 숨겨집니다. 오퍼가 숨겨지기 직전에 고객이 수락한 경우(경합 구간 수락), 업셀은 대신 별도의 임시 주문으로 처리됩니다. 새 위젯의 기본값입니다. |
| **Keep showing the offer and sell it as a new order**         | 주문의 편집 가능 여부와 관계없이 오퍼가 계속 표시됩니다. 주문을 수정할 수 없으면 수락된 업셀은 별도의 임시 주문으로 처리됩니다.                                  |

두 가지 대체 옵션은 원래 주문을 수정할 수 없을 때 업셀에 대해 별도의 임시 주문을 생성합니다. 고객은 새 주문으로 구매를 완료할 수 있는 결제 링크를 받습니다.

#### 만료 기간 설정하기

주문이 병합 대상으로 유지되는 시간에 제한을 설정할 수 있습니다. **Consider the order uneditable after** 필드(**Order handling**의 동작 선택기 아래에 위치)에 분 단위 숫자를 입력하세요. 주문이 접수된 후 그 시간이 지나면 주문은 부적격으로 처리되고 **When the order can't be modified** 동작이 적용됩니다.

필드를 비워 두거나 **0**으로 설정하면 만료되지 않으며, 주문 자체를 편집할 수 있는 한 오퍼는 계속 자격을 유지합니다.

주문 처리 워크플로가 주문을 빠르게 처리하여, 이미 진행 중일 가능성이 높은 주문에 병합을 시도하는 것을 피하고 싶을 때 유용합니다.

#### "Modify original order"에 대해 알아둘 다른 사항

* 무료 배송이 자동으로 적용되며 비활성화할 수 없습니다.
* 고객이 추가된 업셀의 결제를 완료할 때까지 원래 주문은 \*\*부분 결제(partially paid)\*\*로 표시됩니다. 결제가 완료되면 Shopify가 주문을 자동으로 업데이트합니다.
* 주문이 이미 처리 완료되었거나, 배송 항목이 없거나, 배송이 필요 없는 항목만 포함하는 경우, **배송이 필요 없는** 업셀 상품만 병합할 수 있습니다. 배송이 필요한 상품은 해당 주문의 오퍼에서 제외됩니다.

### 무료 배송

전환율을 높이기 위해 수락된 업셀 상품에 **무료 배송**을 제공할 수 있습니다. 활성화하면 고객에게 업셀에 대한 배송비가 청구되지 않으며, 기존 Shopify 배송 설정은 원래 주문에 계속 적용됩니다.

무료 배송 토글의 동작은 **Order handling** 설정에 따라 달라집니다:

* **Modify original order** - 수락된 업셀에 무료 배송이 자동으로 적용되며 토글을 비활성화할 수 없습니다.
* **Create new draft order** - 무료 배송 토글이 업셀에 대해 생성되는 별도의 임시 주문에 적용됩니다. 활성화하면 업셀 라인 아이템에 배송비가 없는 임시 주문이 생성됩니다. 새 주문에 Shopify의 일반 배송 요금이 적용되길 원하면 토글을 꺼 두세요.

**Modify original order**에서 대체 동작으로 별도의 임시 주문이 생성되는 경우(예: 동일 옵션 또는 번들 업셀, 주문이 편집 불가가 된 후의 수락)에도 동일한 동작이 적용됩니다: 무료 배송 토글이 업셀에 배송비 없이 임시 주문을 생성할지 여부를 제어합니다.

혜택을 강조하기 위해 오퍼에 **"Free Shipping" 배지**를 표시하고 배지 텍스트를 커스터마이징할 수도 있습니다.
