맞춤형 WooCommerce 등록 양식을 만드는 방법

WordPress 사이트의 고객 등록 프로세스를 개선하고 싶으십니까? 맞춤형 WooCommerce 등록 양식을 구축하는 것은 올바른 방향으로 나아가는 단계입니다.

기본 WooCommerce 플러그인에는 등록 양식이 있지만 기본 정보만 수집합니다. 그러나 ProfilePress라는 플러그인을 사용하면 사용자로부터 더 많은 정보를 수집하고 양식을 재정렬하여 사용자 친화적으로 만들 수 있습니다. 양식을 통해 수집된 정보는 무엇보다도 이메일 마케팅 캠페인에 사용될 수 있습니다.

이 기사에서는 사용자 정의 등록 양식을 만들고 기본 WooCommerce 양식으로 바꾸는 방법을 보여줍니다. 뛰어들어봅시다.

맞춤형 WooCommerce 등록 양식 만들기

맞춤형 WooCommerce 등록 양식을 만들려면 ProfilePress라는 플러그인이 필요합니다. 아래에서 플러그인을 설정하는 방법을 보여드리겠습니다.

1단계: ProfilePress 설치

ProfilePress에 가입하면 라이센스 키와 함께 플러그인을 다운로드할 수 있는 링크가 포함된 영수증을 받게 됩니다. WordPress 웹사이트에서 플러그인을 다운로드하여 설치합니다. 플러그인을 활성화하려면 라이센스 키를 입력하십시오.

1.5단계: WooCommerce 등록 활성화

WooCommerce->대시보드의 설정 으로 이동합니다. 개인 정보 및 계정 섹션을 클릭 하고 "내 계정" 페이지에서 고객이 계정을 만들 수 있도록 허용 옵션을 선택합니다.

2단계: ProfilePress로 사용자 정의 양식 만들기

이제 재미있는 부분이 나옵니다. WordPress 대시보드에서 ProfilePress > Forms & Profiles > Registration > Add New 로 이동합니다.

사용자 정의 등록 양식을 만드는 두 가지 옵션이 있습니다. 미리 만들어진 템플릿을 사용하거나 처음부터 양식을 작성할 수 있습니다. 코딩 방법을 모르거나 처음부터 양식을 작성하는 데 시간을 투자하고 싶지 않다면 템플릿을 선택하는 것이 좋습니다.

드래그 앤 드롭 빌더를 선택합니다.

양식에 이름 을 지정한 다음 미리 작성된 템플릿 중 하나를 선택합니다 . 이 자습서의 목적을 위해 Tulip 을 선택했습니다. 다음 페이지에서 필요에 따라 양식을 사용자 정의할 수 있습니다.

사용자 정의 필드 추가

WooCommerce 청구 및 배송 필드를 포함하여 다음 사용자 정의 필드를 등록 양식에 추가할 수 있습니다.

• 사용자 이름
• 이메일 주소
• 이메일 확인
• 비밀번호
• 비밀번호 확인
• 비밀번호 강도
• 웹사이트 닉네임
• 이름 표시하기
• 이름
• 성
• 프로필 사진 업로드
• 표지 사진 업로드
• 전기
• 역할 선택
• 사용자 정의 HTML
• reCAPTCHA

다음은 등록 양식에 대해 선택한 사용자 정의 필드에 대한 간략한 설명입니다.

양식 설정 수정

ProfilePress를 사용하면 다음을 포함한 양식의 모양을 변경할 수 있습니다. 즉, 브랜드와 스타일을 보완하는 양식을 만들 수 있습니다. 양식의 모양을 수정하는 데 몇 분 정도 시간을 할애하는 것이 좋습니다.

그리고 다음 단계로 이동하기 전에 등록 설정 으로 이동하여 새 사용자 역할로 고객 을 선택했는지 확인하십시오. 이 사용자 정의 양식을 사용하여 가입하는 모든 사람은 고객으로 계산됩니다.

양식이 준비되면 변경 사항을 저장합니다. 이제 웹사이트에 새로운 사용자 지정 등록 양식을 표시할 차례입니다.

3단계: WooCommerce 등록 양식 교체

이 섹션에서는 기본 WooCommerce 등록 양식을 새 사용자 지정 등록 양식으로 바꾸는 방법을 배웁니다.

ProfilePress > 설정 > WooCommerce 로 이동합니다. 내 계정 등록 양식 이라는 옵션이 표시되어야 합니다. 드롭다운 메뉴에서 방금 만든 새 등록 양식을 선택 하고 설정을 저장합니다.

원하는 경우 이 양식을 웹사이트의 기본 등록 페이지로 사용할 수 있습니다. ProfilePress > 설정 > 일반 > 전역 으로 이동하기만 하면 됩니다. 그런 다음 등록 페이지 옵션에서 새 사용자 지정 등록 페이지 를 선택합니다.

새 등록 페이지를 생성하기로 선택한 경우 양식 의 단축 코드를 복사하고 새 페이지를 생성하고 단축 코드를 추가하고 페이지를 게시한다는 점은 주목할 가치가 있습니다. 네, 정말 쉽습니다!

