랜딩 페이지 마찰을 줄이기 위한 8가지 다단계 양식 예제

클릭 후 방문 페이지가 너무 길거나 리드 캡처 양식이 너무 많은 정보를 요구하기 때문에 웹 사용자가 클릭 후 방문 페이지를 클릭하는 것은 드문 일이 아닙니다. 방문자 정보를 수집하는 데 다단계 양식이 필수적이지만 많은 마케터가 양식을 올바르게 설계하지 못하고 결국 귀중한 리드를 잃게 됩니다. 그렇기 때문에 방문자가 계속 참여하고 긴 양식에 겁먹지 않도록 클릭 후 방문 페이지를 디자인해야 합니다.

이를 수행하는 한 가지 방법은 다단계 양식을 사용하는 것입니다.

다단계 양식이란 무엇입니까?

다단계 양식은 더 짧고 덜 어려운 단계로 나누어 긴 양식입니다. 마케터의 관점에서는 작은 덩어리로 수집되기 때문에 상세한 잠재 고객 정보를 수집하려는 모든 상황에 적합합니다. 잠재 고객의 관점에서 다단계 양식을 사용하면 짧은 양식을 작성한 다음 추가 양식 필드로 진행하여 자신 및/또는 비즈니스에 대해 더 많이 공유함으로써 관심을 나타낼 수 있습니다.

추가 정보 요청은 사용자가 기준 정보를 제출한 후에만 나타나기 때문입니다. 다단계 양식은 클릭 후 방문 페이지의 마찰을 줄일 수 있습니다. 이러한 방식으로 양식을 디자인하면 방문자의 페이지 방문 시간을 늘리고 더 많은 리드를 생성하며 더 높은 자격을 갖춘 리드에 대한 통찰력을 얻을 수 있습니다. 물론 마케팅 깔때기를 통해 판매로 육성할 수 있습니다.

다단계 양식 대 2단계 옵트인 양식

다단계 양식과 2단계 옵트인 양식은 모두 리드를 참여시키고 자격을 부여하는 데 도움이 됩니다. 차이점은 페이지에 표시되는 방식입니다. 다단계 양식에는 단계가 있으며 각 후속 단계는 이전 단계가 완료된 후에만 나타납니다. 반대로 방문자가 CTA 버튼을 클릭하면 2단계 옵트인 양식이 나타나고 양식이 팝업 상자에 표시됩니다.

온페이지 또는 2단계 옵트인 양식 대신 다단계 양식을 사용하면 "골디락스 증후군"을 피할 수 있습니다. 너무 길면 잠재 고객이 완료하는 데 방해가 될 수 있습니다. 너무 짧으면 사용할 수 없는 리드 또는 판매보다 마케팅에 더 적합한 리드가 됩니다. 잠재 고객이 현재 거주하고 있는 마케팅 깔때기의 제안 및 단계를 기반으로 클릭 후 방문 페이지 양식을 최적화함으로써 더 적절한 정보를 요청할 수 있으며, 결과적으로 더 나은 전환율을 생성할 수 있습니다.

템플릿 자체가 "모두에게 적합한" 템플릿이 아닐 수도 있지만 아래의 다단계 양식 예제는 다음 디자인에서 에뮬레이트할 수 있는 좋은 출발점입니다. 세계 최대 브랜드 중 일부가 다단계 양식을 사용하여 방문자를 참여시키고 리드를 극대화하는 방법을 살펴보겠습니다.

다단계 양식 예

우버

Uber는 클릭 후 방문 페이지를 사용하여 사람들이 부업으로 운전하도록 유도합니다.

방문자를 위한 원활한 전환 프로세스를 만들기 위해 페이지에서 다단계 양식을 사용합니다. 양식의 두 번째 단계로 트래픽을 안내하는 화살표와 함께 CTA 버튼에 "다음"이 어떻게 표시되는지 확인합니다. 이 두 가지 모두 프로세스에 하나 이상의 추가 단계가 있음을 나타냅니다.

경영진 및 전문가는 누구입니까?

이 선택적 네트워킹 포럼은 방문자가 네트워크 자격을 신청하도록 권장하기 위해 홈페이지에 다단계 양식을 배치했습니다.

양식은 방문자가 각 후속 단계를 계속해야 함을 암시하는 단계 표시기(각 화살표 모양 - 시각적 신호)로 잘 설계되었습니다. CTA 버튼에는 화살표도 포함되어 있어 잠재 고객이 아직 신청 절차가 완료되지 않았음을 보여줍니다.

온페이지 양식은 페이지의 제한된 공간 때문에 큰 글꼴, 긴 필드 또는 필드 레이블을 항상 허용하지 않습니다. 반대로 다단계 양식은 섹션으로 표시되기 때문에 더 많은 공간을 생성하므로 더 많은 변형과 시각적 신호를 허용합니다. 종종 진행률 표시줄을 포함하여 사용자가 가입 과정에서 얼마나 진행되었는지 추적할 수 있습니다.

피닉스 대학교

