워드프레스로 오픈마켓 쇼핑몰 만들기(우커머스 기반)

오늘은 워드프레스로 오픈마켓 쇼핑몰을 구현하는 방법에 대해서 안내드리도록 하겠습니다. 일반적인 쇼핑몰과 틀리게 오픈마켓 시스템을 구축하는 것은 그렇게 간단하지는 않습니다.

Wordpress를 사용해서 기본적인 쇼핑몰을 운영하기 위해서는 우커머스 플러그인은 필수이지만 한국상황에서는 여러가지 커스터마이징해야하는 부분이 있는 것이 사실입니다. 더구나 멀티벤터를 지닌 오픈마켓을 구현하는 것은 더욱 간단하지 않습니다.

그렇지만 오늘 소개드릴 워프토비를 활용하면 큰 어려움없이 무료로 오픈마켓 구현이 가능합니다. 그럼 시작해보겠습니다.

먼저 워프토비를 사용하기 위해서 필요한 플러그인과 테마가 필요합니다. 필수 프로그램은 다음과 같이 4가지 입니다.

  1. 우커머스 플러그인 2.5.5 버전
  2. 워프토비 멀티벤더
  3. 워프토비 멤버쉽
  4. 워프토미 테마


워프토비의 편리한 장점


일단 워프토비를 사용하게되면 가장 큰 장점중 하나는 위젯을 사용해서 쇼핑몰 메인디자인을 구성하는 부분입니다. 

일반적으로 워드프레스는 테마를 변경해야지만 화면의 전체적인 UI를 일괄적으로 변경할 수 있지만 워프토비는 플러그인으로 이런 기능을 구현해서 위젯을 조정만으로도 훌륭한게 웹페이지를 구성할 수 있습니다.


위의 4가지 필수 프로그램 외에도 몇가지 플러그인들을 추가적으로 구성하면 되는데요. 필요 프로그램들의 목록은 다음과 같습니다. 

  1. wptobe-shop-001 : 쇼핑몰 메인 홈페이지
  2. wptobe-selling-0001 : 판매자 페이지
  3. wptobe-buying-0001: 구매자 페이지
  4. wptobe-menu-0001: 페이지 상단 메뉴
  5. wptobe-1-0018 : 헤더
  6. wptobe-1-0010: 푸터

그럼 쇼핑몰 화면을 보겠습니다. 아래는 wptobe-shop-001 위젯 플러그인을 사용해서 구현한 오픈마켓 모습입니다. 

화면 상단에는 메뉴가 보이고 왼쪽의 1번 영역에는 상품카테고리와 가격, 브랜드를 선택할 수 있고 오른쪽 2번 영역은 상품의 리스트 화면이 나타납니다. 

위젯의 드래그앤 드롭으로 간단하게 화면을 구성할 수 있습니다. 또한 언제든지 다른 위젯으로 교체가 가능합니다.


또한 이 페이지는 우커머스의 Shop 페이지와 동일한데요. 일반적인 경우에는 테마를 변경하기 전에는 Shop 페이지를 변경할 수 없습니다. 

그 이유는 테마에 우커머스 템플릿파일이 포함되어있기 때문입니다. 이런 단점을 보완하기 위해서 워프토비는 이것을 위젯 플러그인으로 돌려서 언제든지 드래그앤드롭으로 쉽게 메인페이지를 바꿀수 있게 구성하였습니다. 

그럼 3번 상품을 클릭해보도록 하겠습니다.


3번 상품을 클릭하면 상품 상세페이지로 들어오게 되는데요. 여러가지 이미지를 등록하면 자동으로 상품 슬라이드로 전환되어 이미지가 보여지게 됩니다. 아래는 첫번째 상품이미지이고


두번째 상품이미지 


그리고 세번째 상품이미지가 보여지는 것을 확인할 수 있습니다. 아래 1번 영엑에는상품 설명과 댓글란이 있고 오른쪽 2번 영역에는 상품 주문버튼이 있고, 상품 주문버튼과 판매자에게 메세지를 보낼 수 있는 기능, 관심상품 등록기능, 판매자 상점페이지로 이동할 수 있는 링크가 제공됩니다.

