WordPress 양식에 반복기 필드를 추가하는 방법은 무엇입니까?

게시 됨: 2022-01-24

사용자를 위한 개인화된 양식이 필요한 경우 양식에 WordPress 리피터 필드를 추가하는 방법을 배우는 것은 필수입니다.

repeater 필드가 있다는 것은 사용자가 원하는 만큼 서브필드를 생성하고 필요한 모든 데이터를 입력할 수 있음을 의미합니다. 그리고 각 사용자로부터 맞춤형 데이터를 받아 더 잘 분석할 수 있습니다.

Everest Forms와 같은 플러그인을 사용하면 번거로움 없이 WordPress 양식에 반복기 필드를 추가할 수 있습니다. 그리고 아래의 단계별 자습서에서 방법을 보여드리겠습니다.

그러나 그 전에 양식에서 반복 가능한 필드를 사용해야 하는 주요 이유를 이해해야 합니다.

목차

양식에 반복 가능한 필드가 필요한 이유는 무엇입니까?

사용자로부터 자세한 정보를 추출하려고 할 때 양식이 길고 복잡해질 수 있습니다.

사용자의 완전한 교육 배경을 알아야 한다고 가정합니다. 이러한 경우 가능한 각 자격 및 학위에 대한 필드를 표시하면 양식이 복잡해집니다.

사용자가 필요한 만큼 필드를 만들고 교육 정보를 입력할 수 있는 WordPress 리피터 필드를 사용하는 것이 훨씬 낫지 않을까요? 이것은 필요한 모든 정보를 받는 동안 사용자에게 개인화된 양식 경험을 제공합니다.

따라서 이러한 WordPress 양식 반복 가능한 필드를 사용하여 다음을 수행할 수 있습니다.

  • 길고 복잡한 양식으로 인한 양식 포기율을 줄입니다.
  • 사용자로부터 정확한 정보를 받습니다.

그렇기 때문에 양식에서 필요한 곳에 WordPress 리피터 필드를 추가해야 합니다.

즉, WordPress에서 repeater 필드를 만드는 방법에 대한 가이드를 살펴보겠습니다.


WordPress 양식에 반복기 필드를 추가하는 방법은 무엇입니까?

이 튜토리얼에서와 같이 에베레스트 양식을 사용하여 WordPress 양식에 반복기 필드를 추가하는 것이 좋습니다.

에베레스트 양식 WordPress 플러그인

100,000개 이상의 활성 설치를 확보한 WordPress에서 가장 인기 있는 양식 작성기 플러그인 중 하나입니다. 사용자 친화적인 끌어서 놓기 양식 작성기 및 사용자 정의 옵션 덕분입니다.

플러그인의 기능을 확장하는 데 사용할 수 있는 프리미엄 추가 기능에 번들로 제공되는 고급 기능은 말할 것도 없습니다. 따라서 WordPress 양식 반복 가능한 필드는 많은 우수한 기능 중 하나일 뿐입니다.

Everest Forms와 같은 플러그인이 있으면 WordPress 양식에 반복 레이아웃 필드를 추가하는 것이 매우 쉽습니다. 아래에 설명된 단계를 정확하게 따라야 합니다.

의 시작하자!

1. Everest Forms Free 플러그인 설치 및 활성화

가장 먼저 해야 할 일은 Everest Forms의 무료 버전을 설치하고 활성화하는 것입니다.

그렇게 하려면 WordPress 웹사이트 대시보드에 로그인하고 플러그인 >> 새로 추가 를 엽니다.

새 탭을 추가하는 플러그인

검색 창에 "Everest Forms"를 입력하면 플러그인이 검색 결과에 나타납니다. 지금 설치 버튼을 눌러 설치 프로세스를 시작하십시오.

무료 Everest Forms 플러그인 설치

그런 다음 활성화 버튼을 클릭하여 설치를 완료합니다. 이제 귀하의 사이트에 Everest Forms 플러그인의 무료 버전이 있습니다.

무료 Everest Forms 플러그인 활성화

2. 프리미엄 리피터 필드 애드온 다운로드 및 설치

무료 Everest Forms 플러그인은 간단한 연락처 및 기타 종류의 양식을 만드는 데 충분합니다. 그러나 WordPress 리피터 필드가 있는 양식을 구체적으로 만들려면 프리미엄 버전의 Everest Forms가 필요합니다. 반복기 필드 추가 기능과 함께 제공되어 양식에 원하는 만큼 반복기 필드를 추가할 수 있습니다.

그렇기 때문에 Everest Forms가 이 추가 기능을 사용하려면 먼저 Professional 또는 Agency 플랜을 구입해야 합니다. 공식 가격 페이지로 이동하여 귀하에게 적합한 두 가지 플랜 중 하나를 구입하십시오.

Everest Forms 가격 책정 계획

