워드프레스 오픈마켓 쇼핑몰 워프토비 설정하기


오늘은 워드프레스로 손쉽게 오픈마켓을 구성할 수 있는 워프토비 솔루션의 설정방법에 대해서 알아보도록 하겠습니다. 

설정을 하기 위해서는 먼저 Wordpress와 워프토비(WPTOBE)가 설치가 되어있어야겠죠? 

WPTOBE의 소개와 통합설치는 아래 포스팅을 참고하시기 바랍니다.



먼저 WPTOBE가 설치되면 아래 그림과 같이 관리자화면에 'WPTOBE' 메뉴가 생성된 것을 확인할 수 있습니다. 'WPTOBE'를 눌러주세요.


워프토비를 세팅하는 화면이 나오는데요. 헤더(Header)와 푸터(Footer)등을 설정할 수 있습니다. 먼저 1번 'Header' 메뉴를 누르고 2번 'wptobe-1-0018'을 선택합니다. 


푸터를 설정하기 위해서 아래 그림에서 1번 'Footer' 메뉴를 누르고 2번 'wptobe-1-0010'을 선택합니다. 선택이 다되었으면 'Save Changes' 버튼을 눌러서 변경한 설정을 저장합니다.


저장을 하고나서 웹페이지를 확인하니 아래 그림과 같이 헤더와 푸터가 변경된 것을 확인할 수 있습니다.


위젯 변경하기


이제 위젯를 새롭게 변경하겠습니다. 관리자화면에서 1번 'Appearance > Widgets' 메뉴는 선택합니다. 그러면 오른쪽에 등록된 위젯을 볼 수 있는데요. 


현재는 2번과 같이 디폴트에 'Recent Posts'와 'Recent Comments'가 등록되어있습니다. 이 두개를 모두 삭제합니다.


그런뒤에 조금전 삭제한 디폴트 위젯에 Wptobemv Shop 0001 위젯을 'Add Widget' 버튼을 클릭해서 추가합니다.


그러면 아래 그림과 같이 Default 위젯에 추가된 것을 확인할 수 있습니다.


이제 웹사이트 화면을 보면 다음과 같이 변경된 것을 확인 할 수 있습니다.


메뉴 구성


이제 웹사이트 메뉴를 구성하기 위해서 'Select a menu to edit' 항목에서 1번과 같이 'WPTOBE User Profile'을 선택한 뒤에 메뉴를 2번과 같이 구성하여 줍니다. 

Selling과 Buying과 Logout 메뉴를 'User' 하위 메뉴에 추가했습니다. 구성을 마치면 'Save Menu' 버튼을 눌러서 저장합니다.


메뉴 구성이 정상적으로 되었는지 웹사이트 화면에 들어가보겠습니다. 구성이 제대로되었다면 아래 그림과 같이 오른쪽 상단에 메뉴가 디스플레이됩니다.


Selling 페이지 구성


워프토비로 페이지를 구성하는 것은 간단합니다. 먼저 관리자화면의 왼쪽 'Pages > All Pages' 메뉴를 선택해서 'Selling' 페이지를 찾아서 편집화면으로 들어옵니다. 

아래 그림과 같이 편집화면(Edit Page)에 들어오면 가운데 'Add widget' 버튼이 보이실 것입니다. Selling 화면을 구성하기 위해서 'Add widget' 버튼을 클릭합니다.


그러면 'Wptobemv Menu 0001'과 'Wptobemv Selling 0001' 위젯이 있습니다. 각각 선택해서 추가해줍니다.


그러면 Selling 페이지에 상단에는 Menu 0001이 하단에는 Selling 0001이 추가된 것을 확인할 수 있습니다.


Buying 페이지도 Selling과 마찬가지 방법으로 위젯을 찾아서 추가해줍니다.


회원가입 멤버쉽 세팅


이번에는 워드프레스 관리자화면 왼쪽메뉴에서 'Memberships > Memberships'를 클릭합니다. 

멤버쉽 설정화면이 나오면 아래와 같이 Password와 Confirm Password 란에 체크한 뒤에 'Save Changes' 버튼을 클릭해서 저장합니다.


이제 웹사이트 화면에 들어오면 다음과 같이 간단한 회원가입 입력양식이 나타난 것을 확인할 수 있습니다. 입력란에 정보를 입력하고 회원가입을 진행합니다.


상품 카테고리 등록


이제 우커머스의 상품 카테고리를 등록할 차례입니다. 'Products > Categories' 메뉴를 누릅니다. 입력란에 필요한 상품 카테고리를 등록합니다. 상하위 구조로 카테고리를 구성하고자하면 'Parent Product Category' 항목에서 부모에 해당하는 분류를 지정하시면 됩니다.


