WPForms에서 반복기 필드를 사용하여 양식을 만드는 방법

각 양식 제출에 대해 더 많은 데이터를 캡처하기 위해 온라인 양식에 WPForms 반복 필드를 통합하는 방법이 궁금하십니까?

양식의 반복기 필드를 통해 사용자는 유사한 데이터의 여러 세트를 입력할 수 있으며 동시에 양식을 더욱 직관적이고 사용자 친화적으로 만들 수 있습니다.

이 기사에서는 웹사이트의 기능과 사용자 경험을 향상시키기 위해 WPForms의 반복기 필드를 디자인하는 가장 쉬운 방법을 보여 드리겠습니다.

WPForms 리피터 필드를 사용하는 이유는 무엇입니까?

WPForms 리피터 필드의 장점은 다음과 같은 여러 가지 이점을 제공하면서 데이터 수집을 간소화하는 기능에 있습니다.

• 사용자 중심 디자인: 반복기 필드를 도입하면 사용자가 입력 범위를 지정할 수 있습니다. 이는 사용자 자율성에 대한 미묘한 동의이며 전반적인 사용자 경험을 향상시킵니다.
• 양식 디자인의 유연성: 모든 양식이 모든 경우에 적용되는 것은 아닙니다. 반복기 필드를 사용하면 단일 항목이든 여러 항목이든 다양한 시나리오에 맞춰 양식을 다양한 요구 사항에 맞게 조정할 수 있습니다.
• 일관된 데이터 구조화: 여러 필드의 과제 중 하나는 일관되지 않은 데이터입니다. 데이터는 반복기 필드를 통해 구조화되고 균일하게 유지되므로 백엔드 처리 및 분석이 단순화됩니다.
• 감소된 양식 길이: 수많은 필드가 있는 길고 위협적인 양식 대신, 반복 필드는 깔끔한 모양을 제공하여 사용자가 첫눈에 압도당하지 않도록 합니다.

간소화된 클라이언트 온보딩을 목표로 하는 기업가이든 효율적인 데이터 수집을 원하는 블로거이든 WPForms 리피터 필드는 매우 중요합니다. 설정 단계를 자세히 살펴보겠습니다.

WPForms에서 반복기 필드를 사용하여 양식을 만드는 방법

WPForms에서 반복기 필드가 있는 양식을 생성하는 것은 매우 쉽고 조건부 논리에 대한 기본적인 이해가 필요합니다. 시작하려면 아래 단계를 따르세요.

1. WPForms Pro 구독 및 설치

독특한 양식을 만들려면 WPForms가 최선의 선택입니다. 이를 사용하여 WordPress에서 모든 유형의 양식을 만들고 게시할 수 있습니다. 양식 플러그인에는 반복기 필드 양식을 만드는 데 사용할 수 있는 1,000개 이상의 양식 템플릿이 제공됩니다.

이 가이드에서는 조건부 논리를 사용하여 양식의 반복기 필드를 설정하므로 프리미엄 통합, 애드온 및 수많은 유용한 기능에 대한 액세스도 제공하는 WPForms Pro를 구독해야 합니다.

WPForms Pro 구독을 구매한 후 WordPress 사이트에 플러그인을 설치하고 활성화해야 합니다.

이제 양식을 만들어 보겠습니다.

2. 새 빈 양식 만들기

WordPress 관리 대시보드에서 WPForms 로 이동하여 옵션 목록에서 새로 추가를 선택하세요.

다음으로 양식에 이름을 지정하고 기존 WPForms 템플릿을 선택하거나 필요에 따라 새 양식을 설정하세요.

이 튜토리얼에서는 반복 필드를 설정하는 데 필요한 모든 단계를 보여주는 새로운 양식을 만들어 보겠습니다. 따라서 빈 양식 만들기 옵션을 선택하겠습니다.

이제 왼쪽 패널에 사용 가능한 필드가 나타나는 필드 화면으로 이동됩니다. 액세스할 수 있는 항목은 라이선스 수준에 따라 다릅니다.

