WordPress 다단계 양식을 만드는 방법(코드 없는 방식)

게시 됨: 2022-06-18

WordPress 다단계 양식을 만드는 자습서를 찾고 계십니까?

다단계 양식은 큰 양식을 작은 부분으로 나눕니다. 다단계 양식을 사용하면 복잡함을 줄이고 방문자가 더 간단하게 등록할 수 있습니다. 전환을 늘리고 전반적인 사용자 경험을 개선할 수 있는 좋은 방법입니다.

그러나 처음부터 새로 만드는 것은 정말 피곤하고 개발자를 고용하여 만들려면 비용도 많이 들 것입니다.

이 기사에서는 코딩 없이 WordPress 다단계 양식을 쉽게 만드는 방법을 보여 드리겠습니다.

뛰어들어봅시다.

1단계: WPForms로 새 양식 만들기

가장 먼저 해야 할 일은 WPForms를 설치하고 활성화하는 것입니다.

WPForms

WPForms는 세계 1위 WordPress 양식 빌더 플러그인입니다. WPForms를 설치하는 방법을 잘 모르는 경우 WordPress에 플러그인을 설치하는 방법에 대한 이 단계별 가이드를 확인해야 합니다.

그런 다음 WPForms 대시보드로 이동하여 다운로드 로 이동하여 플러그인을 가져옵니다.

WPForms 다운로드

그런 다음 사이트에 플러그인을 설치하고 활성화합니다. 그리고 같은 탭에서 라이선스 키를 복사합니다.

마지막으로 WordPress 대시보드로 이동하여 WPForms » 설정 으로 이동하여 라이선스 키를 붙여넣습니다.

WPForms 라이선스 활성화

완료되면 연결 을 클릭합니다.

이제 WPForms가 설치되고 활성화되었으므로 첫 번째 양식을 만들 차례입니다. WPForms로 이동 » 새로 추가 :

WPForms로 새 양식 추가

그러면 WPForms 끌어서 놓기 양식 빌더가 열립니다.

새 양식을 만들려면 이름을 지정하고 양식 템플릿을 선택하세요.

양식 제목 및 템플릿

그리고 그게 다야! 연락처 양식의 필드를 추가하거나 편집하려면 사이드바에서 수행할 수 있습니다. 양식 필드를 끌어다 놓아 새 필드를 추가하고 기존 필드를 클릭하여 편집합니다.

사이드바에서 양식 필드 추가

완료되면 저장 을 누르십시오.

2단계: 양식에 페이지 나누기 필드 삽입

양식을 여러 페이지로 나누는 것은 WPForms를 사용하면 매우 간단하고 쉽습니다.

양식에 모든 양식 필드를 추가하고 사용자 정의한 후에는 페이지 나누기 양식 필드를 사이트에 추가하여 다른 페이지로 분할해야 합니다.

이렇게 하려면 Fancy Fields 아래에 있는 Page Break 양식 필드를 왼쪽 패널에서 오른쪽 패널로 끕니다.

WPForms 페이지 나누기

양식을 분할할 필드를 배치합니다. 여러 나누기를 원하면 여러 페이지 나누기 모듈을 사용하십시오.

3단계: 다중 페이지 양식 진행률 표시줄 사용자 지정

양식을 디자인하는 대부분의 작업은 이 시점에서 완료됩니다. 그러나 여러 페이지로 된 양식의 경우 진행률 표시줄을 사용하여 방문자에게 등록 프로세스가 얼마나 진행되었는지 알릴 것을 권장합니다. 페이지 제목을 지정하기 위해 그 이상으로 이동할 수 있습니다.

다단계 양식 첫 페이지의 진행률 표시줄과 페이지 제목을 사용자 지정하려면 첫 페이지 나누기 섹션을 클릭합니다.

페이지 나누기 사용자 지정

사이드바에서 진행 표시기의 유형을 Circles 또는 Connectors 로 설정할 수 있습니다. 페이지의 제목을 설정할 수도 있습니다.

페이지 제목 및 진행률 표시기

장엄한 점은 사용자 정의 페이지 표시기 색상 을 설정할 수도 있다는 것입니다. 만족스러우면 똑같은 방식으로 다른 페이지 나누기를 사용자 지정할 수도 있습니다.

