워드프레스 쇼핑몰, 웹사이트

사이트 이미지
쇼핑몰

남성의류 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

사이트 이미지
웹사이트

회원관리 사이트

회원관리 프러그인을 이용한 학회 홈페이지.

사이트 이미지
쇼핑몰

면도기 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

사이트 이미지
쇼핑몰

해외 쇼핑몰

해외 대상 쇼핑몰. 다양한 플러그인 사용됨.

사이트 이미지
쇼핑몰

강아지 용품 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

포트폴리오 보기

블로그 인기글

커스텀 디자인

여러 종류의 플러그인을 이용해 페이지와 콘텐츠를 커스텀 디자인

Brizy Pro

페이지 빌더

다양한 콘텐츠를 만들 수 있는 프론트 엔드 페이지 빌더

Elementor Pro

페이지 빌더

다양한 콘텐츠를 만들 수 있는 프론트 엔드 페이지 빌더

Advanced Custom Field Pro

사용자 정의 필드

커스텀 콘텐츠 작업에 필요한 플러그인

Pods

사용자 정의 콘텐츠 타입

기본 콘텐츠 타입외에 다양한 형태의 콘텐츠 생성.

블로그

필자가 수년 전 우커머스를 이용한 워드프레스 쇼핑몰 서적을 기획할 때 가장 절실한 것이 결제 플러그인이었습니다. 한국형 결제 플러그인이 없으면 책을 발행한다고 해도 거의 무용지물이었기 때문입니다. 그래서 결제 플러그인을 개발할 분을 모신다는 글을 올렸는데 몇 개월이 지나서 어느 한 업체에서 결제 플러그인을 개발중이니 면담을 요청했습니다. 이 업체가 플래닛 에잇이라는 워드프레스 개발사였습니다. 이후 책은 발간됐고 이 플러그인의 사용법을 서적에 포함시켰습니다. 


이 업체는 그 이후에도 여러 가지 결제 게이트웨이에 필요한 플러그인을 개발하였으며 수 개월 전에 모든 결제 플러그인을 무료로 개방한다고 연락이 왔습니다. 결제 플러그인 뿐만아니라 청구주소를 한국형에 맞게 우편번호를 검색해 입력할 수 있는 플러그인과 배송 플러그인까지 개발해 무료로 공개하고 있습니다.



결제 플러그인은 국내 거의 모든 PG사를 지원하고 있으며 무료로 개방하는 대신 이 회사를 통해 상점의 머천트 아이디와 머천트 키를 받아야 사용이 가능합니다. 설치방법을 알아보겠습니다.


플러그인 설치하기



플러그인 추가하기 화면에서 "woopay"로 검색하면 관련 플러그인이 검색됩니다. 워드프레스의 플러그인 저장소에 있는 것이므로 별도로 다운로드 받지 않고도 검색해 설치할 수 있는 것입니다. 다섯 개의 결제 플러그인이 있고 주소 검색 플러그인과 배송 플러그인도 나타납니다. 원하는 PG사의 플러그인을 대상으로 "지금 설치하기" 버튼을 클릭해 설치하고 활성화 합니다. 다시 이 페이지에서 검색해 우편번호 검색과 배송 플러그인을 설치, 활성화 합니다.


PG사 가입하기


바로가기


위 버튼을 클릭하면 플래닛에잇의 PG사 가입 화면이 나타납니다. 나이스페이의 경우 다른 회사에서 만들어진 결제 플러그인은 없는 것 같습니다.



원하는 PG사의 "가입 신청하기" 버튼을 클릭하면 아래와 같은 화면이 나타납니다.



관련 정보를 입력하고 하단에서 다음 단계로 진행해 가입을 완료합니다.



진행 절차는 위와 같으며 쇼핑몰이 개발단계에서는 심사가 안됩니다. 사이트가 완성되고 판매 단계에 있어야 심사가 진행되며 예를들어 비어있는 메뉴가 있다거나 하면 심사가 지연됩니다. 심사 전에 결제 플러그인을 테스트 해보려면 테스트 모드를 사용할 수 있어서 편리합니다.


결제 테스트 모드 사용하기



관리자 화면에서 우커머스 - 설정 - 결제로 가면 네가지 링크가 만들어져 있습니다. 각 링크를 클릭해 "결제 수단 활성화"에 체크하고 "테스트 모두가 활성화 됩니다"에도 체크하고 저장합니다.



PG사에서 심사가 완료되면 머천트 ID와 머천트 키가 발급되므로 위처럼 입력하고 저장하면 됩니다.



상품을 장바구니에 넣고 결제 화면으로 이동하면 위와 같이 간단한 정보 입력란으로 나타납니다. "우편번호 찾기" 버튼을 클릭하면 팝업창이 나타나 주소를 검색하고 클릭하면 우편번호가 자동으로 입력됩니다.



결제 부분에서는 "휴대폰 소액 결제"를 제외하고 모두 나타납니다. 신용카드에 체크하고 주문확정 버튼을 클릭합니다.



다음 화면에서 위처럼 테스트 모드라는 주의 메시지가 나오고 팝업창에서 확인 버튼을 클릭하면 다음과 같은 결제 창이 나타납니다. 



이 다음부터는 일반적인 신용카드 결제 방법에 의해 진행하면 됩니다.



실제로 신용카드 정보를 입력하고 테스트 모드에서 결제를 해봤습니다. 주문 상세가 위와 같이 나옵니다. 주문 이메일도 동시에 발송됩니다. 



몇 분 후에 PG사의 이메일도 옵니다. 테스트 모드에서는 실제 결제과정이 진행되지만 결제는 실제로 이뤄지지 않으며 나중에 실패한 결제 이메일이 오게 됩니다.



배송 플러그인 사용하기



관리자 화면에서 우커머스 - 택배 배송 정보 - 활성 택배사를 클릭하고 주로 사용하는 택배사에 체크한 다음 우선 순위를 설정합니다.



주문 상품의 주문 편집화면으로 들어가면 배송준비중으로 나옵니다. 일반적으로 우커머스에서는 신용카드 결제가 완료되면 진행중(Proccesing)으로 나오며 배송 플러그인의 추가로 인해 배송준비중으로 나오는 것입니다. 우측의 WooShipping 박스에서 상품에 체크하고 택배사를 선택한 다음 송장 번호를 입력하고 발송 버튼을 클릭합니다. 그런 다음 추가적으로 주문작업 박스에서 완료된 주문을 선택하고 주문 저장하기 버튼을 클릭하면 고객에게 이메일이 발송됩니다. 



고객은 내 계정으로 들어가 최근 주문 목록에서 보기 버튼을 클릭하면 위와 같이 배송추적 목록이 나옵니다. 송장번호를 클릭하면 팝업창에서 배송추적 과정을 확인할 수 있습니다. 


이상으로 플래닛에잇에서 제공하는 무료 플러그인의 사용법에 대해 알아봤습니다. 이전에는 고가의 비용을 지불해야만 이용이 가능했었지만 이제는 무료로 사용할 수 있게 됐습니다. 이러한 무료 개방은 개발사의 의도대로 워드프레스의 저변확대가 될 것으로 생각합니다.