본문 바로가기

UX공작소에서 티스토리 블로그에서 사용할 수 있는 장바구니 모듈 BETA버전을 소개합니다. 현재 UX공작소 티스토리에 적용하여 실무에 사용하고 있으며 추후에 개선하고 배포할 예정입니다.

T스킨샵 소개

T스킨샵은 티스토리를 활용하여 티스토리 회원이라면 별도의 회원가입 절차없이 제품을 구매할 수 있도록 도와주는 장바구니 모듈입니다.
판매 할 수 있는 상품은 오프라인으로 배송하는 일반상품과 온라인으로 다운로드 받을 수 있는 소프트웨어 상품 입니다. 프로그램을 개발하는 개발자거나 수공예 같은 Makers 블로그를 운영한다면 자신의 상품을 판매할 수 있습니다. 티스토리에서 블로그와 연계하여 소규모로 간단히 판매하는 것에 초첨을 맞추었으므로 다양한 기능의 전문적인 쇼핑몰은 아니며 주문을 받고 배송하는 장바구니 기능에 초점이 맞춰져 있습니다.

티스토리용 장바구니(SHOP) 구매 절차

관리자화면을 통해 제품을 등록할 수 있고 등록된 제품은 티스토리의 Pages기능으로 상품리스트에 표시되며 티스토리 사용자가 볼 수 있고 구매를 진행할 수 있습니다.

소프트웨어 상품 구매 절차

소프트웨어의 상품인 경우는 절차가 간소합니다.

1. [회원] 구매요청 하기

티스토리 회원이 구매를 요청합니다.
만약 로그인 전이면 티스토리 로그인을 유도합니다.

2. [회원] 입금 하기

주문한 회원은 주문을 하고 제공된 입금 정보에 따라 입금을 합니다.

3. [관리자] 입금확인 하기

관리자는 입금 확인을 하고 관리자화면에서 입금확인을 클릭합니다.
(은행앱이나 은행에서 입금 알림 문자를 신청하면 입금이 되었을 때 관리자의 스마트폰으로 알림이 오는 것을 확인할 수 있습니다.)

4. [회원] 소프트웨어 다운로드 하기

관리자가 입금확인을 하면 상품 상세보기 화면이나 MY탭에서 해당 소프트웨어를 다운로드 받을 수 있습니다.

일반 상품 구매 절차

일반상품의 경우 배송에 관한 절차가 추가됩니다.

1. [회원] 구매요청 하기

티스토리 회원이 구매를 요청합니다.
만약 로그인 전이면 티스토리 로그인을 유도합니다.

2. [회원] 입금 하기

주문한 회원은 주문을 하고 제공된 입금 정보에 따라 입금을 합니다.

3. [관리자] 입금확인 하기

관리자는 입금 확인을 하고 관리자화면에서 입금확인을 클릭합니다.
(은행앱이나 은행에서 입금 알림 문자를 신청하면 입금이 되었을 때 관리자의 스마트폰으로 알림이 오는 것을 확인할 수 있습니다.)

4. [관리자] 배송 하기

관리자가 제품을 준비하고 배송을 한 후 배송정보(택배사, 송장번호)를 입력합니다.

5. [회원] 배송정보 확인

관리자가 배송정보를 등록하면 회원은 해당 정보(택배사, 송장번호)를 확인할 수 있습니다.

6. [회원] 상품 받기

실제 상품을 받습니다.

T스킨샵 기능별 설명

T스킨샵 접근 방법


T스킨샵은 위의 위치에서 접근할 수 있습니다.

상품 상세보기 화면

상품 상세보기화면에서 상세설명을 보고 상품을 구매할 수있습니다.

  1. 수량을 추가하면 실시간으로 총금액에 반영이 됩니다.
  2. 장바구니 또는 구매하기 버튼을 클릭하여 구매하고자 하는 상품을 장바구니에 담을 수 있습니다.
  3. 관리자가 작성한 상세보기 내용을 볼 수 있습니다. 보통 상세정보는 블로그에 작성되기 때문에 링크정도의 정보를 담을 수 있습니다.
  4. 만약 판매하는 상품이 소프트웨어라면 버전별로 다운로드할 수 있게 되어 있습니다.

다운로드탭에서는 구매한 티스토리 회원에게 다운로드 버튼이 활성화되어 보여지고 일반 회원이나 그냥 접근한 사람에게는 비활성된 버튼만 보여집니다.

  1. 자동으로 최신 버전을 다운 받을 수 있습니다.
  2. 각 버전별로 다운받을 수 있습니다.

MY 화면

MY화면에서는 회원을 위한 정보를 확인 할 수 있습니다. 현재는 구매리스트와 구매한 상품의 다운로드탭으로 구성되어 있습니다.

  1. 구매리스트 탭에서는 회원이 구매한 상품의 구매절차에 따라 내용과 실행을 할 수 있습니다
  2. 다운로드 탭에서는 구매한 상품에 대해 다운로드를 받을 수 있습니다.
  3. 현재 구매절차에 대한 진행 상태를 볼 수 있습니다. 주문취소, 구매확정등의 처리를 할 수 있습니다.
  4. 입금할 수 있는 방법을 제공합니다. 여러 입금방법 중 하나의 방법으로 입금하면 됩니다.

관리자 화면

관리자 화면은 티스토리 회원이면서 별도의 관리자로 등록을 해야 볼 수 있습니다.
상품을 등록하고 주문된 주문서를 처리 할 수 있습니다.

  1. 주문서탭에서는 회원이 주문한 내용을 보고 처리할 수 있습니다.
  2. 상품정보탭에서는 판매할 상품을 등록하고 수정할 수 있습니다.
  3. 회원이 구매한 상품의 구매절차에 따라 내용과 실행을 할 수 있습니다


상품정보탭에서는 상품정보를 등록하고 수정하고 활성화/비활성화 할 수 있습니다. 소프트웨어 상품인 경우는 버전 단위로 소프트웨어를 등록할 수 있습니다.

좀 더 많은 정보 보기

아래의 링크를 통해 확인해 보세요.

T스킨샵 보기 (https://uxgjs.tistory.com/pages/shop)

어쩌다보니여기까지

고급지게 만들어 저렴하게 배포는 공작소