이제 상품 카테고리를 등록하였으므로 판매할 상품을 등록하도록 하겠습니다. 판매자로 로그인해서 'Your Listing' 메뉴에서 상품등록을 진행합니다. 먼저 상품이미지를 등록하고 분류를 지정합니다.


분류 지정이 되었다면 상품 설명을 입력하고 저장버튼을 클릭합니다.


웹사이트 화면에 보면 등록한 분류에 정상적으로 상품이 나타나는 것을 확인할 수 있습니다.


브랜드 등록하기


이제 상품의 브랜드를 등록하겠습니다. 'Products > Tags' 메뉴를 클릭한 뒤에 입력칸에 등록한 상품의 브랜드명을 추가합니다.


그리고 판매자로 로그인해서 한개의 상품을 더 등록하면서 아래와 같이 브랜드를 지정한 뒤에 상품을 저장합니다.


이제 웹사이트 화면에 들어와보면 등록한 브랜드 리스트가 나오고 해당 브랜드를 선택하면 분류에 해당하는 상품이 나오는 것을 확인할 수 있습니다.


상점 정보 변경하기


판매자의 상점 정보를 변경하기 위해서는 'Vendor' 메뉴에서 수정이 가능합니다. 'Vendor'를 메뉴를 누르고 상점 정보 설정화면에서 상점의 이름과 상점 로고를 변경합니다.


상점 전화번호와 이메일, 주소등도 최신 정보로 업데이트한 뒤에 'Save Changes' 버튼을 눌러서 저장해줍니다.


저장이 완료되면 변경한 상점에 대한 정보와 로고가 아래 그림처럼 나타납니다. 판매자에 대한 정보도 수정할 수 있는데요. 오른쪽 상단을 클릭합니다.


판매자에 대한 프로필을 변경할 수 있는 화면이 나타나고 프로필 이미지나 이름, 이메일등을 수정한 뒤에 저장버튼을 눌러서 저장합니다.


웹사이트 화면으로 들어오면 판매자에 대한 정보가 정상적으로 변경된 것을 확인할 수 있습니다.


지금까지 워드프레스에서 오픈마켓을 손쉽게 구현할 수 있는 워프토비 설정하기에 대해서 알아보았는데요. 좀더 상세한 정보를 확인하실 분들은 네이버 워드프레스 사용자모임 카페에 들어가시면 도움을 받으실 수 있습니다. 감사합니다.

오픈마켓 워프토비 통합설치 방법


워프토비는 워드프레스 코어를 포함해서 오픈마켓을 구현하기 위한 플러그인과 테마를 통합설치 버전을 배포하고 있는데요. 

통합설치를 하게되면 필요한 플러그인과 테마등을 개별로 설치하는 것보다 한번에 FTP로 설치하기 때문에 편리하게 이용하실 수 있습니다.

워드프레스로 오픈마켓 쇼핑몰을 손쉽게 구현할 수 있는 WPTOBE에 대해서 궁금하신 분들은 직전 포스팅인 아래를 참고하시면 됩니다.


그럼 시작해보겠습니다. 먼저 프로그램을 설치하기 위해서는 워프토비 공식 사이트에 접속하셔야 합니다. 공식사이트에 접속하시면 아래와 같은 홈페이지가 나타나는데요. '워드프레스 워프토비 화장품 오픈마켓 통합설치'를 선택하여주세요.


그러면 통합설치본을 다운로드할 수 있는 버튼이 우측에 보입니다. 'Free Download' 버튼을 클릭해서 프로그램을 내려받습니다.


프로그램의 다운로드가 되면 아래 그림과 같이 선택해서 '열기' 메뉴를 클릭합니다.


압축된 파일의 구성을 보면 워드프레스 코어인 wp-admin, wp-content, wp-includes 폴더가 함께 있는 것을 확인할 수 있습니다. 다운받은 압축파일을 로컬 컴퓨터에 압축을 해제합니다.


워프토비 패키지 FTP 업로드


압축의 해제가 모두 완료되면 FTP 프로그램을 실행시켜서 실제 설치할 호스팅에 접속합니다.


압축해제한 파일을 FTP로 호스팅의 다큐먼트 루트 폴더인 public_html 폴더에 드래그해서 업로드 하시면 됩니다. 호스팅 업체에 따라서 다큐먼트 루트 이름은 상이할 수 있다는점 유의하시구요.


워드프레스 설치


FTP 업로드가 모두 끝나면 웹브라우저를 열고 해당 호스팅의 URL에 접속합니다. 아직 워드프레스가 설치된 것이 아니기 때문에 아래 화면과 같이 설치 설정화면이 나타납니다. 'Let's go!'버튼을 클릭합니다.


