WPForms 모범 사례: 사이트에 완벽한 양식을 만드는 방법

귀하의 웹사이트에 딱 맞는 양식을 만드는 가장 좋은 방법을 찾고 계십니까?

양식을 작성할 때 고려해야 할 사항이 많이 있습니다. 콘텐츠의 스타일을 지정하고 구성하는 방법은 무엇입니까? 양식의 모든 기능을 활용하고 있습니까?

사용자 정의를 위한 모든 종류의 옵션이 있지만 이것이 복잡하다는 의미는 아닙니다. WPForms는 코딩할 필요 없이 완벽한 양식을 쉽게 만들 수 있는 모든 도구를 제공합니다. 보여드리겠습니다!

WPForms 모범 사례: 사이트에 완벽한 양식을 만드는 방법

1. 구분선 및 라벨

맨 위에서 시작하여 양식을 따라 진행해 볼까요?

양식에 포함된 정보의 양에 따라 양식을 여러 섹션으로 나눌 수 있습니다. 예를 들어 양식 사용자의 이름, 이메일 주소 및 전화번호는 연락처 세부 정보라는 섹션으로 구성할 수 있습니다.

이 구조를 만들려면 섹션 구분선 필드 위로 드래그하여 양식 상단에 배치하세요.

그런 다음 양식의 나머지 부분을 필요에 따라 여러 섹션으로 나눕니다. 섹션 구분선은 단순히 양식을 시각적으로 구성하여 사용자가 정보를 더 쉽게 소화할 수 있도록 하는 방법입니다. 이렇게 하면 양식의 유용성이 향상될 뿐만 아니라 사용자가 양식을 완료할 가능성도 높아집니다.

필드 자체의 경우 필드 레이블이 명확하고 간결하며 정보가 풍부해야 한다는 것은 말할 필요도 없습니다. 모호하거나 지나치게 기술적인 용어는 피하십시오. 사용자는 요청되는 정보가 무엇인지 즉시 이해해야 합니다.

지금 WordPress 양식 만들기

2. 필드 크기

양식에 필드를 추가할 때 대부분의 필드 크기를 조정할 수 있다는 것을 알 수 있습니다. 필드는 소형, 중형 또는 대형일 수 있으며 대부분은 기본적으로 중간으로 설정됩니다.

웹 사이트에 양식을 포함하거나 미리 볼 때 이러한 중간 필드가 양식의 전체 너비를 채우지 못할 수 있습니다.

어떤 경우에는 이것이 마음에 들지 않을 수도 있지만 모든 필드가 양식의 전체 너비에 걸쳐 있도록 하려면 필드 크기를 크게로 변경할 수 있습니다.

3. 사용자 선택과 AI

양식을 작성할 때 고려해야 할 또 다른 사항은 양식 사용자가 답변을 선택할 수 있도록 제공할 필드 유형입니다.

확인란이나 객관식 라디오 버튼을 사용하여 지정된 모든 선택 항목을 미리 표시할 수 있습니다. 또는 드롭다운 선택 항목에 포함된 일부 특정 선택 항목을 유지할 수도 있습니다. 실제로는 양식의 목적에 따라 다릅니다.

운 좋게도 사용자 선택 필드를 결정한 후에는 적절한 선택을 즉시 생성하는 내장 AI 기능을 사용할 수 있습니다. 애완동물 미용 약속 양식을 작성 중인데 어떤 애완동물 옵션을 포함해야 할지 확신이 없다고 가정해 보겠습니다. AI가 "개", "고양이" 또는 "이국적인 애완동물"과 같은 옵션을 즉시 생성하도록 요청할 수 있습니다.

하지만 모든 AI는 주어진 메시지에 민감하다는 점을 명심하세요. 따라서 제공되는 결과는 프롬프트에 따라 달라질 수 있습니다.

개인적으로 양식 작성기에서 AI 도우미를 사용할 때 프롬프트를 문자 그대로 전달하는 것이 가장 쉽다는 것을 알았습니다. "애완동물 미용 예약 양식에 대한 인기 있는 애완동물 선택"이나 이와 유사한 양식에 대한 정확한 데이터 포인트를 요청하겠습니다.

