(Last Updated On: 2017-11-22)

시작하기 전에 상품 카테고리(Category), 태그(Tag), 속성(Attribute)상품타입(Product Types)을 먼저 알아보고 상품등록을 자세히 설명 드리겠습니다.

상품 카테고리(Category), 태그(Tag), 속성(Attribute)

상품을 등록하기 전에 상품 카테고리(Category), 태그(Tag), 속성(Attribute)에 대해서 먼저 알아보는것이 좋습니다.
카테고리(Category), 태그(Tag), 속성(Attribute)는 상품을 그룹으로 묶거나, 옵션을 줄때 사용합니다.
상품을 등록할 때 지정해 줄 수 있습니다.

  • 카테고리(Category)와 태그(Tag) : 카테고리(Category)와 태그(Tag)는 상품을 그룹으로 묶을때 사용합니다. 차이점은 카테고리의 경우는 계층구조(하위카테고리를 갖을 수 있음)를 갖을수 있는 반면, 태그는 계층구조를 갖지 못한다는 것입니다.
  • 속성(Attributes) : 상품의 옵션을 주는것을 말합니다. 예) Color, Size, …등. 개별 상품별로 옵션을 주기도 하고, 비슷한 유형의 카테고리나  태그별로 쇼핑몰 전체적으로 지정 할 수 있습니다.

카테고리, 태그, 속성에 대해서 보다 자세하게 알아 보시려면 아래 글을 참조하세요.
[fusion_fontawesome icon=”fa-suitcase” size=”” flip=”” rotate=”” spin=”yes” alignment=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” circle=”yes” iconcolor=”” circlecolor=”#e91e63″ circlebordercolor=”#e91e63″ animation_type=”” animation_direction=”down” animation_speed=”0.1″ animation_offset=””][/fusion_fontawesome]우커머스(WooCommerce) 상품카테고리, 태그, 속성 

Web Hosting

상품타입(Product Types)

  • 단순상품(Simple) – 가장많이 사용되는 상품타입 입니다.  예) 옵션이 없는 상품들.
  • 그룹상품(Grouped) – 단순상품들 여러개가 그룹으로 모여서 판매되는 상품타입. 예) 여러가지 색상의 유리컵들을 하나의 그룹으로 묶어서 판매하는 경우.
  • 가상상품(Virtual) – 배송이 필요없는 상품. 예) 로고제작 서비스.
  • 다운로드가능상품(Downloadable) – 가상상품과 비슷하지만 실제로 다운로드 받을 수 있는 형태의 상품. 예) 이미지, 이북(Ebook), 소프트웨어.
  • 외부연계상품(External or Affiliate) – 본인의 쇼핑몰 외부의 웹사이트에서 판매되는 상품들.
  • 옵션상품(Variable) – 하나의 제품종류 이지만 옵션에 따라서 상품일련번호(SKU), 가격(price), 재고(stock) 등을 따로따로 관리할 수 있어야 하는 상품. 예) 여러가지 Color와 Size를 갖는 의류.
  • 별도의 플러그인을 설치해서 새로운 상품 타입을 추가 할 수 있습니다. 예) 가입형 고객서비스 상품 : 회원사입비용을 받고 서비스를 제공하는 쇼핑몰인 경우

 

상품등록(Add Product)

[fusion_fontawesome icon=”fa-play-circle” size=”” flip=”” rotate=”” spin=”no” alignment=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” circle=”yes” iconcolor=”” circlecolor=”” circlebordercolor=”” animation_type=”” animation_direction=”down” animation_speed=”0.1″ animation_offset=””][/fusion_fontawesome] WooCommerce > Products > Add Product 으로 이동 합니다.

(위 화면설명)

Title 과 Description을 입력합니다.