해당 호스팅의 데이터베이스 이름과 DB 계정 정보를 입력한 뒤에 'Submit' 버튼을 누릅니다.


'Submit' 버튼을 눌렀을때 간혹 아래와 같이 'Sorry, but I can't write the wp-config.php file.'이라는 문구가 나온다면 한가지 간단한 코드 편집작업을 하면 됩니다. (이런 문구가 나오지 않는다면 코드 편집작업하실 필요는 없습니다.)


소스편집작업은 간단한데요. 사용하시는 소스 에디터 프로그램을 열어서 wp-config.php 파일을 연 뒤에 다시 저장하신 뒤에 호스팅에 다시 업로드하시면 됩니다.

     

그런 뒤에 'Run the install' 버튼을 선택해서 설치를 진행합니다.


설치를 위한 정보를 입력한 뒤에 'Install Wordpress' 버튼을 클릭해서 설치를 시작합니다.


간단한 설치가 완료되고 'Success!' 문구가 나타나는 것을 확인할 수 있습니다. 'Log in'버튼을 클릭해서 로그인을 진행합니다.


설정했던 로그인 계정 정보를 입력하시면 되구요.


폴더 권한 조정


로그인이 되면 아래그림과 같이 워드프레스 관리자화면이 나타나게 됩니다. 한 가지 확인할 사항이 있는데요. 이미지 파일이 잘 업로드 되는지 확인하기 위해서 미디어 메뉴를 선택해서 이미지 파일을 업로드 해봅니다.

아래와 같이 이미지 업로드가 되면 정상입니다. 만약 업로드가 잘 되지 않는다면 파일질라 FTP로 접속해서 /wp-content/uploads/ 폴더의 권한을 777로 변경합니다.


고유주소 설정


이제 고유주소 부분을 설정할 차례입니다. 설정(Setting) > 고유주소(Permalinks) 메뉴를 눌러서 포스트 이름을 글이름(Post name)으로 선택한 뒤에 저장합니다.


플러그인 활성화


워프토비 오픈마켓 통합솔루션을 이용하기 위해서는 플러그인(Plugins) 메뉴를 선택해서 설치되어있는 모든 플러그인을 차례로 활성화합니다.


테마 변경


먼저 'Appearance > Themes' 메뉴를 선택해서 1번과 같이 워프토비 테마를 활성화합니다. 그 뒤 2번 위젯 'Widgets' 메뉴를 선택합니다.


위젯 화면에 들어오면 워드프레스 설치시에 디폴트로 'Recent Posts'와 'Recent Comments'이 Defalut 위젯에 등록되어 있는 것을 알수 있습니다. 기본 위젯에 등록된 'Recent Posts'와 'Recent Comments'를 삭제합니다.


그리고 워프토비 Shop 001 위젯을 디폴트 위젯에 추가해야하는데요. 'Defalut'를 선택한 뒤에 'ADD Widget' 버튼을 클릭합니다.


이제 디폴트 위젯에 워프토비 Shop 001 이 추가된 것을 확인할 수 있습니다.


이제 멤버쉽 설정을 하나해야합니다. 왼쪽에서 1번의 Memberships > Memberships를 선택합니다. 그리고 2번 Password와 Confirm Password 항목에 체크합니다.


이제 왼쪽의 워프토비(WPTOBE) 메뉴를 선택해서 1번 Header를 누르고 2번 wptobe-1-0018 을 선택합ㄴ다.


헤더 설정을 마쳤으면 푸터도 1번 Footer를 클릭해서 2번 'wptobe-1-0010'을 선택합니다.


헤더와 푸터 설정이 끝나면 'Save Changes' 버튼을 누릅니다.


이로써 워드프레스 오픈마켓 쇼핑몰을 만들 수 있는 워프토비 통합설치 방법에 대해서 알아보았습니다. 조금더 자세한 내용을 원하시는 분들께서는 네이버 워드프레스 사용자모임 카페를 들어가시면 됩니다. 감사합니다.
오늘은 워드프레스로 오픈마켓 쇼핑몰을 구현하는 방법에 대해서 안내드리도록 하겠습니다. 일반적인 쇼핑몰과 틀리게 오픈마켓 시스템을 구축하는 것은 그렇게 간단하지는 않습니다.

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 해보았습니다. 좀더 상세한 내용을 원하시는 분들께서는 네이버 워드프레스 사용자모임 카페에 접속하시면 여러가지 도움을 받으실 수 있습니다. 감사합니다.

+ Recent posts