모든 웹 사이트의 슬라이더 레이아웃에서 다단계 양식을 만드는 방법

더 자세히 설명하기 전에 슬라이더 레이아웃이 있는 다단계 양식이 무엇인지 설명하겠습니다.

'우리는 양식을 더 대화식으로 만들고 더 짧게 호소하며 모든 방문 페이지에 혼합할 수 있는 기능을 갖도록 하는 주요 목적으로 다단계 양식에서 세로로 긴 양식을 변환하는 Slider 라는 새로운 형식을 만들었습니다.'

Kate Bojkov, 제품 소유자.

다단계 양식의 목표는 각 질문이 개별적으로 제시되는 방식으로 더 긴 양식을 분할하는 것입니다. 사용자는 "다음" 버튼을 클릭하여 질문을 탐색하고 "이전" 버튼을 클릭하여 질문으로 돌아갈 수 있습니다. 이러한 유형의 질문 표시는 정보를 논리적인 순서로 수집하는 데 유용하고 사용자의 집중도를 높이며 최신 웹사이트 레이아웃에 더 적합합니다.

웹 사이트에 다단계 양식을 만들고 포함하는 빠르고 쉬운 방법을 찾고 있다면 이 작업을 수행하는 방법에 대한 자세한 자습서를 설명했습니다.

먼저 무료 EmbeForms 계정에 로그인하거나 생성하고(아직 계정이 없는 경우) 다음 단계를 따르세요.

1. 양식 페이지로 이동
2. 기존 양식 선택 또는 새 양식 만들기
3. 왼쪽 사이드바에서 레이아웃 및 테마 를 클릭하고 슬라이더 를 선택합니다 .
4. 저장 및 게시 를 클릭합니다.

사람들이 슬라이더 양식에 액세스할 수 있도록 양식 링크를 공유하거나 대화형 양식 위젯에 양식을 포함할 수 있습니다.

위젯을 만들려면 다음 단계를 따르세요.

1. 위젯 을 클릭하고 양식을 표시할 방법을 선택하십시오: 인라인 섹션, 플로터, 버튼 또는 배너
2. 저장 을 클릭하고 위젯 코드를 복사합니다.
3. 양식을 표시할 웹사이트 부분에 코드를 붙여넣습니다.

그게 다야 아래 비디오를 볼 수 있도록 더 자세한 단계별 자습서를 보려면:

보시다시피 전체 양식을 직접 만들 필요는 없습니다. 그러나 양식 디자인이 웹 사이트의 프런트 엔드에 완전히 적합하도록 하려면 EmbedFroms에서 글꼴을 변경할 수 있는 사용자 지정 CSS 옵션을 제공합니다. 다른 사용자 정의 옵션을 사용하고 제출 버튼의 사본을 변경하고 로고와 레이아웃을 추가할 수도 있습니다.

다음은 슬라이더 레이아웃의 데모입니다.

이 양식은 결제가 되는 모든 방문 페이지 또는 WordPress, Duda 또는 Wix와 같은 웹 빌더로 구축된 홈페이지에 포함할 수 있습니다.

가장 좋은 부분? 플러그인이 필요 없으며 완전 무료입니다.

다단계 양식 모범 사례

"Testing 2-Step vs. 1-Step Conversion Forms" 연구에 따르면 여러 단계를 포함하는 양식은 1단계의 긴 양식보다 14% 더 높은 양식 변환이 있습니다.

그러나 가장 높은 전환율을 얻기 위해 다단계 온라인 양식을 작성할 때 명심해야 할 몇 가지 간단한 원칙이 있습니다.

논리적인 순서로 질문 분리

질문 순서는 응답자의 답변에 직접적인 영향을 줄 수 있습니다. 그렇기 때문에 형식을 디자인할 때 논리적으로 정렬된 질문이 중요합니다. 양식 작성 과정에서 마찰을 줄이는 가장 좋은 방법은 가장 중요한 질문을 먼저 하고 필드를 논리적인 순서로 그룹화하는 것입니다.

