폼 구성하기: 질문, 페이지, 디자인

질문을 추가하고, 폼을 여러 페이지로 나누고, 답변에 따라 응답자를 다른 페이지로 안내하고, 색상과 레이아웃을 정합니다. 자동 저장, 실행 취소, 백업도 사용할 수 있습니다.

폼 빌더는 결제 폼, 기부 폼, 행사 티켓, 팁 저금통을 만드는 곳입니다. 카드가 세로로 쌓인 형태이며, 각 카드는 질문 하나 또는 텍스트 블록 하나입니다. 카드를 클릭하면 편집할 수 있습니다. 폼을 만들면 빌더가 자동으로 열립니다. 나중에 열려면 폼 대시보드 왼쪽 메뉴 맨 위의 폼 편집을 클릭합니다.

빌더 한눈에 보기

상단 바에는 대시보드 버튼(폼 대시보드로 돌아감), 상태 표시줄, 백업(시계 아이콘), 실행 취소와 다시 실행, 미리보기, 게시가 있습니다. 그 아래에 탭이 세 개 있습니다.

질문: 페이지별로 무엇을 물을지 정합니다. 질문 옆의 작은 도구 모음으로 새 질문을 추가합니다.
설정: 응답을 다루는 방식, 폼의 동작, 결제를 받는 방식을 정합니다.
디자인: 폼의 모양을 정합니다.

답변은 빌더에 표시되지 않습니다. 대시보드의 응답 화면(기부 폼이나 팁 저금통에서는 기부 내역)에 도착합니다. 응답 확인 및 다운로드를 참고하세요.

질문 추가 및 편집하기

첫 번째 카드를 클릭하고 폼 제목과 폼 설명을 입력합니다.
질문 옆의 도구 모음에서 더하기 버튼인 질문 추가를 클릭합니다. 새 질문은 편집하던 질문 바로 뒤에 객관식 질문으로 추가됩니다.
질문을 입력합니다. 유형을 바꾸려면 질문 오른쪽의 유형 메뉴를 클릭하고 다른 유형을 선택합니다.
유형에 필요한 내용을 채웁니다. 예를 들어 객관식 질문이라면 옵션을 입력합니다. 옵션 입력란에서 Enter 키를 누르면 다음 옵션이 추가되고, 목록을 붙여넣으면 한 줄에 옵션 하나씩 만들어집니다.
응답자가 답해야만 계속 진행할 수 있게 하려면 필수를 켭니다.

메뉴에는 텍스트(단답형, 장문형), 선택(객관식 질문, 체크박스, 드롭다운), 파일 업로드, 척도와 그리드(선형 배율, 평점, 객관식 그리드, 체크박스 그리드), 날짜, 시간, 미리 만들어진 항목(이메일, 전화번호, 숫자, 이름, 주소), 그리고 금액을 다루는 두 가지가 있습니다. 금액 입력에서는 응답자가 결제할 금액을 입력하거나, Fixed amount를 켜서 응답자가 바꿀 수 없는 금액을 보여 줄 수 있습니다. 티켓은 결제 폼 전용이며 폼마다 하나입니다. 티켓 종류마다 가격과 한도를 정합니다.

도구 모음의 나머지 버튼은 질문이 아닌 요소를 추가합니다. 제목과 설명 추가, 이미지 추가(보이지 않는 분을 위한 설명을 넣을 수 있음), 동영상 추가(YouTube, Vimeo, TikTok 링크를 붙여넣음), 섹션 추가입니다.

질문의 아래쪽

질문 아래쪽에는 복제 및 삭제 버튼(삭제하면 실행 취소가 있는 메시지가 표시됨), 필수 스위치, 더보기(점 세 개)가 있습니다. 이 메뉴에는 다음이 들어 있습니다.

설명: 질문 아래에 표시되는 도움말 한 줄입니다.
응답 유효성 검사: 답변을 받기 전에 확인합니다. 예를 들어 글자 수, 이메일 주소, 웹 주소, 최솟값이나 최댓값, 체크할 상자 개수 등입니다.
객관식 질문에서는 답변에 따라 섹션으로 이동, 옵션 순서 섞기, 가격이 있습니다.

질문을 옮기려면 카드 위쪽의 점 여섯 개를 드래그합니다.

폼을 여러 페이지로 나누기

섹션은 폼의 한 페이지입니다. 방문자는 다음과 뒤로 버튼으로 섹션 사이를 이동합니다.

그 페이지에 남겨 둘 마지막 질문을 클릭합니다.
도구 모음에서 섹션 추가를 클릭합니다. ‘섹션 2 / 2’와 같이 표시된 섹션 카드가 나타나고, 클릭한 질문 아래의 모든 질문이 그 섹션으로 이동합니다.
섹션 제목을 입력하고, 원하면 설명도 입력합니다. 질문을 섹션 사이로 드래그해 배치합니다.

섹션의 점 세 개 메뉴에서 섹션을 복제, 이동, 병합, 삭제할 수 있습니다. 섹션을 삭제하면 그 안의 질문도 삭제되므로 Payly가 먼저 확인합니다. 섹션 순서를 바꾸려면 핸들을 잡고 드래그합니다. 드래그하는 동안 모든 섹션이 한 줄로 접힙니다.

방문자를 다른 페이지로 안내하기

건너뛰기 로직은 방문자의 답변에 따라 다른 페이지로 보냅니다. 섹션이 둘 이상인 폼의 객관식 질문과 드롭다운 질문에서 작동합니다.

