계속 클릭하세요: Fluent Forms의 다단계 양식이 사용자의 관심을 끄는 데 어떻게 도움이 됩니까?

게시 됨: 2024-03-20

Fluent Forms 플러그인은 다양한 기능을 갖추고 있어 놀랍지만 긴 형식의 디자인을 만들 수 있을 만큼 충분합니다. 하지만 이 길이는 Fluent Forms의 다단계 양식이 등장하는 데 방해가 될 수 있습니다.

높은 참여 수준과 건전한 완료율을 유지하려면 양식을 여러 페이지로 나누는 것이 도움이 될 수 있습니다. 이는 Fluent Forms에서 간단하게 설정할 수 있으며 응답자에게 필요한 모든 질문을 자유롭게 질문할 수 있습니다.

이번 게시물에서는 Fluent Forms의 다단계 양식을 더 자세히 살펴보겠습니다. 여기에는 설정 방법과 사용 이유 및 위치가 포함됩니다.

Fluent 양식 내에서 사용 가능한 기능

WP Mayor의 다양한 다른 게시물에서 Fluent Forms가 제공하는 내용을 많이 다루므로 여기서 너무 오랜 시간을 소비할 필요가 없습니다. Fluent Forms의 기능에 대해 필요한 컨텍스트를 제공하므로 심층적인 Fluent Forms 검토부터 시작하는 것이 좋습니다.

WordPress.org의 Fluent Forms 헤더 이미지.

그러나 찾을 수 있는 다른 주요 기능에 대한 간략한 요약을 제공하겠습니다.

  • 템플릿에서 시작하여 디자인 단계를 더 원활하고 빠르게 진행한 다음 드래그 앤 드롭 양식 작성기를 사용하여 양식을 만들 수 있습니다.
  • 사용할 수 있는 고급 기능이 많이 있습니다. 여기에는 계산기, 조건부 논리, 대화 형식 생성 기능 등이 포함됩니다.
  • 귀하의 사이트에서 제품을 판매하는 경우 Fluent Forms는 쉽게 결제를 받을 수 있는 기능을 제공합니다.
  • 대규모 통합 컬렉션을 사용하여 Fluent Forms를 다른 타사 서비스에 연결할 수 있습니다. 이는 플러그인의 범위를 거의 제한 없이 확장합니다.

프리미엄 Fluent Forms 라이선스는 연간 79달러부터 시작하며, 여기에는 제공되는 모든 기능이 포함됩니다. 이로 인해 추가 비용 없이 Fluent Forms의 다단계 양식 기능을 활용할 수 있습니다.

더 나은 참여를 위해 다단계 양식이 중요한 이유

일반적인 온라인 양식은 가능한 최소한의 필드 수를 사용합니다. 이는 문의 양식과 같이 방문자에게 기본적인 질문만 해야 하는 경우 유용합니다.

WP 시장 연락처 페이지.

하지만 질문을 많이 해야 하거나 복잡한 데이터를 수집해야 한다면 사용자는 피로감을 느낄 수 있습니다. 결과적으로 양식 포기율이 증가합니다.

다단계 양식은 다음과 같은 몇 가지 영역에서 상당한 이점을 제공합니다.

  • 형태 피로 감소. 양식이 관리 가능한 단계에 있으면 사용자의 인지 부하를 완화할 수 있습니다. 이는 사용자의 전반적인 경험에 긍정적인 영향을 미치며 양식 작성을 덜 어렵게 만듭니다.
  • 향상된 데이터 정확성. 다단계 형식은 조건부 논리와 잘 어울립니다. 이를 통해 사용자의 답변에 따라 필드를 표시하거나 숨길 수 있습니다. 관련성이 높은 양식이 작성될 가능성이 더 높습니다. 또한 고품질 데이터를 캡처하고 각 양식의 답변 내 오류 수를 줄여야 합니다.
  • 사용자 참여가 향상되었습니다. 다단계 형식은 구조를 통해 참여도를 높일 수 있습니다. 화면에 표시되는 요소의 수가 적기 때문에 양식의 시각적 매력도 향상됩니다.

이러한 사용자 경험(UX) 상호 작용 및 요소는 사소해 보일 수 있지만 많은 가치를 제공합니다. 진행률 표시줄이나 섹션 표시와 같은 시각적 표시는 사용자에게 제어 감각을 제공합니다.