그럼 판매자로 로그인을 해보도록 하겠습니다. 3번 [Sign in] 을 선택합니다.


판매자 화면


판매자의 로그인 계정을 입력해서 로그인 합니다.


판매자로 로그인하면 오른쪽 상단에 Selling 메뉴를 확인하실 수 있는데요. Selling은 판매자의 설정 및 운용 페이지 입니다. [Selling]을 선택합니다.


Selling에는 다섯개의 메뉴가 있는 것을 확인할 수 있습니다. 먼저 Order는 구매자가 주문했을 때 보여지는 판매 주문페이지입니다.


Your Listing은 새로운 상품을 등록하거나 등록한 상품을 수정하는 페이지입니다.


Vendor는 상점의 정보를 등록하는 화면입니다.


Shipping은 우커머스가 제공하는 배송비 계산시스템을 설정하는 곳입니다.


Report는 간단한 통계를 보여주는 화면입니다. 그럼, 상단의 [Buying] 메뉴를 선택하겠습니다.


Buying은 구매자를 위한 프로파일 메뉴입니다. 먼저 첫번째 Order를 클릭하면 구매자의 주문리스트를 보여줍니다.
Shipping Address는 배송지의 주소를 등록하는 곳입니다. Order-Tracking은 주문조회를 할 수 있고 My Wishlist는 관심상품 등록된 상품리스트를 보여줍니다. 

Profile, Inbox, Levels, Points, Settings은 워프토비 멤버스 관련 메뉴입니다.


워프토비 오픈마켓 기본 구매 프로세스


그럼, 새로운 판매자가 회원가입을 하고 상품을 등록하고 구매자가 구매하는 것을 확인해보도록 하겠습니다.

새로운 사용자로 회원가입을 하고 그 사용자로 로그인합니다.


판매자는 로그인해서 Selling 메뉴의 Your Lisiting 화면에 들어가서 [ADD A LISTING] 버튼을 클릭해서 새로운 상품을 등록합니다.


'DROP IMAGES HERE TO UPLOAD' 부분을 마우스로 선택해서 상품이미지를 등록하겠습니다.


열기 팝업이 뜨면 등록하기 원하는 상품이미지를 선택합니다.


선택한 상품이미지가 PHOTOS 부분에 등록된 것을 확인합니다. 상품명과 가격은 필수 항목입니다. 


상품 카데고리와 상세설명, 브랜드를 선택한 뒤에 [Submit] 버튼을 클릭해서 상품을 등록 절차를 마칩니다.


이제 구매자 ID인 user3로 로그인합니다. 


구매자로 로그인해서 판매자가 등록한 상품을 선택해서 상세페이지로 들어갑니다. 상품 상세페이지에 들어오면 구매하기 'Buy now' 버튼을 클릭합니다.


이제 구매자는 배송정보를 입력하고 결제를 진행합니다.




#266 주문이 완료된 것을 확인할 수 있습니다. 자신의 구매목록을 보려면 Buying 메뉴를 선택합니다.


주문목록에 조금전에 구매한 리스트가 나타나는 것을 확인할 수 있습니다. 이제 판매자 화면으로 이동하겠습니다.


주문을 확인하기 위해서 user1 판매자 계정으로 로그인합니다.


판매자로 로그인하니 Order 화면의 주문리스트에 조금전에 구매자가 주문한 #266 주문이 나타는 것을 확인할 수 있습니다.


판매자는 #266 주문을 클릭해서 주문 상세 내역을 확인하고 상품을 준비하게 됩니다.


지금가지 워프토비를 이용한 워드프레스 오픈마켓 시스템을 Overview 해보았습니다. 좀더 상세한 내용을 원하시는 분들께서는 네이버 워드프레스 사용자모임 카페에 접속하시면 여러가지 도움을 받으실 수 있습니다. 감사합니다.
이 댓글을 비밀 댓글로
    • 파란고기
    • 2018.04.15 16:23 신고
    현재(2018.4.15) wptobe 사이트에서 오픈마켓쇼핑몰 테마로 다운로드하여 설치하면 wptobe-1-0018과 wptobe-1-0010은 설치가 안되는데 왜 그런가요?