# 퍼널에 2단계 주문 폼을 추가하는 방법 ## 퍼널에 2단계 주문 폼을 추가하는 방법 HighLevel 퍼널에서 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(퍼널)\*\*을 열고, 사용하려는 \*\*funnel step(퍼널 단계)\*\*를 선택하세요. ![퍼널 단계 선택](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(가격)** 항목에서 기존 가격을 선택하거나 인라인 텍스트 링크를 클릭해서 **새 가격을 생성**하세요. 선택적으로 Product Name Override를 사용해서 주문 폼에 표시되는 상품 이름을 편집하거나, Price Display Override를 사용해서 주문 폼에 가격이 표시되는 방식을 커스터마이징할 수 있습니다. ![가격 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155061956386/original/GqtqcHzgl3r6U9MRT3RcyacJ7Ygzl_ZbAg.png?1767653578) * \*\*Additional options(추가 옵션)\*\*을 클릭해서 Allow multiple quantity(다중 수량 허용), set Max per order(주문당 최대 수량 설정), Mark this item as a Main product or a Bump product(메인 상품 또는 범프 상품으로 표시) 등을 설정하세요. ![추가 옵션](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(주문 요소)** 아래에서 **Two‑Step Order(2단계 주문)** 요소를 선택하세요. 이 요소를 디자인에 드래그해서 추가하세요. ![2단계 주문 폼 요소 추가](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155061955313/original/G22r2IveUsFhdBWOVPBo6j_m6T0csqkSoQ.png?1767650986) **3단계: 1단계 설정** 1단계는 연락처 정보와 배송 정보를 수집합니다. 요소 설정에서 \*\*Form options(폼 옵션)\*\*을 열고 \*\*Step 1(1단계)\*\*를 선택하세요. 여기서 다음을 설정할 수 있습니다: * Headline(제목)과 Sub‑headline(부제목) * Company name(회사명): 숨김, 선택사항, 또는 필수 * 표시되는 필드의 Placeholders/Display names(플레이스홀더/표시 이름) * Phone(전화): 필수/선택/숨김 * Shipping(배송): 켜기/끄기 토글 * 2단계로 진행하는 Button text(버튼 텍스트) ![1단계 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155061955499/original/oOvCg0nxSLXWq1pDkLjd0EOUBcpWPn3T5Q.png?1767651206) **4단계: 2단계 설정** 2단계는 결제 정보를 받고 구매를 완료합니다. 요소 설정에서 \*\*Form options(폼 옵션)\*\*을 열고 \*\*Step 2(2단계)\*\*를 선택하세요. 여기서 결제 및 확인용 labels(라벨), headers(헤더), \*\*button text(버튼 텍스트)\*\*를 편집할 수 있습니다. ![2단계 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155061955501/original/Hyz22YJPXZekPnvvvzLLiAbioNqonoXcug.png?1767651232) **5단계: 기타 설정 (선택사항)** 추가 설정을 사용해서 상품 표시 방식, 애드온 제공 여부, 할인 적용 가능 여부를 제어하세요: * **Enable cart mode(장바구니 모드 활성화)** 토글 (퍼널 버전에서 사용 가능한 경우). 주문 폼의 장바구니 모드에 대한 자세한 내용은 여기를 클릭하세요! * **Product description(상품 설명)** 및 **Pricing information(가격 정보)** 표시 여부를 선택하세요. * Order Bump(주문 범프)를 활성화하고 설정하세요. 폼의 주문 범프에 대한 자세한 내용은 여기를 클릭하세요! * Coupon Codes(쿠폰 코드)를 활성화하세요. ![기타 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155062046385/original/71Kv8sPvzyT3KvfMyMtuAZd3p5ierDZdrA.png?1767718761) **6단계: 폼 스타일링** 요소 설정에서 \*\*Button, Text and Background Colors(버튼, 텍스트 및 배경 색상)\*\*을 브랜드에 맞게 조정하세요. ![폼 스타일링](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155061955516/original/7Zn-5E6sEfMORcYuatz8k6cHBC4JOQ1yJg.png?1767651331) **7단계: 미리보기 및 발행** 퍼널을 발행하기 전에 우측 상단의 **Preview(미리보기)** 버튼을 클릭해서 주문 폼을 테스트하세요. 확인이 완료되면 파란색 Publish(발행) 버튼을 클릭하세요. ![미리보기 및 발행](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155061955522/original/DQgK4xQ1pN2ncMim5kA8hjg-FTZZ8dQYSw.png?1767651358) *** ### **자주 묻는 질문** Q: 2단계 주문 폼에 상품이 나타나지 않는 이유는 무엇인가요? 같은 퍼널 단계의 Products(상품) 탭에서 상품과 최소 하나의 가격이 추가되어 있는지 확인하세요. **Q: 고객이 여러 수량을 구매할 수 있게 하려면 어떻게 해야 하나요?** Products(상품) → Additional options(추가 옵션)에서 Allow multiple quantity(다중 수량 허용)을 활성화하고 Max per order(주문당 최대 수량)를 설정하세요. 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/payments/using-apple-pay-and-google-pay-in-order-forms/two-step-order-form-step-1.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.