워드프레스 신청서 플러그인 WPForms: 다중 페이지 양식 만드는 방법

Last Updated: 2020년 11월 14일 | | 댓글 남기기

워드프레스 신청서 플러그인을 사용하면 워드프레스 사이트에서 쉽게 방문자나 고객으로부터 신청서를 받을 수 있습니다. 워드프레스에는 다양한 무료 및 유료 컨택트 폼 플러그인이 있습니다. 무료 플러그인으로는 Contact Form 7이 가장 많이 사용됩니다. Contact Form 7에는 멀티 페이지 양식을 만드는 기능이 없지만 Contact Form 7 Multi-Step Forms 같은 플러그인을 사용하면 기능을 확장할 수 있습니다.

컨택트 폼 7은 무료이고 아바다 등 많은 유료 테마에서 이 플러그인을 사용한 문의 페이지(Contact Page)를 제공하고 있습니다. 다만, 무료이기 때문에 기본적인 기능만 제공되고, 기능을 확장하기 위해서는 무료 혹은 유료 플러그인을 설치해야 할 수 있습니다.

많은 유료 플러그인에서 단계별로 신청서를 작성할 수 있는 다단계 페이지 양식 기능을 제공합니다. 예를 들어, Quform에서도 버전 2부터 이 기능이 탑재되어 있습니다.

또 다른 워드프레스 신청서 플러그인인 WPForms는 현재 300만 개 이상 사이트에 설치되어 사용되는 인기 플러그인 중 하나입니다. Contact Form 7의 인터페이스는 다소 불친절하지만 WPForms는 끌어다가 놓는 방식의 드래그 앤 드롭 기능을 지원하여 쉽게 신청서 양식을 만들 수 있는 것이 특징입니다.

WPForms에서 다중 페이지 양식 만드는 방법

WPForms에서도 다중 페이지 양식을 만드는 기능을 제공하지만 무료 버전, 즉 WPForms Lite에서는 이 기능이 지원되지 않습니다.

워드프레스 신청서 플러그인 WPForms

WPForms에서는 Page Break 필드를 사용하여 양식을 여러 페이지로 나눌 수 있습니다. 그림과 같이 페이지를 나누고 싶은 곳으로 Page Break 필드를 끌어다 놓으면 됩니다. 그러면 오른쪽의 미리보기 양식에 "Page Break"가 삽입되고 "Next" 버튼이 표시됩니다.

이런 식으로 하나의 양식을 여러 페이지로 나눌 수 있습니다.

  • 개인 신상 정보, 가족 관계 정보, 기타 정보 등으로 나누어서 단계별로 정보를 받을 때 이 방법을 사용할 수 있습니다.
  • 또한, 개인 회원, 기업 회원 등에 따라 정보를 다르게 하여 신청서를 받으려는 경우 이 방법과 함께 조건부 로직 (Conditional Logic) 기능을 사용하면 보다 정교하게 신청서 양식을 만들 수 있습니다.

예를 들어, 다음과 같이 개인, 기업에 따라 필드를 다르게 구성하여 페이지를 만드는 것이 가능합니다.

WPForms 조건부 기능

Field Options (필드 옵션)에서 Conditionals (조건) 부분을 클릭하고 위와 같이 설정하면 신청자가 "사용자 유형"에 대하여 "기업"을 선택할 경우에만 해당 필드가 표시됩니다. 이런 방법으로 기업 회원과 개인 회원에 따라 필드를 다르게 설정할 수 있습니다. 그러면 굳이 여러 개의 양식으로 나눌 필요 없이 하나의 양식으로 모든 유형의 회원들의 정보를 받을 수 있습니다.

멀티 페이지 양식 신청서 WPForms
WPForms의 다중 페이지 양식

위의 그림과 같이 양식이 표시되면 '사용자 유형'에 '개인'을 선택하고 '다음'을 누르는 경우 다음 페이지에 '기업명'과 '종업원 수' 필드가 나타나지 않고 '기업'을 선택한 경우에만 나타납니다.

무료 버전에서는 Page Break 필드가 비활성화되어 있고 유료 버전에서만 사용할 수 있도록 활성화되어 있습니다.

저는 WPForms Pro 버전을 사용해왔지만 최근 라이선스가 종료되었습니다. 유료 버전의 라이선스가 만료되면 지원과 자동 업데이트를 받지 못합니다. 유료 버전이 나름대로 기능은 좋지만 개인이 사용하기에는 요금제가 다소 부담스러운 편입니다.

블랙프라이데이 기간 동안 많은 테마와 플러그인과 블루호스트 (Bluehost) 등의 웹호스팅 서비스가 할인 판매되고 있습니다.

WPForms도 블랙프라이데이 시즌 동안 60% 할인 이벤트를 진행하고 있네요.

참고로 wpDataTables 플러그인을 사용하면 Contact Form 7, Quform, WPForms 플러그인에서 제출한 데이터를 DB에 저장하여 프런트엔드에 테이블 형식으로 표시할 수 있습니다.

▷요약: 워드프레스에는 다양한 무료 및 유료 신청서 플러그인이 있습니다. 심플하게 문의 양식을 만들려는 경우 무료 컨택트 폼 플러그인을 사용할 수 있습니다. 무료 플러그인인 Contact Form 7의 경우 다양한 애드온 (부가) 플러그인을 사용하여 기능을 확장할 수 있습니다. Quform, WPForms 유료 플러그인을 사용하면 보다 편리하게 양식을 만들 수 있고, 다중 페이지 양식, 조건부 로직 등의 기능이 제공됩니다.

참고:


댓글 남기기

Leave a Comment