WordPress에서 사용자 정의 데이터 입력 양식을 만드는 방법(코딩 필요 없음)

데이터 입력 양식은 말 그대로입니다. 데이터베이스나 스프레드시트에 저장할 정보를 수집하는 양식입니다.

이 정보에는 고객 세부 정보, 약속 예약, 등록 정보 및 기타 중요한 데이터가 포함될 수 있습니다. 다행히도 이러한 유형의 양식을 작성하는 것은 생각보다 쉽습니다. 그리고 코딩이 필요하지 않습니다!

따라서 방법을 배우고 싶다면 계속 읽으십시오. 선택한 데이터 관리 시스템과 쉽게 통합되는 사용자 정의 데이터 입력 양식을 만드는 방법을 보여 드리겠습니다. 단 5단계만 거치면 완료할 수 있습니다.

WordPress에서 사용자 정의 데이터 입력 양식을 만드는 방법(코딩 필요 없음)

WPForms 받기

자신만의 사용자 정의 데이터 입력 양식을 만들려면 WordPress 대시보드에 WPForms Pro를 설치하고 활성화해야 합니다.

Pro를 사용하면 필요한 애드온, 추가 필드 및 추가 사용자 정의 옵션에 액세스할 수 있으며, 이 블로그 게시물에서 활용 방법을 보여 드리겠습니다.

플러그인을 설치하고 활성화하고 나면 준비가 완료된 것입니다!

지금 데이터 입력 양식을 만드세요

선택한 도구 통합

WPForms Pro 라이센스를 사용하면 현재 지원하는 모든 통합에 액세스할 수 있습니다. 그것은 많은 것입니다.

WPForms는 수천 개의 다른 플랫폼에 연결되는 Zapier를 포함하여 200개 이상의 도구 및 시스템과 통합됩니다.

데이터 입력 도구의 경우 다음과의 통합에 관심이 있으실 것입니다.

• Google Sheets : 이 통합을 통해 양식 제출을 자동으로 Google Sheets 문서로 보내 쉽게 데이터를 관리할 수 있습니다.
• Salesforce : WPForms 항목을 Salesforce와 동기화하여 리드 및 고객 정보를 관리합니다.
• Airtable : Zapier를 통해 WPForms를 Airtable과 통합하여 출품작에 대한 광범위한 데이터베이스를 생성할 수 있습니다.
• CRM 및 마케팅 플랫폼 : WPForms는 Mailchimp 및 기타 이메일 마케팅 도구와도 통합됩니다.

양식을 작성하기 전에 통합 부분을 다루므로 양식을 작성할 때 양식과 연결할 서비스를 선택할 수 있습니다. 자세한 내용은 폼 빌더에 들어갈 때 설명하겠습니다.

먼저 WPForms » Addons 로 이동하세요.

이제 WPForms 애드온 페이지에서 양식과 통합하고 연결하려는 도구를 찾을 수 있습니다.

예를 들어 Google 스프레드시트 — Google 스프레드시트 애드온을 찾아 활성화하세요 .

그러면 기본적으로 Google 로그인을 확인하는 몇 가지 화면이 표시됩니다.

완료되면 통합 페이지로 리디렉션됩니다. 이제 Google Sheets 통합에 Connected 라고 표시됩니다.

하지만 이 통합은 이 튜토리얼에서 만들려는 양식에만 편리한 것은 아닙니다.

연결되면 내가 만든 모든 양식과 함께 이를 사용하여 양식 데이터를 자동으로 Google 스프레드시트로 보낼 수 있습니다.

양식 작성

통합 설정이 완료되면 데이터 입력 양식을 작성할 준비가 된 것입니다. WordPress 대시보드의 WPForms 탭으로 이동하여 Add New 를 클릭하세요.

새 양식을 추가하면 양식 이름을 지정하고 양식 작성기를 열라는 메시지가 표시됩니다. 빈 양식을 사용하여 처음부터 직접 작성하거나 템플릿으로 시작할 수 있습니다.

