워드 프레스

WordPress의 양식 변환을 높이는 5가지 팁

방문자가 구매를 하거나, 데모에 등록하거나, 웹사이트에서 백서를 다운로드하도록 하려면 해당 프로세스를 위한 웹사이트 양식을 만들어야 합니다.

웹 양식의 디자인, 메시징 및 기능은 방문자가 양식을 완성하고 전환하는지 여부에 큰 역할을 합니다. WordPress 양식을 약간 조정하면 방문자의 인지 부하를 줄이고 양식 전환을 높이는 데 도움이 될 수 있습니다.

이 가이드에서 우리는 Gravity Forms와 무료 Contact Form 7 플러그인에 대한 팁을 공유할 것입니다. Gravity Forms의 핵심 기능 및 설정을 사용하거나 몇 가지 무료 및 프리미엄 애드온과 함께 Contact Form 7을 사용하는 경우 이 모든 작업을 완료할 수 있습니다. 그러나 실제로 모든 팁은 대부분의 최고의 WordPress 문의 양식 플러그인에 적용할 수 있습니다. 시작하겠습니다!

1. 양식 디자인에서 강한 색상 대비 활용

웹 방문자는 귀하의 사이트를 방문할 때 일반적으로 더 많은 정보를 얻든 구매를 하든 목표를 달성할 수 있는 가장 빠르고 쉬운 방법을 찾습니다. 양식 전환을 늘리는 한 가지 방법은 양식 디자인 및 레이아웃을 모든 방문자가 쉽게 검토할 수 있도록 하는 것입니다.

WordPress 사이트의 일반적인 실수는 흰색 양식 배경과 얇은 회색 상자를 양식 필드로 사용하여 기본 웹사이트 양식 디자인을 설정하는 것입니다.

대신 양식 배경, 양식 레이블 및 흰색 양식 필드 사이에 강한 색상 대비가 있는 양식 디자인을 만드는 것이 좋습니다. 양식의 색상을 선택할 때 최소 4:5:1의 대비 비율로 색상 대비에 대한 WCAG 지침을 따르십시오. 이것은 장애가 있거나 시각 장애가 있는 방문자가 양식 필드를 웹 페이지의 배경색과 명확하게 구별하는 데 도움이 됩니다.

다음을 참조 할 수 있습니다. 중력 양식 개발자 접근성 가이드를 리소스로 제공합니다. 이 가이드에는 색상 대비 및 색상 사용에 대한 전체 섹션을 포함하여 접근성 및 Gravity Forms에 대해 알아야 할 모든 것이 있습니다.

접근 가능한 기본값 CF7

정보 및 다운로드데모 보기

무료로 이용하신다면 문의 양식 7 플러그인을 사용하면 Accessible Defaults 확장을 통해 모든 양식에서 접근성 모범 사례를 구현할 수 있습니다.

2. 선택 필드 수 줄이기

긴 웹사이트 양식은 작성하는 데 시간이 더 오래 걸리기 때문에 전환을 방해할 수 있습니다. 방문자가 양식을 만나면 양식을 작성하는 데 드는 노력이 받을 가치가 있는지 무의식적으로 계산합니다.

일반적으로 필드 수를 최대한 줄이십시오. 몇 가지 선택적 양식 필드를 포함해야 하는 경우 양식을 제출할 때 사용자 오류를 줄이기 위해 필수 필드와 선택적 필드에 명확하게 레이블을 지정하십시오.

유료에서 중력 양식 플러그인에서 양식 필드는 기본적으로 선택 사항이며 WordPress 대시보드에서 양식을 편집할 때 "필수" 옵션을 선택할 수 있습니다.

무료로 문의 양식 7 플러그인에서 양식 필드 HTML에 별표를 추가하는 것이 필요에 따라 텍스트 필드를 식별하는 가장 좋은 방법입니다.

긴 웹 양식을 사용하는 웹 방문자는 해당 개인 정보를 모두 공유할지 여부도 고려해야 합니다. 웹 양식에 개인 정보 보호 정책에 대한 링크를 추가하고 데이터 보호를 위한 GDPR 모범 사례를 따라 잠재 고객과의 신뢰를 구축하는 것을 고려하십시오.

3. 다단계/다중 페이지 양식 고려

심도 있는 등록 절차나 신청을 위해 웹사이트에 긴 양식이 필요한 경우 여러 단계 또는 여러 페이지로 된 양식으로 변환하는 것을 고려하십시오.

긴 프로세스를 작은 단계로 나누면 인지된 노력이 줄어들고 더 많은 웹 방문자가 프로세스를 시작할 수 있습니다. 다중 페이지 양식의 경우 각 페이지의 양식 아래에 진행률 표시줄을 설정하는 것이 도움이 되며 이는 방문자가 양식을 작성하는 동안 진행 중인 위치를 나타냅니다.

중력 양식 WordPress 플러그인

정보 및 다운로드

유료를 사용하는 경우 중력 양식 플러그인을 사용하면 내장 플러그인 옵션을 활용하여 다중 페이지 양식을 만들고 양식 필드를 페이지별로 그룹화할 수 있습니다. "페이징 시작" "페이지 나누기" 및 "페이징 종료" 필드를 추가할 때 핵심 옵션을 사용하여 고유한 다단계 양식을 만듭니다.

