랜딩 페이지 마찰을 줄이기 위한 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 데모에 등록하여 전용 클릭 후 페이지 생성을 시작하십시오.