예를 들어, 전화번호 및 이메일 주소와 같은 연락처 정보를 요구하는 필드가 더 있는 경우 해당 필드는 우선순위에 따라 정렬되어야 하고 직관적인 순서로 서로 뒤따라야 합니다. 많은 양식 작성기에는 간단하고 빠른 질문 재정렬을 위한 끌어서 놓기 옵션이 있습니다.

진행 상황 표시

얼마나 많은 질문이 더 남아 있는지에 대한 불확실성은 다단계 형식에서 마찰을 일으킬 수 있습니다. 경험에 따르면 진행률 표시줄이나 사용자에게 양식을 완료하기까지 남은 시간을 표시하는 모든 유형의 표시기를 사용하는 것이 좋습니다.

EmbedForms에서 각 질문에는 응답자에게 얼마나 많은 질문이 더 남아 있는지 나타내는 "질문 2/15"라는 기능이 있습니다.

감사 페이지 포함

감사 페이지는 감사를 표시하는 데 유용할 뿐만 아니라 제출이 성공적으로 완료되었음을 사용자를 안심시키는 데에도 유용합니다. 어떤 이유로 양식을 제출한 후 응답자를 자신의 감사 페이지로 이동하려면 리디렉션 링크 옵션을 사용할 수 있습니다.

A/B 테스트 양식

양식 빌더는 기술적 문제의 위험 없이 양식 테스트에 적합합니다. A/B 테스팅은 폼 빌더를 사용하면 매우 쉽습니다. 양식 길이, 디자인, CTA 버튼 카피를 테스트하고 어떤 양식 디자인이 전환율을 높이는지 확인할 수 있습니다. EmbedForms를 사용하면 다른 디자인이나 위젯으로 동일한 양식을 복제하고 어느 것이 더 많은 응답자를 얻을 것인지 테스트할 수 있습니다.

다단계 양식 사용의 이점

낮은 마찰

심리적으로 다단계 양식은 양식을 완성하려는 응답자의 의도에 더 나은 영향을 미칩니다.

첫째, 응답자가 다음 버튼을 클릭할 때마다 양식을 완성하려는 사용자의 목표가 약간 더 커집니다.

둘째, 이러한 유형의 양식 작성은 한 번에 하나의 질문에 집중해야 하므로 집중도를 높입니다.

모바일 친화적

다단계 양식은 모바일 장치에서 더 쉽게 작성할 수 있습니다. 단일 단계 양식에 비해 다단계 양식은 모바일 화면에 하나의 질문 팝업만 표시되기 때문에 훨씬 쉽게 완료할 수 있습니다. 이렇게 하면 사용자 경험도 크게 향상시킬 수 있습니다.

매력적인

다단계 양식은 사용자 참여를 높이기 위해 전략적으로 설계되었습니다.

이러한 유형의 양식은 사용자가 한 번에 하나의 질문에만 대답하고 다음 질문으로 이동하기 위해 "다음"을 클릭해야 하기 때문에 덜 압도적입니다.

시각적으로 매력적

다단계 양식은 웹사이트에서 차지하는 비중이 적고 사용자가 양식을 작성해야 할 때 압도적인 느낌을 주지 않습니다.

다단계 양식 또는 단일 단계 양식

여러 페이지 양식 또는 단일 단계 양식? 어느 것을 선택할 것인가?

다단계 양식은 사용자로부터 많은 정보가 필요할 때 유용합니다. 지금까지 우리는 질문당 긴 형식을 분할하면 좌절감을 줄이고 사용자가 그것을 채우려는 의도를 증가시키는 것을 보았습니다.

그러나 약간의 사용자 데이터가 필요하고 간단한 연락처 양식, 리드 생성 또는 등록 양식을 포함하려는 경우 단일 단계 양식으로 작업을 완료할 수 있습니다.

마무리

다단계 양식은 더 나은 질문 표시와 사용자의 집중도를 높이는 이점을 제공합니다.

EmbedForms를 사용하면 누구나 몇 번의 클릭으로 무제한의 다단계 양식을 만들고 원하는 웹 페이지에 양식을 포함할 수 있습니다.