my.graphic.blog

my graphic blog..

You can scroll the shelf using and keys

워드프레스를 이용한 정기결제 쇼핑몰

December 15, 2017

justdoeat_thumb

woocommerce의 subscriptions플러그인을 사용하여 구현

정해진 기간동안 자동결제가 진행되어 소비자에게는 정기적으로 상품을 받아볼수 있는 편의성을 제공하면서 업체는 고정 소비자를 확보해서 안정적 수입확보가 가능해질 것이라는 고려로 제작된 사이트.

상품구성은 단품, 세트(10팩/15팩/20팩), 정기배송 상품 3가지로 구성된다.
상품페이지에서 옵션들이 보여지는 방식이 다수의 쇼핑몰에서는 드롭다운메뉴로 상품선택 보여지는데, 나열된 것에서 고르는 방식보다는 소비자 입장에서 필요한 중량과 수량에 대한 고민을 할수 있게 옵션들을 단계적으로 보여지게 했다.
정기배송 상품을 선택하면 아래와 같은 옵션이 보여진다.

데스크탑PC 뿐만아니라 모바일에서도 레이아웃의 어그러짐없이 잘 보여야해서 배송주기 선택을 화면의 가로폭이 넓게 남았음에도 세로로 1개 옵션씩 표현되게 배치했다.
구매시 로그인 방식은 별도의 회원가입이 필요하지 않은 소셜로그인도 넣었다. 많은 사이트에서 소셜로그인 방식으로 페이스북/트위터/ 구글 계정까지가 제공되는데 우커머스의 소셜로그인 방식 예시로 인스타그램 로그인 설정이 되는 것을 보고 인스타그램 계정 로그인도 사이트에 넣었다.

인스타그램 로그인은 인스타그램 디벨로퍼 페이지(https://www.instagram.com/developer) > clients manage > permissions에세 인스트그램 계정이 자신의 쇼핑몰에서 어떻게 사용되는지를 쇼핑몰 내에서 상품구매 행동과 로그인창, 마이페이지에서 보여지는 것들을 동영상으로 찍어 링크도 올려야 약간의 심사시간이 지난 후 승인된다. 동영상이 부실하면 승인이 나지않을수도 있다.

What do you think?

Please keep your comments polite and on-topic.

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s