# 폼(Forms)에서 주문 업셀(Order Upsell) 사용하는 방법

이 문서는 V2 퍼널을 사용하여 Hyperclass 폼 체크아웃 과정에 원클릭 주문 업셀을 추가하는 방법을 설명합니다. 주문 업셀은 고객이 초기 폼 제출 완료 직후 결제 정보를 다시 입력하거나 추가 체크아웃 페이지를 거치지 않고 추가 상품(Product)을 즉시 구매할 수 있게 하여 평균 주문 금액을 증가시킵니다.

***

## 폼의 주문 업셀이란?

주문 업셀은 고객이 폼을 통한 구매를 완료한 직후 추가 상품 제안을 제시할 수 있는 기능입니다. 업셀은 원래 결제 토큰을 사용하여 고객이 원클릭으로 제안을 수락할 수 있게 해줍니다. 이는 원활한 구매 경험을 만들고 퍼널 흐름을 복잡하게 하지 않으면서 비즈니스의 수익을 증가시킬 수 있게 해줍니다.

주문 업셀을 이해하면 구매자가 가장 몰입한 순간에 관련 애드온을 제공하여 영업 퍼널을 최적화할 수 있습니다. 고객이 두 번째 구매를 완료하기 위해 결제나 개인정보를 다시 입력할 필요가 없기 때문에 이 기능은 전환율을 높이고 마찰을 줄여줍니다.

***

## 주문 업셀의 주요 이점

주문 업셀은 체크아웃 과정을 간소화하고 수익을 극대화하는 데 도움이 되는 여러 가지 장점을 제공합니다.

이러한 이점들은 주문 업셀이 퍼널 수익화를 위한 효과적인 전략인 이유를 보여줍니다. 캡처된 결제 토큰을 사용하고 추가 단계를 제거함으로써 비즈니스는 효율적으로 전환되는 강력한 업그레이드 경로를 만들 수 있습니다.

* **높은 평균 주문 금액:** 고객이 구매를 완료하는 순간에 관련 애드온을 제공합니다.
* **마찰 없는 체크아웃 경험:** 고객이 결제나 개인정보를 다시 입력할 필요가 없습니다.
* **다양한 상품 유형 지원:** 일반 판매 및 범프 상품과 호환됩니다.
* **주요 결제 제공업체 지원:** V2 퍼널에서 Stripe, Authorize.net, NMI, PayPal, Square 및 승인된 마켓플레이스 제공업체와 호환됩니다.
* **재사용 가능한 폼:** 네이티브 폼 요소(Element)를 통해 여러 퍼널에서 동일한 폼을 사용할 수 있습니다.
* **자동화 친화적:** 각 구매(기본 및 업셀)가 **주문 제출(Order Submitted)** 자동화를 트리거하여 정확한 워크플로우 타겟팅이 가능합니다.

***

## 폼의 상품 판매 요소

상품 판매(Sell Product) 요소는 폼을 구매할 상품에 연결하는 역할을 합니다. 이를 통해 구매자가 폼에서 직접 거래를 완료할 수 있습니다.

* 가격, 이미지, 옵션, 세금 및 재고 설정이 포함된 상품을 추가합니다.
* 이 단계에서 캡처된 결제 토큰이 업셀 구매에 재사용됩니다.
* 주문 업셀 흐름이 제대로 작동하려면 이 요소가 올바르게 구성되어야 합니다.

***

## 업셀 버튼 구성

업셀 버튼은 원클릭 업셀 구매를 처리하는 핵심 트리거입니다.

* 업셀 퍼널 단계(Step)에 **버튼** 요소를 배치합니다.
* **액션 = 상품 업셀**로 설정합니다.
* 업셀로 제공하고 싶은 상품을 선택합니다.
* 클릭하면 시스템이 초기 구매의 결제 토큰을 사용하여 즉시 결제를 처리합니다.

***

## 주문 요약 요소

