워드프레스 Contact Form 7 스텝(단계) 나누기 플러그인 – Contact Form 7 Multi Step

개요

Contact Form 7 은 워드프레스의 대표적인 플러그인입니다. 누적 활성화(다운로드 수가 아닌 현재 사용중인 사이트 수)가 5백만이 넘어가는 검증이 된 플러그인이며 단순하고 편한 사용법에 무료이기까지 하니 사이트를 제작한다면 문의메일 보내는 페이지를 만들때 그야말로 적격이라고 볼 수 있습니다.

이 Contact Form 7 (이하 컨택폼)은 플러그인의 확장 플러그인도 꽤 많은편인데, 오늘은 그 중 하나인 Contact Form 7 Multi Step 플러그인을 소개하겠습니다.

이 플러그인은 컨택폼에 항목이 많아서 ( 예를들어 설문지같은 경우 ) 여러 단계로 나누고 싶을때 사용합니다.

 

1.설치

Contact Form 7 Multi Step 에서 다운받거나 관리자의 플러그인 추가로 설치하고 활성화 합니다. 물론 컨택폼은 사전에 설치가 되어있어야 하며 이 플러그인은 별도의 설정 화면은 없습니다.

 

2. 사용

활성화 후 컨택폼 편집 화면에 가면 아래 스크린샷처럼 Step 라는 버튼이 추가됩니다.

스텝을 나누고싶은 지점에 Step 버튼을 클릭하면 스크린샷처럼 숏코드가 추가됩니다.

위 스크린샷처럼 넣으면 숏코드 위는 첫번째 페이지, 숏코드 밑은 두번째 페이지가 되겠죠. 이제 저장하면 끝입니다.

페이지를 나누는 숏코드라고 보면 됩니다.

 

3. 확인

스크린샷처럼 Next 버튼이 표시되고 슬라이더처럼 단계별로 나뉘는지 확인합니다.

 


맺으며

이런식으로 폼을 나눌일이 가끔 생기는데

개인적으로 잘 만들어진 플러그인이라고 생각되며 설정할것도 없고 한번 사용해보면 누구나 쉽게 사용할 수 있습니다.

숏코드 추가만으로 기존에 만들어진 폼을 그대로 나눌수 있어서 좋은것 같습니다.

 

이런 Contact Form 7 같은 폼 플러그인은 사실 종류가 많습니다. 무료도 많고 유료중에서는 드래그&드롭으로 자유자재로 폼을 만들고 이 플러그인처럼 단계별로 나누는 기능도 있는것들이 많습니다만

단순히 단계만 나눌거면 유료까지 쓸 필요는 없을것같고 이 플러그인을 사용하면 충분하다고 생각됩니다.

다만 이 Multi Step 플러그인도 유료버전이 있는데, 버튼의 텍스트를 변경해줄수 있고 단계를 알려주는 네비게이션 UI 가 붙어있습니다.
Contact Form Seven CF7 Multi-Step Pro

참고로 저의경우 네비게이션 UI는 물론 있으면 좋지만 꼭 필요하진 않은 기능이라 생각되서 각 단계 위에 텍스트로 표시하는 정도로 끝냈습니다. ( 아래 스크린샷 참조 )