다단계 양식의 끝에 도달하는 데 필요한 단계 수를 보여주는 GoCompare 웹사이트

양식을 작성하는 데 걸리는 시간을 알 수 있다면 사용자는 양식을 작성하는 데 더 많은 자신감을 갖게 될 것입니다. 이는 또한 귀하의 사이트에 대한 신뢰를 구축할 것입니다. 순 이익은 더 나은 품질의 데이터와 더 완전한 양식입니다.

다단계 양식을 사용하려는 경우

다단계 양식은 현재 양식과 관련된 기존 참여 문제를 해결하는 방법이 아닙니다. 그러나 이는 다양한 경우에 거의 필요합니다.

일반적으로 많은 정보를 수집해야 하는 경우에는 다단계 양식을 사용해야 합니다. 양식을 다양한 범주로 구성해야 하는 경우 이는 중요합니다. 예를 들어, 자동차 보험 웹사이트인 GoCompare는 견적을 작성하기 위해 많은 질문을 해야 합니다.

GoCompare의 다단계 양식.

양식을 개인화해야 하는 경우 다단계 접근 방식이 전략의 일부가 됩니다. 이는 사용자가 긴 양식을 처리하는 데 도움이 되는 효율적인 방법입니다. 레모네이드의 기본 형식은 관련성 있고 대화적이며 개인화된 콘텐츠에 탁월합니다.

보험 유형 선택을 보여주는 레모네이드의 다단계 양식입니다.

설문조사와 퀴즈는 종종 필드, 질문, 섹션으로 이루어진 미로처럼 펼쳐져 있을 수 있습니다. 물론 이는 더 많은 참여를 장려할 수 있으므로 다단계 양식의 이상적인 사용 사례입니다. 전문 사진 웹사이트에는 세 가지 빠른 섹션으로 구성된 퀴즈가 포함되어 있습니다. 마지막에는 사진 작가 '유형'과 추가 리소스 추천을 받게 됩니다.

전문가 사진 photoGRAPH 퀴즈.

마지막으로, 다단계 양식을 사용하는 것도 결제를 받는 좋은 방법입니다. HelloFresh는 형식이 신속하면서도 포괄적이기 때문에 좋은 예입니다.

플랜 선택을 위한 다단계 양식으로도 사용되는 HelloFresh의 결제 화면입니다.

다단계 양식에 의존하는 데이터 수집 전략이 있는 경우 해당 전략을 만드는 방법을 알아야 합니다. 다음으로 Fluent Forms의 다단계 양식을 사용하여 작업을 수행하는 방법을 살펴보겠습니다.

Fluent Forms의 다단계 양식을 설정하는 방법(3단계!)

Fluent Forms의 다단계 양식을 구현하는 방법을 살펴보겠습니다. 이는 다른 양식 작성 도구와는 다른 종류의 접근 방식을 제공합니다. 우리는 그것을 좋아하며 곧 그 이유를 보여 드리겠습니다. 하지만 그 전에 사이트에 새 양식을 추가해야 합니다.

1. 새 양식 추가 및 스타일 선택

새 양식을 추가하려면 WordPress에 로그인하고 Fluent Forms Pro > 양식 추가 화면으로 이동하세요. 팝업 대화 상자가 나타납니다.

Fluent Forms 내에서 새로운 양식 유형을 선택합니다.

여기에서 목표에 따라 모든 유형의 양식을 선택할 수 있습니다. Fluent Form 템플릿에는 다양한 양식 유형이 포함되어 있으며 여기에서 적합한 것을 찾을 수 있습니다.

Fluent Forms 내에서 사전 구축된 템플릿을 선택합니다.

양식을 선택하면 드래그 앤 드롭 빌더가 나타납니다. 여기에서 Fluent Forms의 기능을 사용하여 양식 분할을 시작할 수 있습니다.

2. 양식 단계 필드를 사용하여 양식을 페이지로 분할합니다.

Fluent Forms의 다단계 양식을 사용하면 WordPress 백엔드에서 전체 흐름을 한 눈에 볼 수 있도록 디자인할 수 있습니다. 양식을 분할하려면 양식 단계 필드를 호출하면 됩니다. 지정한 대로 양식을 탐색하는 기능이 내장되어 있습니다.