질문을 열고 더보기(점 세 개)를 클릭합니다.
답변에 따라 섹션으로 이동을 선택합니다.
각 옵션 옆에서 어디로 이어질지 선택합니다. 섹션 2 이동 같은 섹션이나 폼 제출입니다.

섹션 1 이후로 시작하는 줄은 답변으로 이동 위치가 정해지지 않을 때 폼이 다음에 어디로 가는지 알려 줍니다. 방문자가 건너뛴 페이지의 질문은 묻지 않으며 요금도 부과되지 않습니다.

파일 업로드 받기

질문 유형을 파일 업로드로 설정합니다. 특정 파일 형식만 허용을 켜면 문서, 스프레드시트, 프레젠테이션, PDF, 이미지, 동영상, 오디오만 받을 수 있습니다. 최대 파일 수(1, 5, 10개)와 최대 파일 크기(최대 50 MB)를 고릅니다. 업로드된 파일은 Payly가 아니라 본인의 Cloudflare 계정에 보관되며, 그 계정의 모든 폼이 저장 공간을 함께 씁니다(무료 요금제에서는 500 MB). 방문자의 파일은 응답 화면에서 열 수 있습니다.

색상, 글꼴, 레이아웃 고르기

디자인 탭을 클릭합니다. 조절 항목 옆에 실시간 미리보기가 표시됩니다.
레이아웃을 고릅니다. 1단 또는 2단입니다.
헤더 이미지(가로로 긴 사진이 가장 좋으며 약 4:1)와 로고를 추가합니다. 이미지는 본인의 Cloudflare 계정에 저장되므로 첫 업로드 전에 Payly가 연결하라고 안내합니다. 헤더 이미지가 생기면 항상 보여야 하는 부분으로 초점 아래의 점을 드래그합니다.
테마 색상과 글꼴을 고릅니다. 배경색과 진행률 표시줄 색상도 정할 수 있습니다. 비워 두면 폼은 테마 색상을 사용합니다.

2단으로 설정하면 제목, 설명, 텍스트·이미지·동영상 블록은 왼쪽 위에, 질문과 결제는 오른쪽에 놓입니다. 질문 탭에서 어떤 블록이든 두 열 중 어느 쪽으로든 드래그할 수 있으며, 블록의 점 세 개 메뉴에서 왼쪽 열로 이동과 오른쪽 열로 이동을 쓸 수도 있습니다. 모바일에서는 폼이 항상 한 열로 표시됩니다.

모든 폼에 적용되는 설정

설정 탭의 응답 카드에는 다음이 있습니다.

응답 1개로 제한: 방문자의 브라우저에 기억되므로, 다른 브라우저나 기기에서는 같은 사람이 다시 응답할 수 있습니다.
응답 받기: 끄면 폼이 닫힙니다. 닫혀 있는 동안 방문자에게 보여 줄 내용은 폼이 닫혀 있을 때 응답자에게 보여 줄 메시지에 씁니다.
Close on과 Close after this many answers: 정해 둔 날짜와 시간에, 또는 답변이 그 수에 도달하면, 둘 중 먼저 일어나는 때에 폼이 저절로 닫힙니다.

프레젠테이션 카드에는 진행률 표시줄 보이기(방문자가 현재 어느 페이지에 있는지), 질문 순서 섞기, 방문자가 폼을 제출하거나 결제한 뒤에 읽는 확인 메시지가 있습니다.

결제 폼에는 합계를 한 번 또는 일정에 따라 청구하는 결제 카드도 있습니다(폼으로 결제 받기 참고). 기부 폼이나 팁 저금통에는 기부 내역 카드가 있습니다(기부 폼 설정하기 참고). Share your form 카드와 미리 입력된 링크 카드는 폼을 게시한 뒤에 작동합니다(폼 게시하고 주소 공유하기 참고).

미리보기, 저장, 실행 취소, 백업

미리보기: 미리보기를 클릭하면 실제 페이지를 볼 수 있고, 데스크톱과 모바일을 전환한 다음 닫기를 클릭합니다. 미리보기에서 한 일은 아무것도 전송되지 않고 결제도 이루어지지 않습니다.
저장: 빌더는 변경할 때마다 잠시 뒤에 저장하므로 저장 버튼이 없습니다. 상태는 저장하는 중…, 저장됨, 게시 안 됨 순으로 바뀌고, 게시한 뒤에는 저장 및 게시됨이 됩니다. 바로 저장하려면 Ctrl+S를 누릅니다.
실행 취소와 다시 실행: 바의 화살표를 클릭하거나 Ctrl+Z와 Ctrl+Shift+Z를 누릅니다. 실행 취소는 최근 60번의 변경까지 되돌릴 수 있으며, 한 입력란에서 이어서 입력한 것은 한 단계로 셉니다.
백업: 게시할 때마다 폼의 백업이 저장되며, 언제든지 백업 만들기를 클릭해 만들 수도 있습니다. 최신 30개가 본인의 Cloudflare 계정에 보관됩니다. 백업 옆의 복원을 클릭하면 그 백업의 질문, 설정, 디자인이 돌아옵니다. 응답은 지금 그대로 유지되고, 게시하기 전까지 라이브 폼에는 아무것도 바뀌지 않으며, 실행 취소로 복원을 되돌릴 수도 있습니다.