시작하려면 템플릿 갤러리(수천 개 중에서 선택할 수 있음)에서 제공되는 다양한 양식 템플릿을 활용하는 것이 좋습니다.

템플릿을 사용하면 필요한 필드의 전부는 아니더라도 대부분이 각 데이터 입력 양식에 포함됩니다. 예를 들어, 학생 등록 ​​양식 템플릿에는 학생 정보, 학부모 세부 정보 및 비상 연락처 필드가 미리 만들어져 있습니다.

템플릿을 사용하든 빈 양식을 사용하든 드래그 앤 드롭 양식 작성기를 사용하여 원하는 대로 양식을 완전히 사용자 정의할 수 있습니다.

양식에서 필드의 스타일과 기능을 편집하고, 원하는 추가 필드를 추가하고, 원하지 않는 필드를 제거하는 등의 작업을 수행할 수 있습니다. 우리는 다음 단계에서 그 모든 것을 다룰 것입니다.

양식을 사용자 정의하세요

양식 작성기에 들어가면 텍스트 입력, 확인란, 드롭다운 메뉴 등을 포함하여 양식에 다양한 필드를 추가하고 사용자 정의할 수 있습니다.

사용자에게 허용할 수 있는 다양한 방법이 있음 특히 이러한 유형의 양식에서는 데이터를 입력하는 것이 항상 큰 이점이 됩니다.

AI 선택 활용

그리고 사용자가 선택하는 필드를 추가하면 WPForms AI가 선택 항목을 생성하도록 할 수 있는 옵션이 있습니다.

생성해야 하는 목록 유형이나 선택 사항을 입력하기만 하면 AI 도우미가 신속하게 이를 작성하는 것을 지켜볼 수 있습니다. 그런 다음 버튼을 클릭하여 생성된 선택 사항을 양식에 삽입할 수 있습니다.

AI를 선택하면 이러한 데이터 포인트를 데이터 입력 양식에 추가하는 데 시간과 추측이 필요합니다.

또한 이를 사용하면 양식 사용자가 양식에서 올바른 데이터를 캡처하는 데 도움이 될 수 있으므로 데이터 수집의 효율성과 정확성이 높아집니다.

리피터 필드 사용

반복기 필드를 사용하면 사용자는 양식을 너무 복잡하게 만들지 않고도 더 많은 입력 필드를 동적으로 추가할 수 있습니다. 이는 이름, 주소, 전화번호 등을 추가로 입력하는 등 입력 개수가 다양한 데이터 입력 작업에 유용합니다.

양식 사용자는 버튼을 클릭하기만 하면 특정 필드 또는 양식의 전체 블록 섹션을 추가하거나 제거할 수 있습니다. 또한 사용자 정의의 경우 반복 가능한 필드의 레이아웃, 버튼 스타일 및 기타 옵션을 완전히 제어할 수 있습니다.

리피터 필드에 대한 전체 개요, 이를 가장 잘 사용하는 방법 및 스타일링 팁을 보려면 이 필수 구성 도구에 대한 광범위한 가이드를 살펴보세요.

통합 연결

원하는 대로 양식을 사용자 정의한 경우 이전에 설정한 데이터 입력 통합에 연결할 수 있습니다. 양식 작성기 사이드바의 설정 탭 에서 찾을 수 있습니다. 이 경우 사용 가능한 옵션에서 Google 스프레드시트를 선택할 수 있습니다.

그런 다음 새 연결 추가 를 클릭하여 Google 계정을 이 양식에 연결하고 항목 저장을 시작하세요.

다음으로 이 연결에 닉네임 을 지정해야 합니다. 하지만 걱정하지 마세요. 이 닉네임은 귀하의 사이트에 표시되지 않습니다. 이는 Google 시트가 어떤 양식에 연결되어 있는지 기억하는 데 도움이 될 뿐입니다. 닉네임을 입력한 후 확인을 클릭하세요.

그러면 이 양식이 채워지는 스프레드시트에 대해 기존 항목 선택 또는 새로 만들기 옵션이 표시됩니다. 이 양식을 Google 스프레드시트에 있는 기존 스프레드시트와 연결하거나 여기에서 새 스프레드시트를 시작할 수 있습니다.

