진행률 표시줄로 양식을 만드는 방법

양식에 진행률 표시줄을 추가하는 방법을 알고 싶습니까?

양식에 진행률 표시줄이 있으면 방문자에게 진행 상황에 대한 정보를 제공하여 양식 포기를 줄이는 데 도움이 됩니다.

아래 양식에 추가하는 방법을 알려드리겠습니다.

양식의 진행률 표시줄은 무엇입니까?

진행률 표시줄은 사용자에게 양식에 있는 페이지 수와 현재 있는 페이지를 보여주는 시각적 기능입니다.

진행률 표시기는 사용자가 양식을 작성할 때 전체 진행 상황을 추적하고 표시합니다.

진행률 표시줄로 양식을 만드는 방법

수행할 단계는 다음과 같습니다.

1. 1. WPForms 플러그인 설치
   2. 새 양식 만들기
   3. 양식에 페이지 나누기 추가
   4. 양식 저장 및 게시
   5. 양식 진행률 표시줄 확인

진행률 표시줄에 필요한 양식 플러그인을 설치하여 시작하겠습니다.

1. WPForms 플러그인 설치

먼저 양식에 진행률 표시줄을 표시하려면 WPForms Pro 라이선스를 구입한 다음 WPForms 계정에 로그인해야 합니다. 로그인한 후 다운로드 탭을 클릭합니다.

그러면 사용 가능한 모든 라이선스가 포함된 페이지가 표시됩니다. 플러그인을 다운로드하려면 라이선스 중 하나 옆에 있는 WPForms 다운로드 버튼을 클릭하세요. 이렇게 하면 WPForms 플러그인의 압축 파일이 컴퓨터에 저장됩니다.

중요: 페이지 나누기 필드가 포함되어 있으므로 WPForms Pro가 필요합니다. 양식에 다양한 단계가 있고 진행률 표시줄을 표시하려면 페이지 나누기 필드가 필요합니다.

사이트에 WPForms 설치

zip 파일을 다운로드했으면 WPForms를 설치하려는 WordPress 사이트로 이동합니다. 그런 다음 관리 대시보드 내에서 플러그인 » 새로 추가 로 이동하고 플러그인 업로드 버튼을 클릭합니다.

여기에서 파일 선택 버튼을 클릭하고 방금 다운로드한 WPForms zip 파일을 선택합니다.

파일을 업로드한 후 지금 설치 버튼을 클릭합니다.

그러면 설치 프로세스가 시작됩니다. 플러그인이 설치되면 플러그인 활성화 버튼을 클릭하여 사이트에서 WPForms를 활성화하십시오.

플러그인을 활성화한 후 자동 업데이트 및 플러그인 지원을 받으려면 WPForms 라이센스 키를 확인하십시오. 라이선스 키를 추가하면 WordPress 대시보드 내부에서 WPForms 애드온을 쉽게 설치하고 활성화할 수도 있습니다.

그게 다야! 이제 새 양식을 만들 수 있습니다.

2. 새 양식 만들기

시작하려면 WordPress 관리 영역에 로그인해야 합니다. 그런 다음 관리 사이드바에서 WPForms 를 클릭하여 양식 개요 페이지로 이동합니다.

그런 다음 새 양식을 만들려면 새로 추가 버튼을 클릭하여 WPForms 양식 빌더를 시작합니다.

양식 작성기의 설정 페이지에서 양식 이름 입력 필드에 양식의 이름을 지정할 수 있습니다.

이름을 선택하지 않으면 양식 이름은 기본적으로 선택한 템플릿의 이름이 됩니다.

양식 이름 필드 아래의 템플릿 선택 섹션에서 수백 개의 양식 템플릿을 찾을 수 있습니다. 이들은 빠르게 시작할 수 있도록 일반적으로 사용되는 양식의 미리 작성된 템플릿입니다.

참고: 양식을 처음부터 작성하려면 빈 양식 템플릿을 사용하십시오.

템플릿을 선택하려면 왼쪽 메뉴의 카테고리를 사용할 수 있습니다. 템플릿 라이브러리의 왼쪽 상단 모서리에 있는 검색 창을 사용하여 사용 가능한 옵션을 검색할 수도 있습니다.

원하는 템플릿을 찾으면 그 위에 마우스를 놓고 템플릿 사용 버튼을 클릭합니다.

양식을 만드는 데 어려움이 있는 경우 양식을 만들고 완전히 사용자 지정하는 방법에 대한 자세한 지침을 읽으십시오.