오른쪽 패널에 편집 가능한 양식 미리보기가 표시됩니다. 빈 양식을 선택했으므로 이 섹션은 비어 있는 것으로 나타납니다.

WPForms의 직관적인 양식 작성기를 사용하여 사용자 정의 필드를 쉽게 추가, 수정 및 정렬하여 원하는 대로 양식을 맞춤화할 수 있습니다.

이 튜토리얼에서는 Name , Email 및 Phone 과 같은 기본 필드 유형을 추가하여 단일 사용자(예: Registrant 1)에 대한 정보를 가져옵니다.

다음으로 드롭다운 필드와 조건부 논리를 통해 반복기 구성 요소를 만드는 쉬운 단계를 안내해 드리겠습니다.

3. 예/아니오를 선택할 수 있는 드롭다운 필드 추가

양식에 드롭다운 필드를 추가하려면 왼쪽 패널에서 해당 필드를 클릭하거나 양식 미리보기에 직접 끌어서 놓을 수 있습니다.

그런 다음 드롭다운 필드 라벨에 "Add Another?"와 같은 이름을 지정합니다. 그런 다음 Choices 에 간단한 Yes/No 옵션을 추가할 수 있습니다.

다음으로 동일한 단계를 반복하여 등록자 2의 드롭다운 필드 아래에 이름 , 이메일 및 전화 번호 필드를 추가합니다.

그런 다음 동일한 레이블 과 선택 항목 의 예/아니요 옵션이 있는 또 다른 드롭다운 필드를 추가하여 반복 효과를 만들겠습니다.

이를 통해 각 후속 등록자 필드 집합이 조건부 논리를 사용하여 사용자가 "다른 항목을 추가하시겠습니까?"라고 대답한 경우 에만 표시하는 효과를 만들 수 있습니다.

이제 사용자가 드롭다운에서 예를 선택한 경우에만 추가 등록자 필드가 표시되도록 양식 필드에 조건부 논리를 적용해야 합니다.

4. 양식 필드에 조건부 논리 적용

올바른 양식 미리보기에서 필드를 클릭하고 해당 필드 옵션 아래의 스마트 로직 탭으로 이동하여 이 작업을 쉽게 수행할 수 있습니다.

스마트 로직 메뉴에서 "다른 항목을 추가하시겠습니까?" 아래의 모든 양식 필드에 대해 조건부 로직 활성화 옵션을 선택합니다. 앞서 만든 드롭다운 필드입니다.

그런 다음 조건부 논리를 사용하여 드롭다운 필드(예: "다른 항목을 추가하시겠습니까?")인 경우에만 필드를 표시합니다 . 나는 “ 그렇습니다.” 그 아래의 다른 모든 필드에 대해 이 작업을 반복합니다.

5. 드롭다운 필드에 조건부 논리 활성화

양식을 작성하는 사람이 등록자 2에 대한 정보를 입력하지 않는 한 세 번째 등록자를 추가하지 못하도록 하려면 아래 드롭다운 필드에 대한 조건부 논리를 설정해야 합니다.

이렇게 하려면 등록자 2 – 이름, 이메일 및 전화 필드 아래의 드롭다운 필드에 대해 조건부 논리 활성화 옵션을 선택하세요.

그런 다음 조건부 논리를 사용하여등록자 2 - 이메일 필드가 비어 있지 않은 경우에만 필드를 표시합니다 .이렇게 하면 중계기 전계 효과가 생성됩니다.

많은 등록자 정보를 얻으려면 위 단계를 원하는 만큼 반복할 수 있습니다. 이 정보는 사용자가 "다른 항목을 추가하시겠습니까?"라고 대답한 경우에만 표시됩니다.

다음으로, 변경 내용이 손실되지 않도록 계속 진행하기 전에 양식 작성기의 오른쪽 상단에 있는 저장 버튼을 클릭하세요.

