폼 필드 추가·순서·컨테이너 열

폼을 만들었다면 다음 일은 무엇을 물어볼지 정하는 것입니다. 이름과 이메일만 받을 수도 있고, 회사명이나 문의 유형까지 묻고 싶을 수도 있습니다. 퍼널체인저스의 폼 편집 화면에는 필드를 추가하고, 순서를 바꾸고, 한 줄에 여러 칸을 나란히 놓는 기능이 필드 관리 탭 한 곳에 모여 있습니다. 이 글에서는 그 사용 방법을 순서대로 안내합니다.

1. 필드 관리 탭은 어디에 있나요

폼 빌더 > 폼 목록에서 폼의 편집을 누른 뒤, 상단 탭에서 필드 관리를 선택합니다. 왼쪽 폼 필드 카드에는 지금 폼에 들어 있는 필드가 위에서 아래 순서로 나열되고, 오른쪽에는 필드 추가와 속성 두 탭이 있습니다. 새로 만든 폼에는 제출 버튼 필드 하나만 들어 있습니다.

2. 필드 추가하기

오른쪽 필드 추가 탭에서 넣고 싶은 필드 버튼을 누르면 됩니다. 버튼은 세 묶음으로 나뉩니다.

• 컨테이너: 한 열, 2열, 3열, 4열, 5열, 6열
• 일반 필드: 이름 필드, 이메일, 전화번호, 간단한 텍스트, 텍스트 영역, 숫자 필드, 날짜/시간, 웹사이트 URL, 드롭다운, 라디오 버튼, 체크박스, 주소 필드, 국가 선택, 파일 업로드, 평점(별점), 슬라이더, 비밀번호, NPS 점수, 이미지
• 고급 필드: 동의 체크박스, 숨겨진 필드, 사용자 정의 HTML, 제출 버튼, 섹션 구분, GDPR 동의, 리치 텍스트, 색상 선택, 페이지 나누기

고급 필드 묶음은 처음에 접혀 있으니 제목을 눌러 펼칩니다. 버튼을 누르면 왼쪽 목록의 제출 버튼 바로 위에 점선 테두리의 카드가 생기고 저장 후 편집 가능이라고 표시됩니다. 카드의 X 버튼으로 추가를 취소할 수 있습니다. 추가한 필드는 필드 저장을 눌러야 폼에 반영되며, 저장하면 필드가 저장되었습니다. 안내가 나타납니다.

원하는 위치에 바로 넣고 싶다면 필드 카드 사이의 + 버튼을 누릅니다. 필드 추가 창이 열리고, 고른 필드가 그 + 버튼 자리에 들어갑니다.

3. 필드 속성 바꾸기

저장된 필드 카드의 설정 버튼을 누르면 오른쪽 속성 탭에 편집 항목이 나타납니다.

• 필수 입력: 켜면 입력하지 않았을 때 제출할 수 없고, 필드 이름 옆에 빨간 별표가 붙습니다.
• 라벨 (화면 표시 이름)과 플레이스홀더: 필드 위에 보이는 이름과 입력칸 안의 안내 문구입니다.
• 라벨 배치: 위 (Top), 왼쪽 인라인 (Left), 숨김 (Hidden) 중에서 고릅니다.
• 기본값 / GET 파라미터와 화면에서 숨기기: 미리 채울 값을 정하거나, 고객에게는 보이지 않고 값만 자동으로 전송되게 합니다.
• 선택지 (답안): 드롭다운·라디오 버튼·체크박스에 나타납니다. + 옵션 추가를 눌러 값과 표시 라벨을 적습니다. 드롭다운과 라디오 버튼에는 선택지 순서 랜덤 표시 옵션도 있습니다.

항목을 고친 뒤 패널 아래의 저장을 누르면 필드가 수정되었습니다. 안내와 함께 바로 반영됩니다. 이 저장은 목록 위아래의 필드 저장과 별개입니다.

4. 순서 바꾸기, 복제, 삭제

각 카드 왼쪽의 점 여섯 개 손잡이를 끌어서 원하는 자리에 놓으면 번호가 바로 바뀝니다. 마지막에 필드 저장을 눌러야 순서가 저장됩니다.

카드 오른쪽의 겹친 사각형 버튼은 필드 복제입니다. 원본 바로 뒤에 이름 끝에 (복제)가 붙은 필드가 생기며 필드를 복제했습니다. 안내가 나옵니다. 휴지통 버튼을 누르면 이 필드를 삭제하시겠습니까? 확인창이 나타나고, 삭제를 누르면 카드가 사라집니다. 이때도 필드 저장을 눌러야 실제로 지워집니다.

5. 컨테이너로 한 줄에 여러 칸 놓기

컨테이너에서 2열부터 6열을 누르면 그 열 수만큼 간단한 텍스트 칸이 한 묶음으로 생깁니다. 저장하면 목록에서 각 칸에 · 컨테이너 표시가 붙습니다. 한 열은 칸 하나짜리 간단한 텍스트 필드를 추가합니다.

각 칸의 설정을 열면 맨 위에 필드 유형 선택이 있어 일반 필드 19종 중 원하는 유형으로 바꿀 수 있습니다. 라벨과 플레이스홀더도 칸마다 따로 고칩니다.

라이브 프리뷰 탭 위쪽의 ▶ 실제로 테스트하기로 열면, 같은 컨테이너의 칸들이 한 줄에 나란히 놓인 실제 폼 화면을 볼 수 있습니다.

6. 이렇게 활용해 보세요

• 이름과 전화번호처럼 짧은 항목은 2열 컨테이너로 묶어 폼 길이를 줄여 보세요.
• 꼭 필요한 항목에만 필수 입력을 켜면 작성하는 분의 부담을 덜 수 있습니다.
• 광고 유입 경로처럼 고객이 입력할 필요가 없는 값은 숨겨진 필드나 화면에서 숨기기로 받을 수 있습니다.

7. 알아 두실 점

• 필드 추가, 순서 변경, 삭제는 필드 저장을 눌러야 반영됩니다. 속성 탭의 저장과 필드 복제는 누르는 즉시 반영됩니다.
• 컨테이너 칸의 필드 유형은 일반 필드 19종 중에서만 고를 수 있습니다.
• 폼의 설정 탭(접수 일정·자동 태그와 리스트·웹훅), 임베드 코드, 제출 목록은 별도 글에서 다룹니다.