마지막으로 아래로 스크롤하여 필드 매핑 설정을 확인하세요. 여기서는 양식의 어떤 필드 값에 해당하는 열을 정의합니다.

살펴보고 싶은 추가 필드 매핑 설정이 있으므로 Google 스프레드시트에 항목을 저장하는 방법에 대한 전체 튜토리얼을 확인해 보시기 바랍니다.

또한 이러한 단계는 선택한 데이터 입력 통합으로 Google 스프레드시트에만 적용되었지만 일반적인 접근 방식은 전반적으로 유사합니다.

통합의 해당 애드온을 검색하고, 플랫폼에 있는 계정에 연결하여 통합을 설정해야 하며, 양식 작성기의 설정 탭에서 통합을 찾을 수 있습니다.

양식 게시

이제 양식이 준비되었으므로 사이트에 게시된 페이지에 양식을 추가해야 합니다. 그런 다음 누군가 양식을 제출하면 항목이 자동으로 Google 스프레드시트 스프레드시트로 전송됩니다.

이를 수행하려면 양식 작성기의 오른쪽 상단에 있는 삽입 버튼을 클릭하세요.

사이트에 이미 있는 페이지에 양식을 삽입하거나 여기에서 새 페이지를 만들 수 있습니다. 새 페이지를 만드는 경우 '학생 등록'과 같은 이름을 지정해야 합니다.

어떤 경로를 선택하든 양식이 추가된 WordPress 편집기가 열립니다. 거기에서 페이지를 게시하기 만 하면 됩니다.

귀하의 데이터 입력 양식이 이제 귀하의 사이트에 게시되었습니다!

보너스: 모범 사례 및 팁

시작하는 데 도움이 되는 템플릿, 옵션을 생성하는 AI 선택, 모든 구성을 유지하는 반복기 필드를 사용하면 양식이 훌륭해질 것 같습니다. 즉, 이러한 팁과 고려 사항 중 일부를 염두에 두십시오.

• 자리 표시자 텍스트 및 설명 : 자리 표시자 텍스트는 사용자를 안내할 수 있지만 너무 많은 설명으로 양식을 복잡하게 만드는 것은 피하세요. 설명도 마찬가지입니다. 필드 설명을 짧고 관련성 있게 유지하여 양식 피로를 줄이세요.
• 다중 열 레이아웃과 단일 열 레이아웃 : 다중 열 레이아웃을 사용하면 양식이 더 짧게 보일 수 있지만 단일 열 레이아웃은 사용자가 한 번에 하나의 입력에 집중하는 데 도움이 되어 양식 완료율이 향상됩니다.
• 양식 길이 및 조건부 논리 : 양식을 간결하게 유지하세요. 양식이 짧을수록 사용자가 양식을 완료할 가능성이 높아집니다. 조건부 논리를 사용하여 불필요한 필드를 숨기고 사용자와 관련된 내용만 표시합니다.
• 브랜딩 : 헤더 이미지, 색상 선택, 기타 스타일 옵션을 사용하여 조직의 브랜딩을 양식에 적용하는 것을 고려해보세요. 이는 웹사이트에서 활용하는 대중에게 공개되는 양식에 특히 중요합니다.

그게 전부입니다! 자신만의 데이터 입력 양식을 생성하기 위한 모든 도구를 손쉽게 사용할 수 있습니다. 어떤 종류의 데이터를 수집하고 입력할 예정인가요? WPForms의 옵션은 사실상 끝이 없습니다.

지금 데이터 입력 양식을 만드세요

다음으로, 양식 이름 필드에 경칭을 추가하세요.

이름 옆에 경칭을 포함하는 것은 직업상 예의입니다. 그렇다면 이 옵션을 양식에 포함하는 이름 필드의 일부로 포함시키면 어떨까요? 이름 필드에 선호하는 경칭이나 직함을 추가하는 방법을 알아보려면 해당 주제에 대한 유용한 가이드를 살펴보세요.

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

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