단계별·조건부 폼

사용 가능 사용 가능

입력폼 블록의 단계별 갈래에는 두 가지 기능이 있습니다. 하나는 항목을 여러 화면에 나눠 묻는 다단계 폼, 다른 하나는 답에 따라 항목을 보이고 숨기는 조건부 표시 규칙입니다. 둘은 따로 써도 되고 같이 써도 됩니다.

스크린샷 준비 중/l/[id]/design · 입력폼 블록 → 단계별 갈래, 항목별 단계 선택과 조건부 규칙 한 줄

#다단계 폼

항목이 많을 때 한 화면에 다 보여 주면 첫눈에 부담스럽습니다. 짧은 질문 몇 개씩 나눠 물으면 같은 항목이라도 덜 길어 보입니다.

1. 다단계 폼 사용 (여러 화면으로 나눠 받기) 를 체크합니다.
2. 항목마다 1단계~5단계 가운데 몇 번째 화면에 나올지 고릅니다.
3. 오른쪽 휴대폰 미리보기에서 바로 확인합니다.

방문자 화면은 이렇게 바뀝니다.

• 위쪽에 진행 막대와 "1/3" 같은 단계 표시가 생깁니다.
• 마지막 단계 전까지는 버튼이 다음이고, 두 번째 단계부터는 이전 버튼이 함께 나옵니다.
• 필수 항목을 비우면 다음 단계로 넘어가지 않습니다.
• 약관 동의와 신청 버튼은 마지막 단계에 나옵니다.

#나누는 예

• 연락처를 1단계에 — 이름과 휴대폰을 먼저 받고, 상담 희망 시간·관심 상품 같은 나머지를 2단계로 둡니다.
• 가벼운 질문을 1단계에 — 고민 부위·관심 차종처럼 고르기만 하면 되는 질문을 먼저, 이름·연락처를 뒤에 둡니다.

어느 쪽이 나은지는 업종과 광고에 따라 다릅니다. 두 버전을 만들어 A/B 테스트로 비교해 보는 것이 확실합니다.

출시 예정

중간 단계에서 나간 방문자의 입력은 저장되지 않습니다. 신청 버튼까지 누른 접수만 디비내역에 들어옵니다. 몇 단계에서 많이 나가는지 보여 주는 방문 깔때기(폼 도달·입력 시작)는 출시 예정입니다.

#조건부 표시 규칙

앞 질문의 답에 따라 필요 없는 질문을 감춥니다. 예를 들어 "구매형태"에서 "리스"를 고른 사람에게만 "희망 계약 기간"을 묻는 식입니다.

1. + 규칙 추가를 누릅니다.
2. 한 줄을 이렇게 채웁니다. 만약 [항목] [조건] [값] 이면 [보이기/숨기기] [대상 항목]
3. 조건은 다섯 가지입니다.

값이 필요한 조건인데 값 칸이 비어 있으면 그 규칙은 저장되지 않고 "값을 넣으면 저장돼요"가 표시됩니다.

#보이기와 숨기기의 차이

• 보이기 규칙을 건 항목은 조건이 맞기 전까지 숨어 있습니다. 같은 항목에 보이기 규칙이 여럿이면 하나만 맞아도 보입니다.
• 숨기기 규칙을 건 항목은 평소에 보이다가 조건이 맞으면 사라집니다.

값을 적을 때는 선택 항목에 적어 둔 글자와 띄어쓰기까지 똑같이 적어야 "같다"가 맞습니다. 그래서 조건을 거는 항목은 자유 입력보다 라디오·셀렉트 같은 선택 항목이 안전합니다.

#숨겨진 항목은 어떻게 되나

조건 때문에 숨겨진 항목은 필수로 설정돼 있어도 검사하지 않고, 값도 저장하지 않습니다. 방문자가 답을 바꿔 항목이 다시 숨겨지면 그 항목에 적었던 값도 함께 빠집니다.

#자주 막히는 점

• 보이기 규칙을 걸었더니 항목이 아예 안 보입니다. 정상입니다. 조건이 맞을 때만 나타납니다. 미리보기에서 조건에 맞는 답을 골라 확인하세요.
• 어느 단계에도 안 넣은 항목은요? 기본으로 1단계에 들어갑니다.
• 단계를 1·3단계만 썼습니다. 비어 있는 단계는 건너뛰고 1/2, 2/2로 표시됩니다.

---

다음에 볼 글 — 버튼·완료 처리 관련 기능 — 입력폼·동의