이는 양식 사용자가 선택할 수 있는 선택 사항을 놓치지 않도록 보장하는 쉽고 즉각적인 방법입니다.

4. 콘텐츠 필드 사용자 정의

사용자 경험에 있어 브랜드 일관성은 핵심입니다. WPForms를 사용하면 콘텐츠 필드를 사용하여 양식에 브랜딩을 통합할 수 있습니다. 여기에는 로고 추가, 글꼴 선택, 브랜드 미적 특성에 맞게 크기 및 방향 조정까지 포함됩니다.

콘텐츠 필드는 양식의 기능을 방해하지 않으면서 정보를 전달하고, 중요한 메시지를 강조하거나, 브랜드를 소개하는 유연한 방법입니다. 이 공간을 사용하여 홍보 배너나 계절별 메시지를 표시할 수도 있습니다.

브랜딩이 마케팅 모범 사례의 주요 부분이라면 이 사용자 정의 가능한 필드를 활용하십시오.

추가 읽기 : WordPress에 양식 헤더 이미지 또는 로고를 추가하는 방법

5. 레이아웃 및 리피터 옵션

필드 크기 고려 사항과 유사하게 원하는 경우 활용할 수 있는 다양한 양식 레이아웃이 있습니다.

양식은 단일 열 또는 여러 열로 배치할 수 있으며 후자에는 전체 모양과 크기 선택이 포함됩니다.

그리고 필요에 따라 필드 크기를 조정하여 필드를 균일하게 유지하려는 모든 이유 때문에 레이아웃 옵션을 사용하여 양식의 일부를 간결한 열로 유지하는 것도 좋아합니다.

하지만 더 많은 것이 있습니다!

또한 정리된 내용을 유지하기 위한 반복기 필드 옵션도 있습니다. 양식 사용자가 채용 양식의 직업 경험과 같이 동일한 유형의 정보를 여러 번 입력할 것으로 예상되는 경우 반복 필드를 사용하면 양식 사용자가 버튼 클릭만으로 이 필드를 반복할 수 있습니다.

빈 필드로 양식을 오버로드하고 이를 숨기기 위한 조건부 논리 설정 트레일을 만드는 대신 필요한 필드를 중요한 반복 필드 영역으로 끌어 놓기만 하면 됩니다. 여기에서 이러한 반복 가능한 필드를 따르려는 레이아웃 유형을 선택할 수 있습니다.

또한 읽으십시오: WPForms 반복기 필드와 조건부 논리를 사용하는 레이아웃 필드

6. 필수항목

양식에 추가하는 각 필드에 대해 명심해야 할 빠르고 쉬운 점은 해당 필드를 사용자에게 필수로 만들 것인지 여부입니다.

필드 설정에는 해당 필드에 빨간색 별표를 표시하고 필수 필드로 만드는 전환 옵션이 있습니다.

따라서 양식 사용자는 양식을 제출하기 전에 필드를 작성해야 합니다. 이러한 필수 필드 없이는 제출할 수 없으며 일반적으로 최소한 이메일 주소 필드는 필수입니다.

7. 지침서

양식을 작성할 때 지침 텍스트를 포함하는 몇 가지 방법이 있습니다.

지침 텍스트는 귀하가 요청하는 정보가 무엇인지 명확하게 설명하고 양식 작성 과정을 더욱 직관적으로 만듭니다. 예시, 지침 또는 기타 정보일 수 있습니다.

내 경험에 따르면 지침 텍스트를 포함하기 가장 좋은 두 곳은 각 필드의 자리 표시자 또는 설명 내에 있습니다. 자리 표시자는 입력 필드 내부에 표시되고 설명은 바로 아래에 표시됩니다.

여기에서 양식 사용자에게 요청하는 정보의 예를 제공할 수 있습니다. 따라서 이메일 필드의 경우 "[이메일 보호됨]"과 같은 내용을 표시할 수 있습니다.

각 필드의 설정 내에서도 찾을 수 있는 각 필드의 설명 영역에도 동일하게 적용됩니다.

양식 전체에 텍스트가 너무 많으면 사용자에게 부담을 줄 수 있으므로 양식을 최대한 깔끔하게 유지하는 것이 가장 좋습니다.

