# 사이트 빌더 안에서 폼 & 설문 만들기

## 사이트 빌더 안에서 폼 & 설문 만들기

Hyperclass의 퍼널(Funnel)과 웹사이트(Website) 빌더 안에서 직접 폼과 설문을 빠르게 만들고 관리하는 방법을 알아보세요. 대형 빌더 내 편집기로 디자인 흐름을 유지하고, 폼 선택기(Form Picker)로 기존 자산을 재활용하며, 엄선된 템플릿으로 더 빠르게 런칭하세요. 주문형 폼에서 결제를 활성화하고, 결과를 추적하며, 쉬운 재사용을 위해 모든 것을 체계적으로 관리할 수 있습니다.

***

## 퍼널 & 웹사이트 빌더의 폼 & 설문이란?

Hyperclass의 폼 & 설문(Forms & Surveys) 기능은 퍼널이나 웹사이트 캔버스를 떠나지 않고도 폼이나 설문을 생성, 추가, 관리할 수 있는 빌더 내 경험을 제공합니다. 대형 모달 편집기에서 새 폼을 만들고, 폼 선택기로 기존 자산을 추가하며, 필드와 디자인을 커스터마이징하고, 퍼널, 웹사이트, 웨비나, 이커머스 스토어 전반에서 재사용할 수 있도록 중앙에서 체계적으로 관리할 수 있습니다.

***

### 퍼널 & 웹사이트 빌더의 폼 & 설문 주요 장점

이러한 장점을 이해하면 새 자산을 만들어야 할 때와 기존 자산을 재사용해야 할 때를 결정하고, 페이지 제작 중 더 빠르게 작업하며, 제출 내역과 성과를 어디서 관리해야 하는지 알 수 있습니다.

* **빌더 내 속도**: 탭을 전환하지 않고 크고 맥락적인 편집기에서 작업하여 페이지 디자인 중 추진력을 유지할 수 있습니다.
* **기존 자산 재사용**: **폼 선택기**를 통해 기존 폼이나 설문을 추가하여 페이지 간 브랜딩과 로직 일관성을 유지할 수 있습니다.
* **템플릿으로 빠른 시작**: 엄선된 테마 기반 템플릿(Application, Contact, Donation, Order, Registration, Request, Subscribe)에서 시작하여 처음부터 만드는 수고를 덜 수 있습니다.
* **원클릭 편집**: 폼/설문을 캔버스에 드래그하고 즉시 편집기를 열어 필드, 스타일, 동작을 세밀하게 조정할 수 있습니다.
* **통합 관리**: 새로 만들거나 추가한 모든 자산이 자동으로 중앙 목록에 수집되어 쉽게 찾고, 복제하고, 재사용할 수 있습니다.
* **폼에서 결제**: 결제 요소(Payment element)가 포함된 주문 스타일 템플릿을 사용하여 폼에서 직접 상품을 판매하거나 기부를 받을 수 있습니다.

***

### 사전 제작된 폼 템플릿 vs 테마

템플릿은 즉시 사용 가능한 폼 구조(예: 주문(Order) 또는 연락처(Contact))를 제공하고, **테마**는 스타일링을 위한 시각적 프리셋입니다. 올바른 시작점을 선택하면 제작 시간이 단축되고, 차이점을 이해하면 실수로 덮어쓰는 것을 방지할 수 있습니다.

* **템플릿 (구조)**: Application, Contact, Donation, Order, Registration, Request, Subscribe. 필요에 따라 필드와 설정을 커스터마이징하세요.
* **테마 (시각적 스타일)**: 빠르게 외관을 적용할 수 있습니다. 테마를 전환하면 현재 스타일 변경사항이 대체된다는 점에 유의하세요.

![폼 템플릿과 테마](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155056126636/original/glfSSZgoBWR2DLqqhl8RNelyJU787RjMWA.png?1760608503)

***

### 폼 선택기

폼 선택기를 사용하면 여러 퍼널과 웹사이트에서 기존 폼이나 설문을 재사용하여 일관되고 측정 가능한 경험을 유지할 수 있습니다.

* 기존 자산을 검색, 미리보기, 선택할 수 있습니다.
* 선택하면 캔버스로 드래그하고 **편집**을 열어 원클릭 커스터마이징이 가능합니다.

![폼 선택기 인터페이스](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155056144281/original/Pl5EXDeR6nH9e7UwWpkUCWkhrhps6oe8cA.png?1760617466)

***

### 통합 관리 (목록 보기)

만들거나 추가한 폼과 설문은 자동으로 통합 목록에 표시되어 계정의 자산 전반에서 쉽게 찾고, 복제하고, 재사용할 수 있습니다.

* **단일 정보원**: 퍼널이나 웹사이트 빌더에서 만든 폼과 설문은 `사이트(Sites) → 폼(Forms) → 빌더(Builder)` 및 `사이트(Sites) → 설문(Surveys) → 빌더(Builder)`에도 나타나며, **폼 선택기**를 통해 선택할 수 있습니다.
* 모든 자산을 보고, 검색하며, 필요에 따라 변형을 위해 복제할 수 있습니다.
* 정확한 분석과 재사용을 위해 명명 규칙을 일관되게 유지하세요.