그게 다야, 여러분! 이것이 맞춤형 WooCommerce 등록 양식을 만드는 방법입니다! WooCommerce 내 계정 페이지를 미리 볼 때 등록 양식이 표시되어야 합니다.

이제 사용자 지정 등록 양식이 있으므로 사용자 지정 로그인 양식도 만들 수 있는지 궁금해 하시는 분들이 있습니다. 사용자 정의 WooCommerce 로그인 양식을 만드는 과정은 사용자 정의 등록 양식을 만드는 과정과 동일합니다. 다음 섹션에서 단계를 빠르게 보여드리겠습니다.

맞춤형 WooCommerce 로그인 양식을 만드는 방법

맞춤형 WooCommerce 로그인 양식을 만들려면 ProfilePress > Forms & Profiles > Login > Add New 로 이동하십시오.

끌어서 놓기 빌더 를 선택합니다. 양식에 이름을 지정한 다음 미리 작성된 템플릿 중 하나를 선택합니다.

그런 다음 사용자 정의 필드를 추가 하고 필요에 따라 양식 의 모양을 수정 합니다.

마지막으로 기본 WooCommerce 로그인 양식을 새 사용자 정의 양식으로 바꾸려면 ProfilePress > 설정 > WooCommerce > 내 계정 로그인 양식 으로 이동 하여 새 로그인 양식을 선택합니다 .

새 로그인 양식을 전체 웹사이트의 기본 로그인 양식으로 만들려면 ProfilePress > 설정 > 일반 > 글로벌 로 이동하십시오. 그런 다음 로그인 페이지 옵션에서 새 사용자 정의 로그인 양식 을 선택하십시오.

사용자 정의 로그인 페이지가 당사 웹사이트에서 어떻게 표시되는지는 다음과 같습니다.

이제 사용자 지정 WooCommerce 로그인 양식을 만드는 방법을 알게 되었습니다.

내 계정 페이지의 기본 등록 양식과 로그인 양식을 모두 ProfilePress의 사용자 정의 양식으로 바꾸면 다음과 같이 사이트에 표시될 수 있습니다.

WooCommerce 스토어에는 등록 및 로그인 양식 외에 방문자가 자주 사용하는 또 다른 중요한 양식인 체크아웃 양식이 있습니다. 다음에서는 결제 양식 사용자 지정을 고려해야 하는 이유와 정확히 어떤 단계를 수행해야 하는지 살펴보겠습니다.

WooCommerce Checkout에 사용자 정의 등록 필드 추가

결제 페이지에 사용자 정의 필드를 추가하는 것은 고객으로부터 추가 정보를 수집하는 좋은 방법입니다. 예를 들어 고객이 소셜 미디어 계정을 추가하여 등록 프로세스를 더 쉽게 만들 수 있습니다. 이는 더 나은 고객 경험을 제공하고 매출을 높이는 데 도움이 됩니다.

WooCommerce > 설정 > 계정 및 개인정보 보호 로 이동하여 고객이 결제하는 동안 계정을 생성하도록 허용 을 선택합니다.

그런 다음 ProfilePress > 설정 > 사용자 정의 필드 로 이동합니다. 이 페이지에서 사용 가능한 하나 또는 두 개의 사용자 정의 필드를 찾을 수 있습니다. 사용자 정의 필드를 더 추가하려면 새로 추가 를 선택합니다.

ProfilePress는 다음과 같은 사용자 정의 필드 유형을 지원합니다.

• 텍스트
• 비밀번호
• 이메일
• 전화
• 히든 필드
• 숫자
• 날짜
• 국가
• 텍스트 영역
• 단일 체크박스
• 파일 업로드
• 드롭다운 선택
• 라디오 버튼
• 체크박스

필요한 모든 필드를 생성했으면 설정을 저장 한 다음 ProfilePress > 설정 > WooCommerce > 체크아웃 등록 필드 로 이동합니다. 방금 만든 등록 필드를 추가합니다 .

필드를 필수로 만들려면 필수 등록 필드 에서 필수라고 생각 하는 필드를 추가하십시오 .

변경 사항을 저장하는 것을 잊지 마십시오.

그게 다야 이제 맞춤형 체크아웃 등록 양식이 생겼습니다.

결론

맞춤형 WooCommerce 등록 또는 양식을 통해 사용자 정보를 수집하면 매출을 높일 수 있습니다. WooCommerce는 필드를 추가하거나 양식에 모든 유형의 사용자 정의를 수행하는 옵션을 제공하지 않으므로 WooCommerce 양식을 수정하려면 ProfilePress와 같은 플러그인이 필요합니다.

즉, ProfilePress는 단순한 양식 빌더 이상입니다. 사용자 프로필 및 구성원 디렉터리를 관리하는 데 도움이 될 수 있습니다. 무엇보다도 웹 사이트의 콘텐츠에 대한 액세스를 제한하는 데 도움이 될 수 있습니다. ProfilePress에 스핀을 주세요!

가이드가 마음에 들었다면 다른 WooCommerce 가이드도 도움이 될 것입니다. 저희 블로그를 살펴보세요.