거의 다 왔어! 이제 양식 제출 후 나타나는 양식 알림 및 확인을 활성화해야 합니다.

6. 양식 알림 및 확인 활성화

사용자가 등록 양식을 작성하고 제출한 후에 표시될 메시지와 알림을 설정하는 것이 중요합니다.

이 과정은 간단합니다. Form Builder 화면의 설정 탭에서 알림을 선택합니다.

경고는 관리자에게 자동으로 전송됩니다. 그러나 필요한 경우 제목, 본문, 수신자 목록을 구성할 수 있습니다.

양식을 제출한 후 소비자에게 표시되는 메시지는 설정 페이지에서 확인을 선택하여 변경할 수 있습니다.

WPForms의 확인 유형 설정을 사용하여 메시지를 표시하거나 다른 페이지로 연결하거나 사용자를 리디렉션할 수도 있습니다.

잘 했어! 이제 남은 일은 기존 페이지나 새 페이지에 양식을 게시하여 공개하고 제출물을 수집할 수 있도록 준비하는 것입니다.

8. 반복 필드를 사용하여 양식 게시

새 웹페이지나 게시물을 만들거나 기존 게시물을 수정하세요. 그런 다음 블록 추가 버튼을 클릭하여 WPForms 아이콘을 선택하십시오.

다음으로, WPForms 블록의 드롭다운 메뉴에서 반복기 필드 양식 디자인을 선택하여 페이지나 게시물에 추가하세요.

양식의 모양을 사용자 정의하려면 이제 블록 편집기를 사용하여 스타일을 지정하는 것이 좋습니다.

모든 것이 올바른 방향으로 진행되고 있는 것으로 보이면 업데이트 또는 게시 버튼을 클릭하여 양식을 공개로 설정할 수 있습니다.

양식 게시를 마쳤으면 남은 작업은 포함된 양식을 테스트하여 프런트엔드에서 예상대로 작동하는지 확인하는 것입니다.

WPForms의 리피터 필드에 대한 추가 질문

리피터 필드 양식을 만드는 것은 독자들 사이에서 인기 있는 주제입니다. 다음은 가장 자주 묻는 몇 가지 질문에 대한 빠른 답변입니다.

리피터 필드란 무엇입니까?

반복기 필드는 사용자가 양식에 동일한 필드의 여러 세트를 동적으로 추가할 수 있는 다목적 도구입니다. 필드 그룹에 대한 "복사" 버튼으로 생각해보세요. 다중 등록과 같이 반복 가능한 데이터를 입력할 때 유연성이 향상됩니다.

WordPress에 반복기 필드를 어떻게 추가하나요?

반복기 필드를 통합하려면 일반적으로 안정적인 WordPress 플러그인이 필요합니다. CSS나 코딩 지식 없이 양식에 반복기 필드를 추가하려는 경우 최상위 WordPress 양식 빌더인 WPForms가 이상적인 선택이 될 수 있습니다.

WordPress의 리피터 필드란 무엇입니까?

WordPress 생태계 내에서 반복기 필드를 사용하면 양식을 작성하는 동안 사용자가 복제할 수 있는 하위 필드 세트를 생성할 수 있습니다. 이는 반복 가능한 데이터 세트 수가 미리 정의되지 않은 경우 특히 유용합니다.

다음으로 WordPress에서 아코디언 양식을 만드는 방법을 알아보세요.

WordPress 웹사이트에 아코디언 양식 디자인을 추가하는 간단한 방법을 찾고 계십니까? 웹 사이트의 유용성과 사용자 경험을 향상시키기 위해 WPForms를 사용하여 아코디언 양식을 만드는 가장 간단한 방법에 대한 게시물을 확인하세요.

지금 WordPress 양식 만들기

양식을 작성할 준비가 되셨나요? 가장 쉬운 WordPress 양식 작성 플러그인으로 지금 시작해보세요. WPForms Pro에는 다양한 무료 템플릿이 포함되어 있으며 14일 환불 보장을 제공합니다.

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