3. 양식에 페이지 나누기 추가

이제 페이지 나누기와 진행률 표시줄을 추가할 준비가 되었습니다. 페이지 나누기를 추가하면 양식에 진행률 표시줄이 자동으로 포함됩니다.

양식 작성기가 열리면 양식에 포함할 필드를 추가하십시오. 그런 다음 페이지 나누기 필드를 미리 보기 영역으로 끌어서 새 양식 페이지를 만들려는 위치에 놓습니다.

추가하는 각 페이지 나누기 필드는 양식을 추가 페이지로 분할하며 필요한 만큼 페이지를 추가할 수 있습니다. 페이지 나누기를 양식의 다른 섹션으로 이동하려면 미리보기 영역에서 페이지 나누기를 클릭하고 원하는 곳으로 끌어다 놓기만 하면 됩니다.

진행률 표시줄 사용자 지정

페이지 나누기를 추가한 후에는 미리 보기 영역에서 양식 상단에 첫 페이지 영역이 나타남을 알 수 있습니다. 다중 페이지 양식에 대한 옵션에 액세스하려면 첫 페이지/진행률 표시기 를 클릭하십시오.

진행률 표시기 드롭다운에서 진행률 표시줄을 사용자 지정할 수 있습니다.

그런 다음 세 가지 진행률 표시기 스타일(진행률 표시 줄 , 원 또는 커넥터 ) 중에서 선택할 수 있습니다.

진행 표시 줄:

서클:

커넥터:

진행 표시기의 색상을 변경하려면 색상 선택기를 사용하거나 HEX 코드를 입력하십시오.

마지막으로 페이지 제목 필드에 양식의 첫 페이지 이름을 입력합니다.

그러나 양식의 모양이 마음에 들면 없음 을 선택하여 진행률 표시줄을 숨길 수 있습니다.

더 알고 싶으십니까? 이 양식 기능을 최대한 활용하기 위해 다중 페이지 양식 지침을 작성하고 세부사항을 사용자 정의하는 방법 전체를 읽으십시오.

4. 양식 저장 및 게시

양식 사용자 지정을 완료했으면 이제 게시할 수 있습니다. 먼저 양식 작성기의 오른쪽 상단 모서리에 있는 큰 주황색 저장 버튼을 클릭합니다.

그런 다음 포함 마법사를 사용하여 포함 버튼을 클릭하여 웹사이트에 양식을 통합할 수 있습니다.

여기에서 양식을 포함할 새 페이지를 만들거나 양식을 추가할 기존 페이지를 선택하는 옵션이 있습니다.

새 페이지 만들기 옵션을 선택하면 페이지 이름을 입력하라는 메시지가 표시됩니다. 그런 다음 Let's Go 버튼을 클릭하여 양식을 포함하고 페이지를 게시합니다.

기존 페이지 선택 옵션을 선택하면 드롭다운에서 양식을 포함할 페이지를 선택하라는 메시지가 표시됩니다.

그런 다음 Let's Go 버튼을 클릭하여 양식을 포함합니다.

이제 선택한 페이지에서 양식을 볼 수 있습니다. 삽입한 페이지로 이동하거나 WPForms » All Forms 로 이동합니다. 양식 제목 위로 마우스를 가져가면 추가 옵션 메뉴가 표시됩니다. 옵션이 나타나면 미리보기 를 클릭합니다.

5. 양식 진행률 표시줄 확인

이제 다음과 유사한 진행률 표시기가 있는 양식이 생성됩니다.

필드를 작성하고 제출하여 양식을 테스트하여 모든 것이 잘 보이고 원하는 방식으로 작동하는지 확인하는 것이 좋습니다.

참고 : 레이아웃을 조정하려는 경우 페이지 나누기 필드를 양식에서 위 또는 아래로 이동할 수 있습니다.

다음으로 양식 작성 전문가가 되십시오.

WPForm 구축 지식을 늘리시겠습니까? 양식 필드에 대한 전체 가이드와 양식의 필드를 사용자 정의하는 방법을 확인하십시오.

이제 양식을 작성할 준비가 되었습니까? 페이지 나누기 필드와 진행률 표시줄, 수백 개의 무료 템플릿이 포함되어 있고 14일 환불 보장도 제공하므로 WPForms Pro에 등록하는 것을 잊지 마십시오.

지금 WordPress 양식 만들기

이 기사가 도움이 되었다면 Facebook과 Twitter에서 우리를 팔로우하여 무료 WordPress 튜토리얼과 가이드를 더 많이 받으세요.