***

### 디자인 제어 (우측 사이드바)

폼/설문 빌더의 우측 사이드바는 디자인과 동작 제어를 중앙화하여 프레젠테이션과 고급 설정을 빠르게 조정할 수 있습니다.

* **필드(Fields)**: 필드를 추가, 제거, 재정렬하고 필요한 경우 커스텀 필드(Custom Field)에 매핑합니다.
* **스타일(Styles)**: 폰트, 간격, 테두리, 배경, 버튼 스타일을 설정합니다.
* **고급(Advanced)**: 확인 동작, 리다이렉트, 로직(설문 전용), 추적 및 기타 옵션을 설정합니다.

![디자인 제어 사이드바](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155056145461/original/toH27fwqCzknwNrKLilrLojIYwSUwsNC_w.png?1760618003)

***

### 퍼널 & 웹사이트 빌더에서 폼 & 설문 설정 방법

적절한 설정을 통해 자산을 빠르게 만들거나 재사용하고, 맥락에 맞게 커스터마이징하며, 제출과 결제가 올바르게 캡처되는지 확인할 수 있습니다. 이 단계는 **퍼널 빌더**와 **웹사이트 빌더** 모두에서 적용됩니다.

* **빌더 열기 (퍼널 또는 웹사이트)**:
  * **퍼널 빌더에서**: 퍼널 열기 → 단계 선택 → 편집기 진입
  * **웹사이트 빌더에서**: 웹사이트 열기 → 페이지 선택 → 편집기 진입
  * **참고**: 폼 & 설문 경험은 웨비나와 이커머스 스토어 빌더에서도 사용 가능합니다.

![빌더 열기 과정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155056142567/original/0mJmKU9rEJPdqO2vviPfJY02sF1aeGuzXg.gif?1760616761)

* **폼 & 설문 열기 (좌측 사이드바)**:

**새로 만들기(Create New)** (처음부터 제작) 선택, 미리 만들어진 **폼/설문 카테고리** 선택, 또는 **기존 것 추가(Add Existing)** (**폼 선택기** 실행)를 선택합니다. 새 폼이나 기존 폼을 퍼널에 **드래그 앤 드롭**합니다.

![폼 & 설문 추가 과정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155056142777/original/l4kPmff0Yj0B3ExIkzLNd0yale-Y1TQmgQ.png?1760616823)

* **폼 또는 설문 생성 또는 수정**:
  * **새로 만들기**: 필드 추가, 디자인 커스터마이징, 저장이 가능한 **90% 팝업** 폼/설문 빌더 모달이 열립니다.

![새 폼 생성 모달](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155056142978/original/VrhC0Ko8RxSfVhOuPiUlVVTHH5OCoAYRlQ.png?1760616919)

* **기존 것 추가/편집**: 이전에 만든 자산을 검색하고 선택할 수 있는 **폼 선택기**가 실행됩니다.

![기존 폼 편집 과정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155056143758/original/9UPt4XVjsn0-BsrwSEotDDxf2nOUUIDcNw.gif?1760617239)

* **저장 및 테스트**:

페이지를 저장한 후 미리보기에서 테스트 항목을 제출해보세요. 제출 내역이 예상한 곳(`사이트(Sites) → 폼/설문(Forms/Surveys) → 제출(Submissions)`)에 나타나는지 확인하세요.

***

### 자주 묻는 질문

**Q: 사전 제작된 템플릿을 커스터마이징할 수 있나요?** 네. 어떤 템플릿에서든 시작한 후 대형 빌더 내 편집기에서 필드, 스타일, 동작을 수정할 수 있습니다.

**Q: 템플릿과 테마의 차이점은 무엇인가요?** 템플릿은 시작 구조(예: Order, Contact)이고, 테마는 시각적 프리셋입니다. 테마를 전환하면 기존 스타일 변경사항이 대체됩니다.

**Q: 폼에서 결제를 받으려면 어떻게 해야 하나요?** 주문 스타일 템플릿을 사용하고, 결제 요소(Payment element)를 추가한 후 지원되는 게이트웨이에 연결하세요. `상품(Products)`에서 상품을 구성한 후 라이브로 전환하기 전에 테스트해보세요.

**Q: 제출 내역과 분석은 어디서 볼 수 있나요?** `사이트(Sites) → 폼(Forms) → 제출(Submissions)` 또는 `사이트(Sites) → 설문(Surveys) → 제출(Submissions)`에서 항목을 확인할 수 있습니다. 성과는 \*\*분석(Analytics)\*\*을 열어 전환율과 이탈률을 추적하세요.

**Q: 폼을 설문으로 (또는 그 반대로) 변환할 수 있나요?** 타입 변환은 지원되지 않습니다. 데이터 무결성을 보존하려면 다른 형식으로 복제하고 재구성하세요.

**Q: 수동 결제 방식이 주문 폼에 나타나나요?** 결제 설정에서 활성화된 경우, 수동 방식(예: 착불)이 해당 폼에 나타날 수 있습니다.

***

*원문 최종 수정: Thu, 16 Oct, 2025 at 8:06 AM*\
\&#xNAN;*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/and-sites/create-forms-surveys-inside-the-site-builder.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.