사이트 방문자에게 이전 페이지 버튼을 표시할 수 있는 기능을 토글할 수도 있습니다. 이렇게 하면 필요한 경우 양식의 이전 페이지로 돌아갈 수 있습니다.

이전 페이지 버튼 활성화

완료되면 저장 버튼을 누르십시오.

4단계: 다단계 양식 설정 구성

다음으로 알림 및 확인을 설정해야 합니다.

알림은 누군가 양식을 작성할 때 받는 이메일입니다. 확인은 양식을 성공적으로 작성했음을 사용자에게 알리기 위한 것입니다. 일반적으로 이것은 "감사합니다" 메시지이지만 사용자를 전용 페이지로 리디렉션할 수도 있습니다.

설정 » 확인 으로 이동하여 확인 설정을 구성합니다.

양식 확인

그런 다음 동일한 메뉴에서 알림으로 이동하여 알림 메시지를 구성합니다.

양식 알림

기본적으로 알림은 WordPress 관리자 이메일로 전송됩니다. 따라서 영업 책임자의 이메일 ID와 같은 이메일을 다른 곳으로 보내려면 여기에서 바로 수행할 수 있습니다.

5단계: WordPress 웹사이트에 다단계 양식 추가

이 시점에서 WordPress 문의 양식 구성을 완료했습니다. 이제 페이지에 추가해 보겠습니다. WordPress 사이트에 WPForms 문의 양식을 추가하는 3가지 기본 방법이 있습니다. 하나하나 살펴보도록 하겠습니다.

방법 #1: 블록 편집기를 사용하여 양식 추가

연락처 양식을 추가하고 새 WPForms 블록을 추가하려는 페이지로 이동합니다.

WPForms 블록을 사용하여 연락처 양식 추가

그런 다음 드롭다운 메뉴를 사용하여 새로 만든 양식을 선택합니다.

WPForm 블록 선택 양식

그리고 연락처 양식이 페이지에 자동으로 삽입되는 것을 볼 수 있습니다.

저장게시 를 누르면 작동 중인 WordPress 양식을 볼 수 있습니다.

방법 #2: WPForms 단축 코드를 사용하여 연락처 양식 추가

WPForms는 또한 각 WordPress 문의 양식에 대한 단축 코드를 생성합니다. WPForms » All Forms 를 방문하여 문의 양식 단축 코드를 복사할 수 있습니다.

WPForms 단축 코드

그런 다음 원하는 게시물이나 페이지에 단축 코드를 붙여넣습니다. 간단합니다.

단축 코드를 처음 사용하는 경우 WordPress 사이트에 단축 코드를 추가하는 방법에 대한 이 기사를 확인해야 합니다.

방법 #3: 연락처 양식을 사이드바에 추가

사이드바는 대부분의 WordPress 사이트에서 가장 잘 사용되지 않는 기능 중 하나입니다. 사이트의 사이드바에 문의 양식을 삽입하는 것이 좋습니다. WordPress 대시보드의 모양 » 위젯 으로 이동하여 사이드바에 WPForms 위젯을 추가합니다.

사이드바에 문의 양식 추가

그리고 당신은 끝났습니다!

WordPress 다단계 양식을 홍보하는 방법

이게 다야, 여러분!

지금까지 WordPress 다단계 양식을 만들었습니다. 다음으로, 양식 포기율을 줄이기 위해 양식 포기 추적을 설정해야 합니다.

그 후에는 연락처 양식이 작동할 수 있도록 사이트에 트래픽을 생성하는 일만 남습니다. 이를 수행하는 간단한 방법은 푸시 알림 사용을 시작하는 것입니다. 푸시 알림을 보내는 것은 사이트에 대한 반복 트래픽을 생성하는 좋은 방법입니다. 그것이 당신이 관심있는 것이라면 다음 기사도 확인해야합니다.

  • 푸시 알림 비용: 정말 무료인가요? (가격 분석)
  • WordPress 블로그에 더 많은 트래픽을 가져오는 방법(9가지 쉬운 방법)
  • 웹 푸시 알림 수신 동의율을 높이는 방법(7가지 방법)

PushEngage를 사용하여 푸시 알림을 보내는 것이 좋습니다. PushEngage는 세계 최고의 푸시 알림 소프트웨어입니다. 따라서 아직 시작하지 않았다면 지금 바로 PushEngage를 시작하십시오.