8. 알림 이메일

양식에서 잊어버리고 싶지 않은 또 다른 영역은 알림 이메일입니다. 이는 양식 사용자가 웹사이트에 양식을 제출한 후 받는 이메일 메시지입니다. 양식이 제출되었다는 확인처럼 사용할 수 있습니다.

설정 » 알림 으로 이동하여 각 양식의 양식 작성기에서 직접 이 메시지를 사용자 정의할 수 있습니다. 사용자와 더욱 긴밀하게 소통하고 브랜드를 홍보할 수 있는 기회를 얻을 수 있습니다.

WPForms 스마트 태그를 사용하면 양식 제출의 정보를 알림 이메일로 쉽게 가져올 수 있으므로 개인화된 세부 정보를 포함할 수 있습니다.

작성 중인 양식 유형에 따라 다음과 같이 포함할 수 있는 다양한 항목이 있습니다.

• 뉴스레터를 구독해 주셔서 감사합니다.
• 주문 양식에 대한 사용자 정의 확인 메시지
• 새로운 리드를 위한 쿠폰 코드 및 독점 제안

가능성은 무궁무진합니다!

9. WPForms 템플릿

내가 여기서 다룬 모든 것 중 가장 좋은 부분은 무엇입니까? 이러한 모든 모범 사례를 사용하여 이미 이러한 많은 기능이 내장되어 있는 WPForms 템플릿을 사용자 정의할 수 있습니다.

우리는 갤러리에서 수천 개의 양식 템플릿을 제공하므로 귀하가 만들고자 하는 양식이 사전 구축되어 있을 수도 있습니다.

간단한 문의 양식부터 설문 조사나 지불 양식과 같은 보다 복잡한 애플리케이션에 이르기까지 WPForms 템플릿은 시간과 노력을 절약하는 동시에 양식이 최적화되도록 설계되었습니다.

따라서 양식 서식 파일을 기초로 시작하는 것이 좋습니다. 스타일 및 구성 선택, 필요한 추가 기능, 적절한 확인 메시지 등 이 모든 것이 각 양식 템플릿에서 신중하게 고려되었습니다.

10. 미리보기 양식

양식을 게시하기 전에 항상 시간을 내어 미리 보십시오. 데스크톱과 모바일 모두에서 양식을 미리 보고 표시되는 위치에 관계없이 양식이 완벽하게 보이는지 확인할 수 있습니다.

사이트의 테마가 양식의 모양에 영향을 미칠 수 있으므로 실시간으로 테스트해 보세요. 예를 들어 전체 페이지에 삽입할 때와 사이드바 위젯에 삽입할 때 필드 크기나 레이아웃이 다르게 나타날 수 있습니다. 사이트의 다양한 영역과 다양한 장치에서 양식이 표시되는 방식이 만족스러우면 설정된 것입니다.

그리고 그게 전부입니다!

이러한 WPForms 모범 사례를 따르면 보기에 좋을 뿐만 아니라 전환도 가능한 양식을 만드는 데 도움이 될 것입니다. 사전 구축된 템플릿 중 하나를 사용하든 처음부터 시작하든 WPForms는 양식을 사용자 정의하는 데 필요한 모든 도구를 제공합니다.

지금 WordPress 양식 만들기

다음으로 더 많은 숨겨진 기능을 찾아보세요

귀하의 사이트에 가장 적합한 양식을 구축하기 위한 개인적인 팁을 보여드렸지만 모든 WPForms 기능의 겉모습만 살펴보았습니다. 발견하고 탐색하는 데 사용할 수 있는 더 많은 기능이 있습니다.

WPForms의 숨겨진 기능에 대한 재미있는 글을 보고 무엇을 발견했는지 확인해 보세요!

양식을 작성할 준비가 되셨나요? 가장 쉬운 WordPress 양식 작성 플러그인으로 지금 시작해보세요. WPForms Pro에는 다양한 무료 템플릿이 포함되어 있으며 14일 환불 보장을 제공합니다.

이 기사가 도움이 되었다면 Facebook과 Twitter에서 우리를 팔로우하여 더 많은 무료 WordPress 튜토리얼과 가이드를 확인하세요.