이를 찾으려면 양식 검색 필드를 사용하거나 Fluent Forms 빌더의 고급 필드 섹션을 살펴보세요.

양식 단계 필드를 보여주는 Fluent Forms 빌더.

이것을 페이지로 드래그하면 양식 단계 필드에 양식의 시작, 양식의 끝, 중단 또는 단계를 나타내는 추가 섹션 마커가 추가됩니다.

양식 단계 필드로 생성된 페이징 시작 및 페이지 나누기 필드.

추가 단계를 만들려면 더 많은 양식 단계 필드를 추가할 수 있습니다.

빌더의 양식 캔버스에 양식 단계 필드를 추가합니다.

지금 양식을 저장하고 미리보기 및 디자인 버튼을 클릭하면 프런트 엔드에서 어떻게 보일지 확인할 수 있습니다.

사이트 프런트 엔드에서 양식을 미리 봅니다.

하지만 이것이 당신이 할 수 있는 전부는 아닙니다. 또한 귀하와 사용자의 요구 사항에 맞게 양식 환경을 사용자 정의할 수도 있습니다.

3. 다단계 양식의 UX 사용자 정의

양식 단계 필드를 캔버스로 드래그한 후 클릭하여 다단계 양식의 인터페이스를 편집할 수 있습니다. 예를 들어, 각 페이지 나누기 섹션을 사용하면 다음이전 버튼의 디자인을 변경할 수 있습니다.

페이지 나누기 필드 내에서 입력 사용자 정의 설정 작업.

하지만 페이징 시작 섹션은 사용자 정의 범위를 가장 많이 제공합니다. 예를 들어 진행률 표시기가 표시되는 방식을 선택할 수 있습니다. 진행률 표시줄을 선택하거나, 단계를 표시하거나, 아무것도 표시하지 않을 수 있습니다. 생성하는 각 단계에 대해 여기서도 전용 제목을 설정할 수 있습니다.

Fluent Forms 내에서 페이징 시작 섹션을 사용자 정의합니다.

원하는 경우 페이징 시작 설정에서 애니메이션 스타일을 변경할 수도 있습니다. 옵션 패널 하단에는 몇 가지 유용한 기능을 활성화하는 확인란이 있습니다. 예를 들어, 각 페이지에 대한 자동 초점을 변경하거나 '저장 후 계속' 기능을 설정할 수 있습니다.

Fluent Forms의 다단계 양식에 대한 다양한 추가 옵션을 활성화하는 확인란입니다.

이는 참여율과 완료율을 높이는 또 다른 방법입니다. 사용자에게 나중에 양식으로 돌아갈 수 있는 옵션을 제공하는 경우 휴식을 취하는 것과 새로 돌아와서 양식을 마무리하는 것 사이의 차이가 있을 수 있습니다.

준비가 되면 양식을 저장하고 사이트에 추가할 수 있습니다. 프런트엔드에서 확인하면 Fluent Forms의 다단계 양식을 사용할 준비가 된 것을 볼 수 있습니다!

우리의 최종 생각

Fluent Forms의 다양한 필드를 살펴보면 사용자로부터 필요한 정보를 얻는 다양한 방법을 발견할 수 있습니다. 그러나 이 모든 내용을 단일 페이지 양식에 추가하면 응답자가 양식을 조기에 포기할 위험이 있습니다. Fluent Forms의 다단계 양식에 대한 작업입니다.

드래그 앤 드롭 편집기 내에서 양식 단계 필드를 사용하여 한 페이지의 끝과 다른 페이지의 시작을 나타냅니다. 프런트엔드에서 Fluent Forms는 양식에 따라 사용자를 이동시키기 위해 열심히 작업합니다. 그 결과 응답자의 피로가 줄어들고 양식에 대한 참여도가 높아집니다. 또한 Fluent Forms 프리미엄 버전의 경우 연간 79달러부터 이를 달성할 수 있습니다.

Fluent Forms의 다단계 양식은 다가오는 목표를 달성할 수 있는 방법에 대한 아이디어를 제공합니까? 아래 댓글 섹션에서 여러분의 생각을 공유해 주세요!