WooCommerce 로그인과 가입 폼을 꾸미는 방법
WooCommerce 로그인과 가입 폼은 어떻게 꾸밀까요? 오늘날 온라인에서 부지런히 사업을 꾸리고 있다면 WooCommerce를 쓰고 있을 가능성이 큽니다. 간단히 말해 WooCommerce는 오랫동안 꾸준히 자리를 넓혀 온 WordPress 이커머스 플러그인입니다. 로그인과 가입 폼을 꾸미는 법을 익히면 이커머스 운영을 한 단계 끌어올릴 수 있습니다.
Bright Plugins가 정리한 이 글에서 방법을 살펴보세요.
User Registration 활용하기
WooCommerce 로그인을 비롯해 여러 부분을 손보고 싶다면 User Registration이라는 플러그인을 살펴볼 때입니다. 이 플러그인은 군더더기 없이 매끄러운 가입·로그인 폼을 만들 수 있게 해 줍니다. 드래그 앤 드롭 방식이라 다루기가 아주 쉽습니다. 코딩을 모르더라도 이 화면 하나로 많은 것을 해결할 수 있는데, 온갖 조정을 어렵지 않게 관리할 수 있기 때문입니다.
사용법도 어렵지 않습니다. 설치하기만 하면 곧바로 시작할 수 있습니다.
https://wpeverest.com/wordpress-plugins/user-registration/
추가 항목 넣기
앞서 소개한 플러그인을 쓰면 기존 가입 폼에 항목을 더 넣을 수 있습니다. 새 폼을 만든 뒤 "Fields"를 눌러 배송지와 청구지 관련 항목을 관리하는 것으로 시작하면 됩니다.
기본 폼과 바꿔 놓기
가입이나 로그인용 새 폼을 만들었다면 WooCommerce 기본 폼과 바꿔 놓을 수 있습니다. Settings로 가서 Accounts and Privacy를 클릭한 뒤 Account Creation으로 이동하세요. 고객이 스스로 계정을 만들 수 있게 할지 묻는 항목에 체크하고, 마지막으로 변경 사항을 저장하면 됩니다.
이어 Settings에서 WooCommerce를 클릭하면 사용할 가입 폼을 고를 수 있습니다. "Check this option"에 체크해 기본 가입·로그인 페이지를 바꿔 놓으세요. 그러면 직접 만든 WooCommerce 가입·로그인 폼이 나타납니다.
가입 페이지를 따로 보고 싶다면 User Registration으로 가서 숏코드를 가져와 복사하세요.
추가 항목 표시하기
사용자가 새 계정을 만들면 곧바로 "My Accounts"로 이동합니다. Account Details로 가면 가입이나 로그인 페이지에 딸린 추가 정보를 확인할 수 있습니다.
결제 화면에 계정 만들기 넣기
고객이 더 수월하게 이용하도록 하고 싶다면 방법은 간단합니다. 직접 만든 가입 폼을 결제 페이지에 띄울 수 있습니다. 결제 과정에서 WooCommerce 계정을 만들게 하려면 Settings에서 Accounts and Privacy로 간 뒤 Accounts Creation을 클릭하고 "allow customers to create accounts during checkout"에 체크하세요.
디자인을 새로 다듬기
User Registration은 가입·로그인 폼을 온전히 자기 것으로 만들고 싶은 분에게 큰 변화를 가져다주는 플러그인입니다. Style Customizer라는 기능을 활용하면 가입 폼의 겉모습을 통째로 바꿀 수 있습니다. 사용법도 어렵지 않고, 드래그 앤 드롭으로 결과를 곧바로 확인할 수 있어 시간을 허비할 일이 없습니다.
Style Customizer를 구입하면 이미 쓰고 있는 WooCommerce 폼을 다듬을 수 있고, 새로 만들 수도 있습니다. 그런 다음 Form Designer 버튼을 누르세요. 화면 오른쪽 아래에 붓 모양으로 눈에 잘 띄게 자리하고 있습니다.
그러면 커스터마이저 패널이 무리 없이 열립니다. 여기서 가입·로그인 폼의 여러 디자인 요소를 손볼 수 있습니다. 버튼, 체크박스, 항목 이름, 폼 테두리 등 다양한 부분을 조정할 수 있고, CSS와 메시지, 구역 제목에 쓸 수 있는 추가 옵션도 마련되어 있습니다.
다듬기를 마쳤다면 지체 없이 저장하세요. Style Customizer에서 바꾼 내용은 WooCommerce 가입·로그인 폼에 곧바로 반영됩니다. 어디서든 자신의 온라인 스토어에서 결과를 확인하고 싶은 분에게 특히 도움이 됩니다.
https://wpeverest.com/wordpress-plugins/everest-forms/style-customizer/
WooCommerce 가입 폼을 꾸며야 하는 이유
대부분의 온라인 사업자가 그렇듯, 가입 폼을 손봐야 할 이유는 분명합니다. 로그인 부분을 다듬으면 여러 가지가 단순해집니다. 시간을 내어 스토어를 둘러보는 고객에게 더 편한 환경을 만들어 줄 수 있습니다.
로그인을 비롯한 여러 부분을 손보려는 이유는 여럿 있습니다. 우선 항목 선택이 제한적이라는 점이 걸립니다. 기본 로그인 폼에는 계정을 만들기에 충분한 항목이 있지만, 항목을 더 넣고 싶은 사람은 곧바로 그렇게 할 수 없습니다. 이럴 때 폼을 직접 꾸미는 일이 힘을 발휘합니다.
WooCommerce의 가입·로그인 폼은 기본적으로 한 페이지에 함께 나타납니다. 각각 별도의 페이지로 두고 싶다면 폼을 손봐야 합니다. 가입과 로그인을 위한 개별 페이지를 만들 수 없다는 점은 답답하게 느껴질 수 있고, 이를 넘어서려면 코드를 손대야 할 수도 있습니다.
디자인에도 제약이 있습니다. 다행히 폼을 직접 꾸미면 대부분 그 제약을 뒤집을 수 있습니다. 기본 가입·로그인 폼이 답답하고 지루해 보인다면 직접 꾸미는 일이 해법이 될 수 있습니다. WooCommerce는 이 부분을 개별적으로 바꿀 수 있게 해 주지 않습니다. 테두리나 글자 형식, 색상을 마음껏 쓰지 못해 아쉬웠다면 여기서 답을 찾을 수 있습니다.
그런데 가입·로그인 페이지에 왜 이렇게 공을 들여야 할까요? 그렇게 하면 더 많은 고객을 데려올 길이 열립니다. 소중한 고객에게 확실한 이유를 만들어 주고, 누구나 쉽게 쓸 수 있는 화면을 제공할 수 있습니다. 온라인 스토어를 한 단계 끌어올리고 싶은 사업자에게는 이런 세부가 크게 중요합니다.
요즘 시대에 웹사이트의 사용성은 무엇보다 중요합니다. 사이트가 쓰기 불편하다는 생각이 조금이라도 든다면 곧바로 손을 써야 합니다. 간결한 로그인 폼에 투자하는 것만으로도 사용성이 크게 좋아집니다. 로그인 방법을 여러 가지 마련해 두는 것도 현명합니다. 선택지가 있으면 사용자가 부담을 덜 느끼고 주문과 관리도 빠르게 이어지기 때문입니다.
이커머스에 대해 더 도움이 필요하다면 Bright Vessel에 연락해 주세요.