[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#000000″ top_margin=”20″ bottom_margin=”20″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]

Product Data : 상품의 상세 정보를 입력 합니다.

Product Data는 여러개의 Tab들로 이루어져 있습니다.
General, Inventory, Shipping, Linked Products, Attributes, Advanced,…등
아래에 각각의 Tab들에 대해서 자세히 설명을 드리겠습니다.

[fusion_fontawesome icon=”fa-play-circle” size=”” flip=”” rotate=”” spin=”no” alignment=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” circle=”yes” iconcolor=”” circlecolor=”” circlebordercolor=”” animation_type=”” animation_direction=”down” animation_speed=”0.1″ animation_offset=””][/fusion_fontawesome] General Tab

 다운로드가능상품(downloadable (digital)) 혹은 가상상품(virtual (service)) 인 경우 체크를 해줍니다.
가상상품의 경우는 자동으로 배송비 계산 기능이 사용하지 않음으로 변경 됩니다.

  • Regular Price : 정상가격.
  • Sale Price : 세일가격. 세일가격은 기간을 미리 지정할 수 있습니다. 세일가격을 설정하면 정상가 : $100, 세일가 : $80 과 같은 형태로 표시 됩니다.

[fusion_fontawesome icon=”fa-play-circle” size=”” flip=”” rotate=”” spin=”no” alignment=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” circle=”yes” iconcolor=”” circlecolor=”” circlebordercolor=”” animation_type=”” animation_direction=”down” animation_speed=”0.1″ animation_offset=””][/fusion_fontawesome] Inventory Tab

SKU : Barcode #, Part #, Serial #등  상품식별을 하기위해서 쓰는 숫자와 코드의 조합을 입력합니다 일련번호는 중복이 되지 않도록 합니다.
‘Manage stock?’ :
체크를 해주어야만 재고관리 기능이 작동 합니다. (화면이 위와 같이 변경 됩니다.)
Stock quantity : 재고 수량을 입력 합니다.
Allow backorders? : 재고 수량이 없어도 주문이 가능 하도록 합니다.
Sold Individually : ‘In stock’ – 재고있음 / ‘Out of stock’ – 재고없음.
Sold Individually : 하나의 주문(Order)에서 한개씩만 판매 가능 하도록 합니다.

[fusion_fontawesome icon=”fa-play-circle” size=”” flip=”” rotate=”” spin=”no” alignment=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” circle=”yes” iconcolor=”” circlecolor=”” circlebordercolor=”” animation_type=”” animation_direction=”down” animation_speed=”0.1″ animation_offset=””][/fusion_fontawesome] Shipping Tab

  • Weight – 상품의 무게를 입력합니다. (UPS, USPS, FEDEX등의 외부 배송업체 플러그인 사용시, 배송비 계산에 이용됨)
  • Dimensions – 상품의 길이(Length), 넓이(width), 그리고 높이(height)를 입력합니다. (UPS, USPS, FEDEX등의 외부 배송업체 플러그인 사용시, 배송비 계산에 이용됨).
  • Shipping Class – Shipping classes는 비슷한 배송 유형의 상품들을 하나의 Class로 만들어서 일반적인 배송비 계산과 다르게 해주는 기능 입니다. 자세한 내용은  우커머스(WooCommerce) 설정에서 3)Shipping Tab을 참조하세요

[fusion_fontawesome icon=”fa-play-circle” size=”” flip=”” rotate=”” spin=”no” alignment=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” circle=”yes” iconcolor=”” circlecolor=”” circlebordercolor=”” animation_type=”” animation_direction=”down” animation_speed=”0.1″ animation_offset=””][/fusion_fontawesome] Linked Products Tab

  • Up Sell :  현재상품 대신에 추천하는 상품, 예를 들면 더수익이 있거나, 더 좋은품질, 더 비싼상품을 말합니다. 보통 상품의 상세 보기 페이지의 아랫부분에 나타나도록 되 있습니다. (옵션)
  • Cross Sell :   장바구니에 쉽게 추가가능한 상품들 예를들어 옷을 판매하는 쇼핑몰의 경우 ‘옷먼지제거용 솔’을 Cross Sell 상품으로 등록하면 장바구니에서 결제하기 전 ‘옷먼지제거용 솔’이 항상 보이도록 합니다. (옵션)
  • Grouping : 여러가지 상품을 하나의 그룹으로 묶어서 마치 하나의 상품같이 판매되도록 합니다.  보다 자세한 내용은 우커머스(WooCommerce) 그룹상품을 참조하세요.

[fusion_fontawesome icon=”fa-play-circle” size=”” flip=”” rotate=”” spin=”no” alignment=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” circle=”yes” iconcolor=”” circlecolor=”” circlebordercolor=”” animation_type=”” animation_direction=”down” animation_speed=”0.1″ animation_offset=””][/fusion_fontawesome] Attributes Tab

위 화면의 선택박스에는 쇼핑몰 전체적으로 적용된 상품속성(Global Attributes)들이 보일 것입니다. 상품속성에 대해서는 우커머스(WooCommerce) 상품 카테고리,태그,속성에서 자세히 확인해 보세요.

위 선택박스에서 속성을 선택한 후 “Add” 버튼을 클릭하세요. 아래  화면과 같이 선택한 속성이 선택박스 아래에 나타날 것입니다. Color라는 속성에 미리 등록된 값들은 ‘Black’, ‘White’, ‘Yellow’입니다. 만약, 해당 상품에는 ‘Green’이라는 색상이 필요하면 아래 화면과 같이 ‘Add new‘를 클릭해서 값을 추가 해줍니다. 모든 설정이 완료되면 ‘Save attributes‘를 클릭 합니다.

위와같이 속성을 추가한 후에는 ‘Variations Tab’을 클릭 합니다. 아래 화면과 같이 Variations Tab이 오픈되면 선택박스의 값을 ‘Create variations from all attributes’를 선택 한 후 ‘Go’를 클릭 하세요.