주문 요약(Order Summary) 요소는 고객이 기본 상품과 업셀 항목을 포함하여 구매한 내용의 명확한 분석을 볼 수 있도록 도와줍니다.

* 업셀 확인 페이지 또는 최종 감사 페이지에 주문 요약 요소를 추가합니다.
* 요약에는 메인 상품과 과정 중에 수락된 모든 업셀이 포함됩니다.

***

## 퍼널 통합 모범 사례

주문 업셀이 올바르게 작동하려면 V2 퍼널과 네이티브 폼 요소를 사용하여 구성해야 합니다.

* **V2 퍼널만 사용하세요** - 주문 업셀은 V1 퍼널이나 웹사이트에서 작동하지 않습니다.
* **네이티브 폼** 요소를 사용하여 결제 토큰이 다음 단계로 전달되도록 하세요.
* 서드파티 쿠키 문제를 방지하기 위해 업셀 단계를 **같은 도메인**에 유지하세요.
* 업셀에 의존하는 경우 주문 제출 워크플로우에서 긴 **대기(Wait)** 단계를 피하세요.
* 재고 활성화된 상품의 경우 업셀 시도 실패를 방지하기 위해 충분한 재고가 있는지 확인하세요.

***

## 폼에서 주문 업셀 설정하는 방법

이 섹션에서는 주문 업셀을 처음부터 끝까지 구성하는 과정을 안내합니다.

### 단계 1: 폼 작성 또는 편집

**상품 판매 추가**

결제(Payments) 섹션에는 상품 기반 체크아웃을 활성화하기 위해 폼에 드래그할 수 있는 상품 판매(Sell Products) 요소가 포함되어 있습니다. 이 요소를 추가하면 폼이 결제 세부 정보를 수집하고 원클릭 업셀에 필요한 토큰을 생성할 수 있습니다.

![상품 판매 요소를 폼에 추가하는 화면](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060619298/original/QOgv3kq_Ula59B7FFM6VFHzEi3L_Gq6tLQ.png?1765799525)

**상품 추가**

상품 판매 설정 패널에서 상품 추가(Add Product)를 선택하여 상품을 연결할 수 있습니다. 이 옵션을 사용하면 기본 폼 제출 시 구매할 항목을 정의할 수 있습니다.

![상품 추가 설정 화면](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060619370/original/oQ2-NMoXLknZtI9YQf1FxxncOfVypybVBQ.png?1765799577)

**상품 선택**

상품 선택 사이드바에서 기존 상품을 선택하거나 새 상품을 만들 수 있습니다. 또한 항목이 메인 상품인지 범프 오퍼인지 지정하고 설명, 이미지 또는 수량과 같은 표시 요소 중 어떤 것이 폼에 표시될지 결정할 수 있습니다.

![상품 선택 사이드바 화면](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060619412/original/3yNfgX_T8oKn8GVP4o5ZzbUk5oZFtVCvGA.png?1765799598)

**상품 저장**

상품 세부 정보를 구성한 후 저장을 클릭하면 설정이 완료되고 상품이 폼에 적용됩니다. 이렇게 하면 업셀 플로우로 이동하기 전에 체크아웃이 초기 거래를 올바르게 처리할 수 있습니다.

![상품 저장 확인 화면](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060619451/original/VR4QkRbxyKqtyRZP4y43owdNVTFRtjDS4w.png?1765799617)

### 단계 2: V2 퍼널에 폼 추가

**네이티브 폼 삽입**

퍼널 빌더의 요소(Elements) 패널에서 V2 퍼널 레이아웃에 직접 추가할 수 있는 폼(Form) 요소에 접근할 수 있습니다. 여기에 구성된 폼을 삽입하면 기본 구매 단계를 업셀 시퀀스의 다음 단계에 연결합니다.

![네이티브 폼 삽입 화면](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060619648/original/PGPPtlNCNqs6lv31mPnvGX745dgfKzVhLg.png?1765799710)

### 단계 3: 업셀 단계 만들기

**다음 단계 리다이렉트**