University of Phoenix 대학원에서 상단 근처에 진행률 표시줄을 사용하는 방법을 확인하시겠습니까?

이 양식은 방문자로부터 연구 분야, 학위 수준, 학습 형식 및 우편 번호와 같은 비침습적 정보를 요청하기 시작합니다. 진행률 표시줄은 방문자가 빠른 시작 가이드를 다운로드할 수 있을 때까지 양식이 얼마나 남았는지 명확하게 보여주기 때문에 좋은 터치입니다.

소셜 미디어와 연결하는 것은 다단계 양식을 디자인할 때 또 다른 효과적인 전술입니다. 실제로 소셜 미디어 자동 채우기를 사용하면 전환율이 189%까지 증가할 수 있습니다. 이 기능을 구현하면 사용자의 관련 소셜 정보가 양식에 자동으로 삽입됩니다.

또한 사용자 경험과 관련하여 자리 표시자 텍스트는 방문자가 소셜 계정에서 이미 자동으로 채워진 필드로 오인할 수 있으므로 방문자를 짜증나게 하고 혼란스럽게 할 수 있습니다. 대신 상자 위의 각 필드에 레이블을 지정하여 마찰을 줄이고 양식을 통해 사용자를 원활하게 안내하세요.

그린긱스

GreenGeeks는 다단계 양식을 포함하기 위해 이 클릭 후 방문 페이지를 만들었습니다. 먼저 클릭 후 방문 페이지는 다음을 제안합니다.

방문자가 "지금 시작하기" CTA 버튼을 클릭하면 이 페이지가 다음 양식의 1단계와 함께 나타납니다.

이 시점에서 사용자는 도메인(신규 또는 기존)에 대한 식별 정보를 요구하지 않으므로 유입경로의 끝까지 내려가지 않은 사용자는 길고 복잡한 형식으로 인해 방해를 받지 않습니다. 방문자가 계속 등록할 준비가 되면 양식의 2단계인 이 페이지로 이동합니다.

이것은 각 섹션과 개별 필드에 명확하게 레이블이 지정된 또 다른 다단계 양식으로 고객에게 원활한 가입 프로세스를 제공합니다.

시리우스 마케팅

다음은 Cirius Marketing의 예입니다. 팝업 상자에 다단계 양식이 있는 2단계 옵트인 페이지를 사용합니다. 스크롤 없이 볼 수 있는 부분 바로 위에 CTA 버튼이 표시되는 클릭 후 방문 페이지입니다.

팝업 상자의 다단계 양식은 다음과 같습니다.

창 상단에 50% 완료를 나타내는 진행률 표시줄을 확인하여 잠재 고객에게 제공해야 하는 정보가 이것이 유일한 정보가 아님을 알립니다.

새싹 소셜

Sprout Social은 잠재 고객이 완료할 수 있도록 이 다단계 양식을 설계했습니다.

이 첫 번째 단계는 계정을 만드는 곳입니다. 그런 다음 소셜 프로필을 첨부할 수 있는 두 번째 단계로 이동합니다. 마지막으로 3단계에서 가입 절차를 완료하고 Sprout 사용을 시작할 수 있습니다.

퀵 베이스

아래의 Quick Base 클릭 후 방문 페이지는 직원 교육 서비스를 제공합니다.

잠재 고객이 무료 평가판을 시작할 준비가 되면 협력 CTA 버튼(페이지에 총 3개)을 클릭하고 다음 다단계 등록 양식의 1단계로 이동합니다.

양식의 이 부분이 "2단계 중 1단계"로 구체적으로 어떻게 표시되는지 주목하십시오. 잠재 고객에게 무료 평가판이 "몇 초 남았다"는 사실을 알리는 것은 양식을 작성하는 데 오래 걸리지 않는다는 표시입니다.

훗스위트

Hootsuite는 다음과 같이 명확하게 정의된 단계를 통해 잠재 고객을 계정 등록 프로세스를 안내합니다.

헤드라인에는 가입 단계가 몇 단계인지 나와 있으므로 잠재 고객은 가입 절차를 즉시 알 수 있습니다. 그런 다음 각 단계에 섹션 헤더로 명확하게 레이블이 지정되어 방문자가 완료할 수 있도록 쉽게 안내합니다.

다단계 양식으로 페이지 참여 증가

최고의 전환 시나리오가 잠재 고객으로부터 많은 정보를 필요로 하고 위협적인 것처럼 보이고 싶지 않은 경우. 상황을 단순화하기 위해 다단계 양식을 사용하면 이러한 문제를 완화하는 데 도움이 될 수 있습니다. 이러한 다단계 양식 예제는 마찰을 줄이고 고객이 정보를 통해 귀하를 신뢰하도록 설득하며 궁극적으로 귀하가 찾고 있는 전환으로 이어지는 데 도움이 됩니다.

항상 모든 광고를 개인화된 클릭 후 방문 페이지에 연결하여 고객 획득당 비용을 낮추십시오. 지금 Instapage Enterprise 데모에 등록하여 클릭 후 전용 페이지를 만드십시오.