Contact Form 7 Pro의 다단계

정보 및 다운로드데모 보기

유료 플러그인 확장 프로그램도 있습니다. 문의 양식 7 사이트에 다단계 양식 프로세스를 추가할 수 있습니다. Multi-Step pro를 사용하면 긴 양식을 단계별 프로세스로 나눌 수 있습니다.

양식의 다른 페이지를 설정할 때 누군가 양식을 통과할 때의 사용자 경험을 고려하십시오. 기본 정보를 요청하는 것으로 시작하고 유사한 데이터를 함께 그룹화하십시오. 이렇게 하면 노력의 양을 줄이고 양식에 부드러운 흐름을 만들 수 있습니다.

항상 그렇듯이 간단한 웹 사이트 양식을 통해 건강 정보 또는 금융 데이터와 같은 기밀 정보를 요청하는 것은 매우 신중해야 합니다.

4. 양식 항목의 데이터 자동 서식 지정

일부 양식 필드에는 전화 번호, 날짜 및 신용 카드 번호와 같은 특정 형식이 필요할 수 있습니다. 양식 필드 항목의 형식을 자동으로 지정하면 웹 방문자의 프로세스 속도를 높이고 더 빠르게 변환할 수 있습니다.

In 중력 양식, 전화 필드를 설정할 때 미국 또는 국제 전화 번호 형식 스타일을 선택할 수 있습니다.

방문자를 특정 전화 형식으로 제한하지 않으려면 양식 필드의 자리 표시자 텍스트로 데이터 입력의 예를 제공하는 것도 고려할 수 있습니다. 이렇게 하면 방문자가 날짜 또는 주소의 올바른 형식을 빠르게 결정할 수 있습니다. 에 문의 양식 7, 이를 수행하기 위해 숫자 필드에 대한 HTML 코드에 자리 표시자 워터마크를 포함할 수 있습니다.

그러나 양식 필드 레이블 대신 자리 표시자 텍스트를 사용하지 마십시오. 필드를 클릭하면 자리 표시자 텍스트가 사라지고 일부 방문자는 참조로 레이블이 필요할 수 있으므로 이는 중요한 웹 접근성 관행입니다. 사람들은 또한 웹에서 검색하는 동안 멀티태스킹을 하므로 주의가 산만해질 수 있으므로 단계를 최대한 명확하게 해야 합니다.

이 모든 단계는 웹 방문자가 처음 제출할 때 양식을 올바르게 작성하는 데 도움이 됩니다. 대부분의 사람들은 제출 오류가 계속 발생하면 양식을 한두 번 이상 다시 제출하려고 시도하지 않습니다.

5. 오해의 소지가 있는 클릭 유도문안 피하기

오해의 소지가 있는 클릭 유도문안은 전환을 저해할 수 있습니다. 웹 방문자는 웹사이트 양식에 정보를 제공함으로써 얻을 수 있는 이점을 무의식적으로 평가하고 있음을 기억하십시오.

클릭 유도문안 또는 CTA는 웹사이트에서 누군가에게 즉각적인 조치를 취하도록 촉구하는 메시지입니다. 몇 가지 일반적인 CTA 예는 데모 요청, 무료 상담 받기 또는 장바구니에 추가입니다.

양식의 필드를 줄이는 것과 클라이언트의 요청을 충족하기에 충분한 정보를 요청하는 것 사이에는 균형이 있습니다. 계산 또는 견적을 제공하겠다고 약속하는 경우 고객은 해당 요청을 즉시 제공하기 위해 양식에 충분한 정보를 요청하기를 기대합니다. 해당 필드가 모두 누락된 경우 웹 방문자는 양식이 오해의 소지가 있다고 생각할 수 있으며 계산을 전달하는 대신 영업 사원으로부터 전화를 받게 됩니다.

양식 메시지 외에도 방문자가 양식을 제출한 후 표시되는 감사 페이지 또는 확인 메시지를 검토하십시오. 메시지는 양식 제출이 처리되었음을 확인함으로써 긍정적인 사용자 경험을 제공해야 합니다.

각 양식에 대한 특정 감사 페이지 또는 확인 페이지를 설정하면 분석에서 전환 추적에 도움이 될 수도 있습니다.

중력 양식 양식을 만들 때 설정 > 확인에서 "리디렉션 URL"을 정의할 수 있습니다.

문의 양식 7 리디렉션 확장

정보 및 다운로드데모 보기

문의 양식 7, Contact Form 7용 무료 추가 기능 리디렉션은 연락처 양식을 성공적으로 제출한 사용자를 리디렉션하는 옵션을 추가합니다.

양식 변환을 위한 WordPress 도구

색상 대비에서 필드 입력 형식에 이르기까지 WordPress 사이트에서 양식 변환 수를 늘릴 수 있습니다. 다양한 WordPress 도구를 활용하고 UX 디자인 모범 사례를 따르면 방문자가 웹사이트에서 양식을 제출하기 위해 노력할 확률을 높일 수 있습니다.

관련 기사

답글기

이메일 주소는 모든 것입니다.

맨 위로 가기 버튼