# 퍼널에 2단계 주문 폼 추가하는 방법 ## 퍼널에 2단계 주문 폼 추가하는 방법 하이퍼클래스 퍼널에 2단계 주문 폼을 추가하고 설정하는 방법을 알아보세요. 이 가이드에서는 상품과 가격 연결, 폼 커스터마이징, 장바구니 모드, 오더 범프, 쿠폰 코드 등의 옵션을 활성화하는 방법을 다룹니다. *** **목차** * [2단계 주문 폼이란?](#2단계-주문-폼이란) * [2단계 주문 폼의 주요 장점](#2단계-주문-폼의-주요-장점) * [상품 설정 (사전 준비)](#상품-설정-사전-준비) * [퍼널에 2단계 주문 폼 추가하기](#퍼널에-2단계-주문-폼-추가하기) * [자주 묻는 질문](#자주-묻는-질문) *** ## 2단계 주문 폼이란? 2단계 주문 폼은 결제 과정을 두 개의 간단한 화면으로 나누는 방식입니다. 1단계에서는 연락처와 배송 정보를 수집하고, 2단계에서는 결제 정보를 받아 주문을 완료합니다. 이렇게 단계를 나누면 고객의 부담을 줄이고 전환율을 높일 수 있습니다. 이 폼은 어떤 퍼널 단계에도 쉽게 추가할 수 있어 상품 판매를 간편하게 시작할 수 있습니다! *** ### **2단계 주문 폼의 주요 장점** * **전환율 최적화**: 결제 과정을 두 개의 짧은 단계로 나누어 폼 피로도를 줄이고 완료율을 높일 수 있습니다. * **유연한 필드**: 표시/숨김, 필수/선택 필드를 필요에 맞게 커스터마이징할 수 있습니다. * **장바구니 모드**: 장바구니 모드와 수량 제한으로 구매자가 필요한 것을 정확히 선택하면서도 총액을 명확히 볼 수 있습니다. * **매출 증대**: 오더 범프 지원으로 결제 시 추가 상품을 쉽게 제안할 수 있습니다. * **명확한 설정**: 단계별 라벨, 헤더, 버튼으로 브랜드에 맞는 일관된 메시지를 전달할 수 있습니다. *** ### 상품 설정 (사전 준비) 2단계 주문 폼이 상품을 표시하고 결제를 처리하려면 먼저 퍼널 단계에 상품을 연결해야 합니다. 다음 단계를 따라 상품과 가격이 폼에서 사용 가능하도록 설정하세요. **팁:** 이 과정을 시작하기 전에 상품을 먼저 만들어 두세요. 상품 만들기에 대한 자세한 내용은 [여기를 클릭하세요.](/hyperclass-docs/getting-started/getting-started-create-sell-products.md) * 좌측 메뉴에서 \*\*사이트(Sites)\*\*로 이동하고, \*\*퍼널(Funnel)\*\*을 열어 사용할 **퍼널 단계**를 선택하세요. ![퍼널 단계 선택](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155061956299/original/JndMMDn8gEmdJKnU1k6pzIGGrFxqKMxzfQ.jpeg?1767653151) * 오른쪽의 **상품(Products)** 탭을 열고 \*\*+ 상품 추가(Add Product)\*\*를 클릭하세요. ![상품 추가](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155061956301/original/dcb4G5PEHEBkfY7_eRiQpNO7tX0H_GYiNg.jpeg?1767653173) * **상품(Product)** 드롭다운에서 판매할 상품을 선택하거나 인라인 링크를 클릭하여 새 상품을 만드세요. ![상품 선택](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155061956365/original/HCf7p1PkhPlU6GKU5nromrqd0WPwz8ZGrA.png?1767653443) * \*\*가격(Price)\*\*에서 기존 가격을 선택하거나 인라인 링크를 클릭하여 **새 가격을 만드세요**. 선택적으로 상품명 오버라이드를 사용하여 주문 폼에 표시되는 이름을 수정하거나, 가격 표시 오버라이드를 사용하여 주문 폼에서 가격이 표시되는 방식을 커스터마이징할 수 있습니다. ![가격 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155061956386/original/GqtqcHzgl3r6U9MRT3RcyacJ7Ygzl_ZbAg.png?1767653578) * \*\*추가 옵션(Additional options)\*\*을 클릭하여 다중 수량 허용, 주문당 최대 수량 설정, 메인 상품 또는 범프 상품으로 표시를 설정하세요. ![추가 옵션](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155061956405/original/tMSy-2mZSUHmLv0lrgOwDdBF_1WeBiV-zA.png?1767653725) * 필요에 따라 여러 상품을 추가하려면 위 과정을 반복하세요! *** ### 퍼널에 2단계 주문 폼 추가하기 상품을 단계에 연결한 후, 다음 단계를 따라 퍼널에 2단계 주문 폼 요소를 추가하고 설정하세요. **1단계: 퍼널 단계로 이동** \*\*사이트(Sites) → 퍼널(Funnels)\*\*로 이동하여 퍼널을 열고, 결제를 배치할 특정 단계를 선택하세요. ![퍼널 단계 이동](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155061955165/original/Xkqp6dN-PmkiG6wYRrvr8508N9kYFKo9qA.png?1767650735) **2단계: 2단계 주문 폼 요소 추가** 좌측 상단의 **요소 추가(Add Elements)** (+)를 클릭하고 \*\*주문 요소(Order elements)\*\*에서 **2단계 주문(Two‑Step Order)** 요소를 선택하세요. 이 요소를 디자인으로 드래그하세요. ![요소 추가](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155061955313/original/G22r2IveUsFhdBWOVPBo6j_m6T0csqkSoQ.png?1767650986) **3단계: 1단계 설정** 1단계는 연락처 정보와 배송 세부사항을 수집합니다. 요소 설정에서 \*\*폼 옵션(Form options)\*\*을 열고 \*\*1단계(Step 1)\*\*를 선택하세요. 여기서 다음을 설정할 수 있습니다: * 헤드라인과 서브 헤드라인 * 회사명: 숨김, 선택사항, 또는 필수 * 표시 필드의 플레이스홀더/표시 이름 * 전화번호: 필수/선택사항/숨김 * 배송: 켜기/끄기 * 2단계로 진행하는 버튼 텍스트 ![1단계 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155061955499/original/oOvCg0nxSLXWq1pDkLjd0EOUBcpWPn3T5Q.png?1767651206) **4단계: 2단계 설정** 2단계는 결제 정보를 받고 구매를 완료합니다. 요소 설정에서 \*\*폼 옵션(Form options)\*\*을 열고 \*\*2단계(Step 2)\*\*를 선택하세요. 여기서 라벨, 헤더, 그리고 결제 및 확인을 위한 **버튼 텍스트**를 편집할 수 있습니다. ![2단계 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155061955501/original/Hyz22YJPXZekPnvvvzLLiAbioNqonoXcug.png?1767651232) **5단계: 기타 설정 (선택사항)** 추가 설정을 사용하여 상품 표시 방식, 애드온 제공 여부, 할인 적용 여부를 제어할 수 있습니다: * **장바구니 모드 활성화** 토글 (퍼널 버전에서 지원하는 경우). 주문 폼의 장바구니 모드에 대한 자세한 내용은 여기를 클릭하세요! * **상품 설명** 및 **가격 정보** 표시 여부 선택 * 오더 범프 활성화 및 설정. 폼의 오더 범프에 대한 자세한 내용은 여기를 클릭하세요! * 쿠폰 코드 활성화 ![기타 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155062046385/original/71Kv8sPvzyT3KvfMyMtuAZd3p5ierDZdrA.png?1767718761) **6단계: 폼 스타일링** 요소 설정에서 브랜드에 맞게 **버튼, 텍스트, 배경 색상**을 조정하세요. ![스타일링](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155061955516/original/7Zn-5E6sEfMORcYuatz8k6cHBC4JOQ1yJg.png?1767651331) **7단계: 미리보기 및 발행** 퍼널을 발행하기 전에 우측 상단의 **미리보기(Preview)** 버튼을 클릭하여 주문 폼을 테스트하세요. 확인 후 파란색 발행 버튼을 클릭하세요. ![미리보기 및 발행](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155061955522/original/DQgK4xQ1pN2ncMim5kA8hjg-FTZZ8dQYSw.png?1767651358) *** ### **자주 묻는 질문** **Q: 2단계 주문 폼에 상품이 표시되지 않는 이유가 뭔가요?** 같은 퍼널 단계의 상품 탭에 상품과 최소 하나 이상의 가격이 추가되어 있는지 확인하세요. **Q: 고객이 여러 수량을 구매할 수 있게 하려면 어떻게 하나요?** 상품(Products) → 추가 옵션(Additional options)에서 다중 수량 허용을 활성화하고 주문당 최대 수량을 설정하세요. **Q: V1 퍼널에서 2단계 주문 폼을 사용할 수 있나요?** 2단계 주문 폼은 퍼널에 추가할 수 있습니다. 장바구니 모드 같은 최신 설정에 접근하려면 해당 단계를 V2로 마이그레이션하는 것을 고려해보세요. **Q: 주문 폼에서 구독과 일회성 상품을 모두 지원하나요?** 네. 주문 폼은 상품에 연결한 가격 정책(일회성 또는 반복 결제)을 반영합니다. **Q: 모든 주문에 플랫폼/처리 수수료를 추가할 수 있나요?** 네! 처리 또는 플랫폼 수수료는 결제 설정에서 추가할 수 있습니다. 자세한 내용은 여기를 클릭하세요! *** *원문 최종 수정: Tue, 6 Jan, 2026 at 12:30 PM* *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-add-a-two.md?ask= ``` 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.