폼 요소의 버튼 액션(Button Actions) 설정에서 제출 후 리다이렉트 동작으로 "다음 단계로 이동"을 선택할 수 있습니다. 이 옵션을 선택하면 고객이 초기 구매를 완료하면 즉시 업셀 페이지로 이동하게 됩니다.

![다음 단계 리다이렉트 설정 화면](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060619784/original/yw52Ja2LiTbgfrda5fR4-Vb4AakLwah6Og.png?1765799772)

**퍼널 상품 할당**

퍼널 단계 내의 상품(Products) 탭에는 기본 체크아웃에 연결된 항목들이 표시됩니다. 여기서 올바른 상품을 확인하면 업셀 로직이 초기 주문과 일치하고 올바르게 처리되는지 확인할 수 있습니다.

![퍼널 상품 할당 화면](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060619840/original/m34rgxTiPg9i_aUHpdyBxKtBFaWZ7FxWkg.png?1765799801)

**업셀 버튼 구성**

버튼 설정 패널에서 버튼을 **원클릭 업/다운셀 상품** 액션에 연결하는 옵션을 제공합니다. 여기서 업셀 상품을 선택하면 시스템이 초기 구매에서 캡처된 결제 토큰을 사용하여 업그레이드를 즉시 처리할 수 있습니다.

![업셀 버튼 구성 화면](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060619908/original/44G4_ZMWa1JCNN88_ub--Sai436mHW8SMw.png?1765799832)

### 단계 4: 주문 요약 추가

**주문 확인 추가**

주문 요소(Order Elements) 메뉴에는 퍼널의 최종 페이지에 배치할 수 있는 주문 확인(Order Confirmation) 구성 요소가 포함되어 있습니다. 이 요소는 수락된 업셀을 포함하여 고객이 완료한 구매의 명확한 요약을 표시합니다.

![주문 확인 요소 추가 화면](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060619961/original/fCDv_Skg4n-jTIe5fnULvYNUO_7nK0jMog.png?1765799874)

***

## 자주 묻는 질문

**Q: 하나 이상의 업셀 제안을 추가할 수 있나요?**

예. 각 단계는 하나의 업셀 상품을 지원하지만, 여러 퍼널 단계를 연결하여 다단계 업셀 시퀀스를 만들 수 있습니다.

**Q: 주문 업셀이 V1 퍼널이나 웹사이트에서 작동하나요?**

아니요. 네이티브 폼 요소를 사용하는 **V2 퍼널**에서만 작동합니다.

**Q: 업셀과 주문 범프의 차이점은 무엇인가요?**

주문 범프는 원래 폼 체크아웃에 표시되는 반면, 업셀은 다음 퍼널 단계에서 초기 구매 *후에* 나타납니다.

**Q: 고객에게 두 개의 별도 요금이 표시되나요?**

두 개의 요금이 표시되지만, 둘 다 같은 주문 기록과 통합 영수증에 나타납니다.

**Q: 업셀이 구매될 때만 자동화가 실행될 수 있나요?**

예. **주문 제출 트리거**를 **상품 필터**와 함께 사용하여 특정 SKU를 타겟팅하세요.

**Q: 어떤 결제 게이트웨이가 지원되나요?**

V2 퍼널에서 지원하는 모든 게이트웨이: Stripe, PayPal, Square, Authorize.net, NMI 및 승인된 마켓플레이스 제공업체입니다.

**Q: 재고가 업셀에 영향을 미치나요?**

예. 재고가 활성화되어 있고 품절인 경우 업셀을 구매할 수 없습니다.

**Q: 고객이 업셀 상품 수량을 변경할 수 있나요?**

아니요. 업셀 버튼은 항상 정확히 1개 단위를 판매합니다.

***

*원문 최종 수정: Mon, 15 Dec, 2025 at 6:00 AM* *Hyperclass 사용 가이드 — hyperclass.ai*


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://hyperclass.gitbook.io/hyperclass-docs/miscellaneous/how-to-use-order-upsell-in-forms.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.