그런 다음 계정을 만들고 로그인합니다. 계정 대시보드로 이동하게 되며, 여기에서 계획에 따라 사용할 수 있는 모든 추가 기능이 다운로드 섹션에 나열됩니다.

애드온 다운로드

필요한 것은 Everest Forms ProRepeater Field 추가 기능뿐입니다. 둘 다 다운로드하기만 하면 기기에 ZIP 파일로 저장됩니다.

이제 WordPress 대시보드로 돌아가서 플러그인 >> 새로 추가 를 엽니다.

이제 파일을 업로드하여 하나씩 설치할 수 있습니다. Repeater Field 애드온을 설치하기 전에 Pro 애드온을 설치했는지 확인하십시오. 그렇지 않으면 큰 오류가 발생할 수 있습니다.

따라서 플러그인 업로드 버튼을 클릭하고 먼저 Everest Forms Pro 파일을 선택하십시오.

프로 애드온 업로드

그런 다음 지금 설치플러그인 활성화 를 눌러 설치를 완료합니다.

프로 애드온 활성화

Repeater Field 애드온으로 동일한 과정을 반복합니다.

이제 설치된 플러그인 페이지에는 Everest Forms , Everest Forms(Pro)Everest Forms Repeater Field 의 3가지 플러그인이 있습니다.

라이센스 키 알림 입력

이 페이지 상단에서 Everest Forms(Pro) 추가 기능에 대한 라이센스 키를 입력하라는 알림을 볼 수 있습니다. 이 키는 계정 대시보드의 라이선스 키 탭에서 찾을 수 있습니다.

에베레스트 양식 라이센스 키

키를 복사하여 Everest Forms(Pro) 아래의 필드에 붙여넣고 Enter 키를 누르기만 하면 됩니다.

이제 반복 가능한 필드가 있는 양식 작성을 시작할 준비가 된 것입니다.


3. 리피터 필드가 있는 새 양식 만들기

Everest Forms >> Add New 로 이동하여 시작하십시오. 이 페이지에서는 완전히 새로운 양식을 만들거나 미리 만들어진 템플릿을 사용자 지정할 수 있는 옵션을 제공합니다.

새로운 에베레스트 양식 추가

Everest Forms에는 다양한 종류의 양식을 위한 여러 시작 템플릿이 함께 제공됩니다. 시간이 부족한 경우 이 템플릿을 사용하여 간단한 연락처 양식, 휴가 요청 양식, 진료 예약 양식, 구직 신청서 등을 작성할 수 있습니다.

새 양식은 처음부터 시작합니다.

그러나 이 자습서에서는 처음부터 새 양식을 만들고 여기에 WordPress 반복기 필드를 추가하는 방법을 보여줍니다. 따라서 처음부터 시작 옵션을 클릭합니다.

그런 다음 양식에 간단하고 논리적인 이름을 지정하십시오. 예를 들어, 제목을 '방문자 문의 양식'으로 지정할 수 있습니다.

양식 이름 제공

버튼을 누르면 다음과 같은 양식 작성기로 이동합니다.

WordPress 양식 반복 가능한 필드 빌더 인터페이스

왼쪽에는 사용할 수 있는 모든 양식 필드와 해당 필드 옵션이 있습니다. 오른쪽은 행을 추가하고 필드를 배치하여 양식을 작성하는 곳입니다. 왼쪽에서 오른쪽 행으로 필드를 드래그하기만 하면 됩니다.

WordPress 양식 반복 가능한 필드에 대한 필드 끌어서 놓기

다른 행을 추가해야 하는 경우 행 추가 를 클릭합니다. 이렇게 하면 반복 가능한 필드가 아닌 일반 필드에 대한 새 행이 생성됩니다.

후자의 경우 Add Repeater Row 버튼을 눌러야 합니다.

새 WordPress 리피터 필드 행 추가

이렇게 하면 평소와 같이 필드를 추가할 수 있는 반복 레이아웃 행이 생성됩니다. 유일한 차이점은 이 필드 행이 이제 양식에서 반복 가능하게 표시된다는 것입니다.

WordPress에 리피터 필드 추가

양식이 완료될 때까지 필요한 필드를 계속 추가하고 완료되면 저장 을 클릭합니다. 미리보기 기능을 사용하여 프런트엔드에서 양식이 어떻게 보이는지 볼 수 있습니다.

리피터 필드 양식 저장 및 미리보기

4. 양식 설정 사용자 정의 및 구성

다음으로 양식에 추가한 모든 필드를 사용자 지정해야 합니다. 그렇게 하려면 편집할 필드를 클릭하면 왼쪽에 필드 옵션 이 나타납니다.

일반 필드 옵션 WordPress 리피터 필드

