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

사이트 이미지
쇼핑몰

남성의류 정기결제 쇼핑몰

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

사이트 이미지
웹사이트

회원관리 사이트

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

사이트 이미지
쇼핑몰

면도기 정기결제 쇼핑몰

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

사이트 이미지
쇼핑몰

해외 쇼핑몰

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

사이트 이미지
쇼핑몰

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

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

포트폴리오 보기

블로그 인기글

커스텀 디자인

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

Brizy Pro

페이지 빌더

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

Elementor Pro

페이지 빌더

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

Advanced Custom Field Pro

사용자 정의 필드

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

Pods

사용자 정의 콘텐츠 타입

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

블로그

DIY! 워드프레스 쇼핑몰 책에서 우커머스 2.1 버전용 결제 플러그인을 엑심베이에서 만든 것으로 테스트 했었는데 최근에 국내에서 개발된 유료 플러그인이 출시돼 2종을 소개합니다. 하나는 페이게이트(Paygate)용이고 다른 하나는 엘지 유플러스(LG U+)용이며 개발 회사는 플래닛 에잇(Planet8)입니다.


http://www.planet8.co/


1. 페이게이트



구매를 하고 압축 해제하면 3개의 압축파일이 있습니다. 주소 자동 입력 기능, 결제 플러그인, 한국형 배송 방법 플러그인입니다. 압축해제하고 플러그인 폴더로 이동해 활성화 합니다.



우커머스 설정 결제 탭에 오면 여러가지 결제 방법이 나타납니다. 특히 해외 신용카드는 원화로는 안되므로 일반 탭에서 해외 통화로 변경해야 가능합니다.



각 결제 방법의 링크를 클릭하면 결제 수단이 활성화 돼있습니다. 테스트를 위해 테스트 모드용 상점 아이디가 이미 입력돼있습니다.



이 플러그인은 실제 사이트가 아닌 로컬호스트에서도 테스트가 가능하며 실제 결제도 이뤄집니다. 상품을 장바구니에 넣고 결제로 이동합니다. 이름을 입력하고 주소 검색을 클릭해 쉽게 정보를 입력할 수 있게 돼있습니다. 한국형 결제 스타일이 반영된 것이죠. 지불 방법에서 신용카드를 선택하고 주문 확정 버튼을 클릭합니다.


다음 화면에서 결제할 내용과 거래 약관 동의가 나타납니다. 동의를 클릭합니다.



다음 화면에서 카드 종류를 선택하고 계속 버튼을 클릭합니다. 이 플러그인은 외환카드는 IE에서만 가능하더군요. 거래 내역에서 테마에 따라 "상기 거래 내용~" 앞에 있는 체크 박스가 잘 안보이는데 아래처럼 스타일시트로 수정해줘야 합니다. 정보를 입력한 다음 결제를 클릭합니다.


#opa_form_content2 input {

width: 13px !important;

}




430원도 결제가 돼더군요.



결제가 완료돼고 주문 상세가 나타납니다.



이메일 통지도 날아옵니다. 특히 휴대전화 통지까지 돼더군요. 로컬에서 실험하는데도 실제로 결제가 되며 며칠 후에 결제 취소통지까지 옵니다. 테스트가 너무 확실하게 됩니다.


2. 엘지 유플러스



압축을 해제하면 마찬가지로 주소 자동 입력과 배송 방법 플러그인이 포함돼있습니다.



이전의 플러그인처럼 설치하고 활성화 한 다음 결제탭에서 보면 4 종류의 결제 방법이 나타납니다. 이 플러그인은 로컬에서 실험할 수도 없고 상점 아이디가 있어가 가능하므로 엘지 유플러스에 가맹점 승인을 받아야 할 수 있습니다. 그래서 개발사의 테스트 사이트에서 실험해봤습니다.



결제 화면입니다.



일반적인 카드 결제 절차에 따라서 팝업창의 형태로 나타납니다.




마지막으로 안전결제나 공인인증서를 입력하고 나면 결제가 진행됩니다.



결제 완료후 화면입니다.



결제 후 결제사의 이메일 통지입니다.



상점의 이메일입니다.