그러면 아래 화면과 같이 4개의 Color가 만드어진 것을 알수 있습니다. 지금 만들어진 Variation들은 모두 개별 상품 처럼 재고, 이름, 이미지, 가격등을 별도로 줄 수 있습니다.  아래 화면에서 Black Variation위에 마우스를 가져갑니다.

그러면 아래 화면과 같이 아래방향 화살표가 나타 납니다. 그것을 클릭 하세요.

그러면 아래 화면과 같이 Black이라는 Variation의 가격, SKU#, 상품사진, 재고, 배송방법등 상세한 정보를 입력하게 됩니다.

 

[fusion_fontawesome icon=”fa-play-circle” size=”” flip=”” rotate=”” spin=”no” alignment=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” circle=”yes” iconcolor=”” circlecolor=”” circlebordercolor=”” animation_type=”” animation_direction=”down” animation_speed=”0.1″ animation_offset=””][/fusion_fontawesome] Advanced Tab

  • Purchase note – 고객이 상품을 구입한 후 간단한 노트를 볼수 있도록 합니다.
  • Menu order – 상품을 특별한 순서로 정렬(Sort)할때 사용합니다.
  • Enable Reviews – 이 상품에 대해서 고객의 Review를 사용/비사용을 결정 합니다.[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#000000″ top_margin=”20″ bottom_margin=”20″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]

Product Category Product Tag를 선택 합니다.

새로운 Category와 Tag를 입력 할 수 도 있습니다.
보다 자세한 설명은 우커머스(WooCommerce) 상품카테고리, 태그, 속성 를 참고하세요.[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#000000″ top_margin=”20″ bottom_margin=”20″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]

Product Images 및 Product Gallery 를 업로드 합니다.

보다 자세한 설명은 우커머스(WooCommerce) 상품 이미지를 참고하세요.[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#000000″ top_margin=”20″ bottom_margin=”20″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]

Publish panel 에 있는 “Catalog Visibility” 를 이용해서 상품을 어떻게 보여줄 것인지 설정 할 수 있습니다.

[fusion_separator style_type=”no” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#000000″ top_margin=”0″ bottom_margin=”0″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]

[fusion_fontawesome icon=”fa-play-circle” size=”” flip=”” rotate=”” spin=”no” alignment=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” circle=”yes” iconcolor=”” circlecolor=”” circlebordercolor=”” animation_type=”” animation_direction=”down” animation_speed=”0.1″ animation_offset=””][/fusion_fontawesome] Publish panel

  • Catalog and search – 모든곳에서 다보이도록 설정합니다,  쇼핑페이지, 카테고리페이지 그리고 검색결과페이지.
  • Catalog – 쇼핑페이지, 카테고리페이지에서는 보이도록 하고 검색결과페이지에서는 보이지 않도록 합니다.
  • Search – 검색결과페이지에서는 보이도록 하고 쇼핑페이지, 카테고리페이지에서는 보이지 않도록 합니다.
  • Hidden – 상품 상세 페이지에서만 보이도록 합니다.

[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#000000″ top_margin=”20″ bottom_margin=”20″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]

Product Short Description 상품의 간단한 소개정보를 입력 합니다.

여기에 입력된 정보는 상품 상세페이지에서 상품이름 바로 아래 나타납니다.[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#000000″ top_margin=”20″ bottom_margin=”20″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]

 

이상과 같이 우커머스 상품등록에 대해서 알아보았습니다.
디자인테마(주로유료테마) 와 플러그인들을 통해서 상품의 정보를 보다 다양한 형태로 보여줄 수도 있습니다.
예를들어 Flatsome이라는 디자인테마를 사용하시면 아래 화면과 같이 별도의 Extra Tab을 제공합니다.
[fusion_fontawesome icon=”fa-play-circle” size=”” flip=”” rotate=”” spin=”no” alignment=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” circle=”yes” iconcolor=”” circlecolor=”” circlebordercolor=”” animation_type=”” animation_direction=”down” animation_speed=”0.1″ animation_offset=””][/fusion_fontawesome] Faltsome 디자인테마를 적용하면 나타나는 Extra Tab입니다.
아래와 같이 상품 이미지에  왼쪽이나 오른쪽에 보여지는 ‘New’, ‘Popular’등의 Bubble을 지정 할수도 있고, 일반적인 상품 설명 Tab옆에 새로운 Tab을 추가 할 수 도 있습니다. 또한, 상품 이미지를 클릭하면 동영상을 볼 수 있도록 설정도 가능 합니다.

[fusion_fontawesome icon=”fa-share-square-o” size=”” flip=”” rotate=”” spin=”no” alignment=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” circle=”yes” iconcolor=”” circlecolor=”” circlebordercolor=”” animation_type=”” animation_direction=”down” animation_speed=”0.1″ animation_offset=””][/fusion_fontawesome]DIY 쇼핑몰 따라하기를 참조하시면 보다 자세한 내용을 확인 하실 수 있습니다.

Web Hosting