여기에서 레이블 , 메타 키설명 을 편집할 수 있습니다. 사용자가 양식을 제출하는 데 필요한 필드를 만들 수도 있습니다. 이러한 주요 옵션 외에도 플러그인에는 다양한 필드에 대한 특정 사용자 지정 옵션이 있습니다.

또한 Everest Forms는 Placeholder Text , Default Value , CSS Classes , Enable Autopopulate 등과 같은 고급 옵션 을 제공합니다.

일반 필드에 대한 고급 옵션

마찬가지로 개인화된 양식 작성 경험을 위해 필드에서 조건부 논리 활성화 로 이동합니다.

또한 내부 필드를 사용자 정의하기 전에 반복기 필드 를 클릭하여 반복기 행을 편집해야 합니다.

WordPress 리피터 필드 행 옵션

일반 옵션과 별도로 리피터 행에 대해 다음과 같은 고급 옵션 이 제공됩니다.

  • 반복기 필드 숨기기: 프론트엔드 보기에서 반복기 필드를 숨기거나 표시합니다.
  • 반복 제한: 반복기 필드에 대한 반복 제한을 설정합니다. 반복 제한 을 비워 두면 사용자가 반복기 필드를 무한대로 추가할 수 있습니다.
  • 새 레이블 추가: 추가 버튼의 레이블을 변경합니다.
  • 레이블 제거: 제거 버튼의 레이블을 변경합니다.
  • 레이블 숨기기: 양식 필드 레이블을 숨길 수 있습니다.
  • CSS 클래스: 반복 레이아웃 필드에 사용자 정의 CSS 클래스를 사용합니다.
WordPress 리피터 필드에 대한 고급 옵션

그게 다가 아니다. 양식 작성기의 설정 탭에는 더 많은 구성 옵션이 있습니다.

일반 설정 구성

일반 섹션에서 양식 이름 , 양식 설명 , 레이아웃 디자인 , 제출 버튼 텍스트 , 양식 비활성화 메시지 등을 변경할 수 있습니다. 더 나은 방법은 스팸 방지를 활성화하고, 항목 저장을 비활성화하고, 양식에 대해 ajax 양식 제출을 허용하는 것입니다.

또한 관리자와 사용자 모두를 위한 이메일 섹션에서 이메일 템플릿을 만들고 편집할 수 있습니다. 문제의 이메일을 보낼지 여부에 대한 조건부 논리를 적용할 수도 있습니다.

이메일 설정 구성

필요한 변경을 완료한 후 저장 버튼을 누르는 것을 잊지 마십시오.

변경 후 양식 저장

이제 프론트엔드에서 양식을 작성하는 사용자는 WordPress 리피터 필드를 통해 완전한 정보를 제공할 수 있습니다. 추가 버튼을 클릭하기만 하면 동일한 필드의 새로운 세트가 양식에 나타납니다. 또한 필요하지 않은 행을 제거 할 수도 있습니다.

필드 행 제거 추가

5. WordPress 웹 사이트에 양식 배치

반복 가능한 필드가 있는 사용자 지정 문의 양식이 이제 WordPress 웹사이트에 배치될 준비가 되었습니다.

두 가지 쉬운 방법으로 이 작업을 수행할 수 있습니다. 양식 작성기 상단에서 양식 단축 코드를 복사하고 양식을 표시하려는 페이지 또는 게시물을 엽니다.

빌더에서 양식 단축 코드 복사

그런 다음 + 아이콘을 클릭하고 Shortcode 블록을 추가합니다.

단축 코드 블록 추가

여기에 복사한 단축 코드를 붙여넣고 업데이트 를 클릭합니다.

단축 코드 붙여넣기 및 업데이트

또는 Everest Forms 블록을 검색하고 드롭다운에서 양식을 선택할 수 있습니다.

에베레스트 양식 블록 사용

마지막으로 업데이트 를 클릭하면 완료됩니다! WordPress repeater 필드가 있는 양식이 이제 웹사이트에 게시되었습니다.


마무리

반복 가능한 필드는 사용자에 대한 사용자 지정 데이터가 필요할 때 매우 편리한 기능입니다. Everest Forms 플러그인을 사용하면 사이트에 배치할 반복 레이아웃 필드가 있는 사용자 정의 양식을 그 어느 때보다 쉽게 ​​만들 수 있습니다.

필요한 것은 Repeater Field 추가 기능과 이 포괄적인 자습서뿐입니다.

그러나 이것은 Everest Forms와 함께 제공되는 광대한 가능성에 대한 살짝 엿보기에 불과했습니다. 예를 들어 연락처 양식 데이터를 Google 스프레드시트로 보내고 설문조사 양식을 만들고 제출 버튼의 색상을 변경할 수도 있습니다.

WordPress 콘텐츠로 가득한 블로그에서 Everest Forms에 대해 자세히 알아보세요. 또한 Facebook과 Twitter에서 우리를 팔로우하여 최신 소식을 받아보세요.