우커머스(WooCommerce)설정

by ezwebmis | Feb 11, 2017 | 우커머스 (WooCommerce) 사용법

[fusion_builder_container hundred_percent=”yes” overflow=”visible”][fusion_builder_row][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/]WooCommerce > Settings 화면으로 이동 합니다.

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/]WooCommerce > Settings 에는 다음과 같은 항목들이 있습니다.

1) General
2) Products
3) Shipping
4) Checkout
5) Account
6) Email
7) API

1) General Tab

아래 화면은 WooCommerce > Settings > General 에 관련된 설명 입니다.

Base Location : 사업장의 위치, Tax Rate을 결정해 줍니다.
Selling Location(s) : 전세계를 대상으로 판매를 할 것인지 특정 국가(들)에만 판매할 것인지를 결정 합니다.
Shipping Location(s) : 상품을 배송할 국가를 지정할 수 있습니다.
Default Customer Address : 사용자가 본인의 주소를 입력하기전에 Tax와 배송비를 미리 보여줄때 사용자의 주소를 미리 가정하는 것입니다. 사용자가 본인의 주소를 입력하면 거기에 맞도록 Tax와 배송비가 다시 변경 됩니다.

• Shop base address : 사업장과 동일한 위치에 있다고 가정 합니다. 즉, Tax와 배송비가 사업장 기준으로 미리 보여집니다.
• No address : Tax와 배송비를 미리 보여주지 않습니다.
• Geolocate address (기본값) : 위치정보를 이용해서 사용자의 위치에 따라서 Tax 와 배송비를 계산 해줍니다. 이 설정이 기본값 입니다.
• Geolocate with page caching support : 위 Geolocate address 와 동일하지만, 실시간으로 정보를 가져와서 가격정보등이 업데이트가 되지않는 것을 방지해 줍니다.

Enable Taxes : Tax 를 적용할 것인지 말것인지를 결정합니다.
Store Notice : 화면의 상단에 메세지를 보여줄 수 있습니다. 예) 긴급 공지사항.
Currency : 쇼핑몰에서 사용할 통화를 결정 합니다.
Currency Position : 통화 기호를 왼쪽, 오른쪽중 어디에 보이게 할 것인지 설정 합니다.
Thousand Separator :  천단위 구분기호를 선택 합니다. 예) 1,000 or 1.000
Decimal Separator : 소수점이하 구분기호를 선택합니다. 예) 100.00 or 100,00
Number of Decimals : 소수점이하 몇자리 까지 보이게 할 것 인지를 결정합니다.

2) Products Tab

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/]아래 화면은 WooCommerce > Settings > Product > General 에 관련된 설명 입니다.

Measurements  : 측정 단위를 입력합니다.
Product Ratings : 상품 리뷰관련 설정

• Enable ratings on reviews. : 리뷰를 허용할 것인지를 설정 합니다.
• Ratings are required to leave a review. : 리뷰를 남기려면 평가(Rating)를 먼저해야 하도록 합니다.
• Show Verified Owner label for customer reviews. : Verified Owner label을 보여주도록 합니다 : verified owner 는 로그인을 했고 해당 상품을 구매한 고객을 말합니다.
• Only allow reviews from verified owners. : Verified Owner 만 리뷰를 남길 수 있도록 합니다.

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/]아래 화면은 WooCommerce > Settings > Product > Display 에 관련된 설명 입니다.

Shop Page/Product Archive : 상품을 진열하는 기본페이지를 설정해줍니다. ( 4.우커머스(WooCommerce) Quick Setup 에서 이미 설정을 했습니다.)
Shop Page Display : 상품만 진열할 것인지, 해당 카테고리의 서브카테고리만 진열할 것인지, 서브카테고리와  상품을 모두 진열할 것인지 설정을 해줍니다.
Default Category Display : 상품만 진열할 것인지, 해당 카테고리의 서브카테고리만 진열할 것인지, 서브카테고리와  상품을 모두 진열할 갓인지 설정을 해줍니다.
Default Product Sorting : 상품 정렬 방법을 설정해줍니다

• Default product sorting (custom ordering + name) : 기본 정렬값.
• Popularity (sales) : 많이 팔린순서.
• Average rating : 평가가 좋은순서.
• Most recent : 가장 최근에 등록된 순서.
• Price (ascending/descending) : 가격이 높거나 낮은순서.

Add to cart behavior : 장바구니(Cart)를 클릭했을때 어떻게 행동할 것인지를 설정 합니다.

• Redirect to cart page after successful addition – 장바구니(Cart)페이지로 이동합니다.
• Enable Ajax add to cart buttons on archives – 상품 진열페이지에 ‘Add to Cart’ 버튼을 추가 합니다.

상품이미지 사이즈 관련 설정 : 이 값을 변경하면  regenerate thumbnails 플러그인을 설치하고 실행 시켜주어야 합니다

• Catalog Images : 상품 진열페이지의 상품 이미지 사이즈.
• Single Product Image : 상품 상세페이지의 상품 이미지 사이즈.
• Product Thumbnails : 상품 장바구니, 위젯, 상품 이미지 겔러리 등에서 보이는 상품 이미지 사이즈.

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/] 아래 화면은 WooCommerce > Settings > Product > Inventory 에 관련된 설명 입니다.

• Hold Stock (minutes) : 주문(Order)가 입력됬는데 결제(Payment)가 아직 처리 않된 경우, 상품 재고를 여기에 지정한 시간동안 차감하고 있다가 지정한 시간이 경과 됬는데도 결제처리가 않되면 재고를 원상복구하고 주문은 자동 Cancel 합니다. 기본값은 설정하지 않음 입니다.
• Enable low stock notifications : 어떤 상품의 재고가 Low Stock Threshold에 설정된 값에 이르면 Notification Recipient에 설정된 이메일로 경고 이메일을 보내줍니다.
• Enable out of stock notifications : 어떤 상품의 재고가 Out Of Stock Threshold에 설정된 값에 이르면 Notification Recipient에 설정된 이메일로 경고 이메일을 보내줍니다.
• Notification Recipient – 재고관련 경고 이메일을 받을 사람의 이메일 주소를 입력합니다.
• Low Stock Threshold – 재고부족 기준 수량.
• Out Of Stock Threshold – 품절 기준 수량..
• Out Of Stock Visibility – 품절인 경우 상품 진열 페이지에서 않보이도록 합니다.
• Stock Display Format : 상품 상세 페이지에서 재고표시 방법
  • Always show stock – “12 in stock”
  • Only show stock when low – “Only 2 left in stock” vs. “In stock”
  • Never show amount

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/] 아래 화면은 WooCommerce > Settings > Product > Downloadable Products  에 관련된 설명입니다.

File Download Method : 다운로드 상품을 구입한 사람들에게  화일을 어떤 형태로 제공할 것인지 설정 합니다.

• Force Downloads – PHP script를 통해서만 다운로드 받을 수 있도록 합니다. 화일을 구입하지 않으 사람에게는 다운로드 링크가 보이지 않습니다.
• X-Accel-Redirect/X-Sendfile – 위 방법과 비슷한데, 보다 큰 화일을 지원합니다. 그러나, 쇼핑몰을 운영중인 웹호스팅 회사가  X-Sendfile 나 X-Accel-Redirect 를 지원해야 가능 합니다.
• Redirect only – 다운로드 URL을 사용자에게 제공합니다. 해당 링크는 외부에 노출이 가능 합니다.

보통은 Forced Downloads 방식이나, X-Accel-Redirect/X-Sendfile 방식을 사용합니다.

Access Restriction

• Select if downloads require login – 로그인을 해야만 다운로드가 가능하게 합니다.
• Grant access to downloadable products after payment – 오더가 완료되지 않고 프로세싱 중에도 다운로드가 가능하게 합니다.

3) Shipping Tab

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/] 아래 화면은 WooCommerce > Settings > Shipping > Shipping Zones  에 관련된 설명입니다.

[/fusion_builder_column][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][fusion_tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.7″ border=”1″ bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” button=”” linktarget=”_self” modal=”” button_size=”” button_type=”” button_shape=”” buttoncolor=”default” title=”Shipping Zone을 꼭 사용해야 하나?” description=”Shipping zones 은 우커머스(WooCommerce) 2.6에서 처음 소개되는 기능 입니다. 이전 우커머스 버젼에는 없는 기능 입니다. Shipping zones은 상세하게 배송방법을 설정할 수 있는 장점이 있는 반면, 설정이 조금 복잡합니다. 본인의 비지니스 환경에 따라서 기존의 Flat Rate, Free Shipping, 그리고 Local Pickup 등의 방법을 사용해도 상관이 없습니다. ” margin_top=”” margin_bottom=”20″ hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=””][/fusion_tagline_box]

Shipping Zone을 설정하려면 먼저 자신의 고객들에게 어떤 배송방법 및 배송비를 적용할 것인지 결정 합니다.
예를들어 미국의 경우 다음과 같이 정할 수 있을 것입니다

• Local(자동차로 30분이내) = California ZIP 90210 = Local pickup ($5), Free Shipping
• Domestic(자동차로 30분 이상 전 미국지역) = All US states = Flat rate shipping ($10)
• Korea(한국) = Korea = Flat rate shipping  ($20), Flat rate shipping 2Days  ($40)
• Rest of the World(다른 모든 지역) = Flat rate shipping ($100)

만약, 위와 같이 정했다면 다음과 같이 Shipping Zone을 만들 수 있습니다.

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/] 위 화면에서 ‘Add shipping zone’을 클릭 합니다.
아래 그림은 4개의 Shipping zone을 추가하는 경우 입니다.
Zone Name : 적당한 이름을 줍니다. 아래 예제의 경우는 Local, Domestic, Korea라는 이름들을 주었습니다.
Regions(s) : Continents(대륙-아메리카,아시아,유럽,아프리카…등), Countries(미국,한국…등), States(미국의 경우만 가능)등을 지정해 줄 수 있습니다. 여러개를 지정가능 합니다.
원하는 Shipping zone들을 입력하신 후 ‘Save Changes‘를 클릭 합니다

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/] Shipping zone을 아래와 같이 Drag & Drop 방식으로 순서를 변경할 수 있습니다. Shipping zone의 내용을 수정하려면 Zone Name 위로 마우스를 가져가면 edit 이라는 옵션이 나타나는데 그것을 클릭하면 수정이 가능 합니다.

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/] Shipping zone에 Shipping Method를 추가 하기 위해서 아래와 같이 각각의 Shipping zone의 우측에 있는 ‘+’를 클릭 합니다.

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/] Shipping Method를 선택하는 창이 오픈됩니다.
– Flat Rate : 정해진 금액
– Free Shipping : Free
– Local Pickup : 고객이 직접 찾아와서 상품을 수령하는 경우
위 3가지 방법 중 하나를 선택해 줍니다.

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/] 아래와 같이 각각의 Shipping zone에 Shipping Method를 지정해 줍니다. 그런후에 각각의 Shipping Method를 클릭해서 상세 설정을 해줍니다. Local Pickup 과 Free Shipping 은 별도의 설정이 필요 없습니다.

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/] 아래 화면은 Shipping zone > Korea 에 적용된 Shipping Method -Flat Rate의 상세 설정 화면 입니다. 금액($20)을 입력하고 ‘Save Changes‘를 클릭 합니다.

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/] 아래 화면은 고객의 Checkout 페이지 입니다.
아래 화면과 같이 Country 가 South Korea로 선택이 되면 자동으로 SHIPPING 이 Flat Rate $20으로 변경됩니다.

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/] 아래 화면은 Shipping zone > Korea 에  Shipping Method -Flat Rate를 하나 더 추가 한 경우 입니다. 고객에게 더 빨리 주문을 받아 볼 수 있도록 2Days라는 Shipping Method를 하나 더 추가 했습니다. 고객의 Checkout 페이지에서는 가장 위에 있는 Shipping Method가 기본값으로 설정 됩니다.

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/]  Shipping zone 에서 Shipping Method를 삭제하는 방법.
아래 화면과 같이 Shipping zone 이름위에 마우스를 가저가면 ‘View‘가 나타납니다. ‘View‘를 클릭 합니다.

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/]  삭제를 원하는 Shipping Method에 마우스를 가져가면 ‘Remove’가 나타나는데 이것을 클릭합니다.
‘Save Changes‘를 클릭 합니다’.

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/]  아래 화면과 같이 4가지 Shipping zone 에 따라서 실제로 배송비가 다르게 계산되는 것을 볼수 있습니다.

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/] 아래 화면은 WooCommerce > Settings > Shipping > Shipping Zones  에 관련된 설명입니다.

Shipping Calculations : 배송비 계산을 보여주는 방식을 설정 합니다.

• Enable the shipping calculator on the cart page : 장바구니(Cart) 페이지에서 배송비 계산기능을 보여줍니다.
• Hide shipping costs until an address is entered : 고객이 주소를 입력하기 전 까지는 배송비 계산기능을 보요주지 않습니다.

Shipping Destination : 배송할 주소를 결정 합니다.
billing address, shipping address로 할것 인지를 결정 해줍니다.

Shipping classes 는 비슷한 유형의 상품들을 하나의 Shipping Class로 묶어서 Flat Rate 배송방법과 함께 배송비를 계산하는데 도움이 되도록 하는 기능 입니다.
[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/] 아래 화면은 WooCommerce > Settings > Shipping > Shipping Classes  에 관련된 설명입니다.
아래 화면과같이 ‘Add Shipping Class‘ 버튼을 클릭한 후 Shipping Class Name과 간단한 Description을 입력합니다.
필요한 만큼의 Shipping Class를 입력한 후 화면 왼쪽 하단의 ‘Save Shipping Classes‘를 클릭 합니다.

Shipping Class는 상품을 새로 등록할때 혹은 이미 들고된 상품을 수정할때 설정 해줄 수 있습니다.
[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/] 아래 화면은 WooCommerce > Products 에서 상품을 편집하는 화면 입니다. 아래 화면과 같이 Shipping Class를 적용하기 원하는 상품위에 마우스를 가져가서 ‘Edit‘을 클릭 합니다.

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/] 상품편집 화면에서 화면을 조금 아래로 내리면 아래와 같이 ‘Product Data‘ Panel이 나타납니다.  Shipping Tab을 클릭한 후, 아래 화면처럼 원하는 Shipping Class를 선택 해줍니다.  수정이 끝나면 반드시 ‘Update‘를 해주세요.

Shipping Class를 만드신 후에는 Shipping zone에이미 설정된 Shipping Method들 중 ‘Flat Rate‘에서 상품에 따라서 Shipping Cost를 다르게 줄 수 있습니다.
[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/] WooCommerce > Shipping zones로 이동한 후,  수정을 원하는 Zone Name위에 마우스를 가져 갑니다. ‘View‘를 클릭 합니다.

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/] ‘Settings‘를 클릭합니다.

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/] 아래 화면과 같이 ‘Shipping Class Cost‘란의 값들을 조절해 줍니다.

• “Reusable Cup” Shipping Class Cost : ‘qty * 0.05’의 의미는 상품이 Reusable Cup이라는 Shipping Class인 경우 상품의 수량 하나당 5c를 기본 배송비 $10에 추가하라는 의미 입니다. 예) Reusable Cup이라는 Shipping Class를 갖는 상품이 5개가 주문되면 배송비는  (1)기본 Flat Rate : $10 + (2)  5 X 0.05 = 0.25 즉, $10.25의 배송비가 적용됩니다.
• No Shipping Class Cost : ‘cost * 0.1’의 의미는 상품이 Shipping Class를 갖지않는 경우 상품의 수량 하나당 상품 하나의 판매금액의 10%를 기본 배송비 $10에 추가하라는 의미 입니다. 예)  판매금액이 $20인 Shipping Class가 없는 상품 5개가 주문되면 배송비는  (1)기본 Flat Rate : $10 + (2)  5 X ($20 X 0.1) = $10 즉, $20의 배송비가 적용됩니다.
• Calculation Type :
  • Per Class Charge shipping for each shipping class : 각각의 Shipping Class별로 배송비를 계산
  • Per Order Charge shipping for the most expensive shipping class : 전체 주문된 상품 중 가장 비싼 Shipping Class를 기준으로 배송비를 계산

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/] 아래 화면은 위와 같은 설정을 적용 했을때 계산된 배송비 예제 입니다.
상품가격 : $29, 주문수량 : 5개, 고객의 Shipping zone : Domestic Flat Rate $10
계산된 배송비 $24.50은 아래와 같이 계산이 됬습니다.

• 기본 배송비(Flat Rate) : $10
• Shipping Class가 없는 상품의 배송비 : ( 상품가격 $29 X 10% ) X 5 = $14.5
• 전체 베송비 : $10 + $14.5 = $24.5

4) Checkout Tab

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/] WooCommerce > Settings > Checkout > Checkout Options 화면 설명 입니다.

Coupons
쿠폰 기능을 활성화 합니다. 크폰은 장바구니(Cart) 및 결제(Checkout) 화면에서 사용 가능 합니다.

Calculate coupon discounts sequentially
쿠폰을 여러장 적용할때 할인금액을 쿠폰이 적용된 금액을 기준으로 계산 합니다.
예) 상품가격 : $10, 쿠폰1 : 10%, 쿠폰2 : 10% 인 경우 먼저 $10에 쿠폰1을 적용합니다. 그러면 $9이 됩니다. 두번째 쿠폰2를 적용할때 원래가격 $10의 10%가 아닌 $9의 10%인 $0.9가 적용됩니다. 최종가격은 $8.1이 됩니다.

Checkout Process

• Enable guest checkout – 회원 가입을 하지 않고도 상품 구입을 할 수 있도록 합니다.
• Force secure checkout – 결제화면은 반드시 SSL이 있어야만 가능 하도록 합니다.

Cart Page : 장바구니(Cart) 페이지를 설정 합니다. (우커머스 설치 과정에서 이미 자동으로 설치됩니다. 그러나, 어떤 이유로든 여기있는 설정이 지워주면 쇼핑카트 기능이 작동하지 않습니다. 그런경우 ‘Cart’ 페이지를 선택해 주면 됩니다. )

Checkout Page : 결제(Checkout) 페이지를 설정 합니다. (우커머스 설치 과정에서 이미 자동으로 설치됩니다. 그러나, 어떤 이유로든 여기있는 설정이 지워주면 쇼핑카트 기능이 작동하지 않습니다. 그런경우 ‘Checkout’ 페이지를 선택해 주면 됩니다. )

Terms and Conditions. : 결제페이지에서  이용약관(Terms & Condition)페이지를 체크해야만 계속 진행하도록 할때 사용합니다. 먼저 워드프레스 관리자 > Pages로 이동해서 Terms & Conditions 페이지를 만든 후 여기에서 그 페이지를 선택 해주면 됩니다.

Checkout Endpoints : 이부분은 조금 기술적인 이해가 필요한 부분 입니다. 관심이 있는경우는 WooCommerce Endpoint 자세히 알아보기를 참조하세요. 기본값을 수정하지 마시고 그대로 사용하세요.

Payment Gateways :

WooCommerce에서 기본적으로 제공하는 Payment Gateway는 다음과 같습니다. 아래 리스트된 방법 이외에도 플러그인들을 통해서 여러가지 Payment Method를 설치 할 수 있습니다. 예) 한국 크레딧카드 결제, Authorize.net, … 등

• Cash on Delivery 
• PayPal Standard
• Cheque
• BACS (Bank Transfer)
• Stripe

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/] WooCommerce > Settings > Checkout > Cash on Delivery(COD) 화면 설명 입니다.

• Enable COD – 사용/비사용 설정.
• Title – 결제과정에서 보여질 결제방법 이름입니다.
• Description –고객이 Cash on Delivery를 선택하면, 간단한 설명을 보여줍니다.
• Instructions – 결제하는 방법에 대해서 설명 합니다. 보통 주문이 완료된 후 보여지는 Thank You 페이지에 나타 납니다.
• Enable for shipping methods – 공백으로 비워두시면 됩니다.
• Enable for virtual orders – 가상의 상품에 COD를 적용하는 경우.

Bank Account Clearing System (BACS), 보통 계좌이체 혹은 Wire Transfer라고 불리는 방식 입니다. 이 결제 방식은 쇼핑몰에서 온라인으로 처리되는 방식이 아닙니다. 고객이 쇼핑몰 Owner의 개인 혹은 비지니스 은행계좌로 구매금액을 온라인 입금하는 방식입니다.
BACS 방식으로 주문을 하게되면 주문의상태(Order Status)가 On Hold 로 잡혀있습니다. 고객의 입금내역이 확인 되면 쇼핑몰 관리자가 On Hold를 Processing으로 변경 해줍니다.  (고객의 입금 확인이 된 후에 상품을 배송하여야 합니다)
[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/] WooCommerce > Settings > Checkout > BACS 화면 설명 입니다.

• Enable/Disable – 사용/비사용 설정
• Title – 결제과정에서 보여질 결제방법 이름입니다.
• Description – 고객이 BACS 결제방법을 선택하면 보여질 간단한 설명을 입력합니다.
• Instructions –  처리방법을 설명하고  쇼핑몰의 은행정보를 제공합니다. (계좌이체에 필요한 정보)
• Account Details –  계좌이름(account name), 계좌번호(number), 은행이름(bank name), 은행식별번호(routing number), IBAN 이나 SWIFT/BIC 번호등을 고객에게 제공합니다.

Check Payments는 고객이 메일(POST OFFICE등을 이용한)로 체크를 보내는 방식입니다. 이 결제 방식은 쇼핑몰에서 온라인으로 처리되는 방식이 아닙니다.
Check Payments 방식으로 주문을 하게되면 주문의상태(Order Status)가 On Hold 로 잡혀있습니다. 고객의 체크가 도착되고 은행애서 정상적으로 현금화가 된 후, 쇼핑몰 관리자가 On Hold를 Processing으로 변경 해줍니다.  (은행에서 체크가 정상적으로 Clear된 후에 상품을 배송하여야 합니다)
[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/] WooCommerce > Settings > Checkout > Check Payments 화면 설명 입니다.

• Enable/Disable – 사용/비사용 설정
• Title – 결제과정에서 보여질 결제방법 이름입니다.
• Description – 고객이 Check Payments 결제방법을 선택하면 보여질 간단한 설명을 입력합니다.
• Instructions – 처리방법을 설명합니다.

PayPal Standard 은 고객이 결제버튼을 클릭하면 현재 쇼핑몰에서 PayPal.com으로 이동해서 결제 처리를 합니다. PayPal의 웹사이트는 가장 안전한 결제 환경을 갖추고 있습니다. 고객은 안심하고 자신의 크레딧카드 정보를 입력 할 수 있습니다.

[/fusion_builder_column][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][fusion_tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.7″ border=”1″ bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” button=”” linktarget=”_self” modal=”” button_size=”” button_type=”” button_shape=”” buttoncolor=”default” title=”PayPal 의 https 사용 권장” description=”우커머스(WooCommerce)에서는  Instant Payment Notification (IPN) 이라는 기술을 사용합니다. 얼마전 PayPal에서는 이런 경우 https  를 사용하기를 권장하고 있습니다. 자세한 내용은 Google 에서 PayPal’s announcement to https for added security를 검색해 보시기 바랍니다.” margin_top=”20″ margin_bottom=”20″ hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=””][/fusion_tagline_box]

(필수사항)
 PayPal Business account 가 필요합니다.
PayPal 웹사이트에서 Business account를 만드세요. 만약, 이전에 Personal account 를 가지고 계신 경우에는 Business account 로 변경 하세요.

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/] WooCommerce > Settings > Checkout > PayPal. 화면 설명 입니다.

기본옵션

• Enable/Disable: 사용/비상용을 설정 합니다.
• Title 과 Description 을 입력 합니다.
• PayPal Email : PayPal Business Account 에서 사용하는 이메일을 입력하세요.
• PayPal Sandbox  : 테스트를 위해서 PayPal을 임시로 결재 처리가 이루어지지 않도록 설정 할 수 있습니다.
• Debug logs : 테스트 Log가  WooCommerce > System Status > Logs 에 기록됩니다.

고급옵션(Advanced Options)

• Shipping Details ‘Send shipping details to PayPal instead of billing.’ :  고객의 Shipping Address를 PayPAL로 전송할 수 있습니다. PayPal을 통해서 주소라벨을 출력하는 경우 유용 합니다.
• Address Override ‘Enable “address_override” to prevent address information from being changed.’ : Error 발생 소지가 있어서 체크를 하지 말기를 권장 합니다.
• Receiver Email : PayPal 이메일과 실제 사용하는 이메일이 다른 경우에 사용합니다.
• Invoice Prefix : 송장(Invoice) 앞에 붙는 식별자를 정해 줍니다. 예) ‘SN-‘ PayPal은 동일한 인보이스 번호를 허용하지 않기 때문에 하나의 PayPal Account로 여러 쇼핑몰을 운영하는 경우에는 반드시 중복되지 않는 식별자를 입력해 주세요.
• Payment Action : 
  • Capture : 결제와 동시에 PayPal Account로 자금이 입금됩니다. ( 빠른 현금화 )
  • Authorize : 결제를 하면 자금을 Hold해 두고 주문(배송)이 완료되면 PayPal Account로 입금됩니다.
• lets you choose to capture funds immediately or only authorize.

• Page Style : PayPal Account에서 설정한 커스텀 페이지를 사용하기를 원할때 Page Style을 입력 합니다. 보통의 경우 공백으로 비워두시면 됩니다.
• PayPal Identity Token : IPN 관련 문제가 있을 경우 PayPal Account에 있는 IPN을 입력합니다. 보통의 경우 공백으로 비워두시면 됩니다.

API Credentials

API는 PatPal 과 시스템적으로 밀접하게 통합해서 특별한 정보를 주거나 받을 때 사용합니다. 보통은 개발자들이 주로 사용하는 기능 입니다. 보통은 공백으로 두시면 됩니다.

5) Account Tab

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/] WooCommerce > Settings > Accounts. 화면 설명 입니다.

• My Account Page : 고객계정관리 페이지를 지정 합니다 보통 ‘My Account‘ 페이지를 선택하시면 됩니다.
• Enable Registration : 신규고객등록을 허용할 페이지들을 설정 해줍니다.
  • Enable registration on the Checkout page : 결제 페이지에서 신규고객 등록 링크를 보여줍니다.
  • Enable registration on the My Account page : My Account : 페이지에서 신규고객 등록 링크를 보여줍니다
  • Display returning customer login reminder on the Checkout page : 결제 페이지에서 이미 어카운트가 있는 고객에게 로그인을 할 수 있도록 해줍니다.
• Account Creation
  • Automatically generate username from customer email : 고객 이메일을 고객 어카운트 아이디로 사용합니다.
  • Automatically generate customer password : 자동으로 비밀번호를 생성 해줍니다. 보통은 고객이 직접 비밀번호를 만들도록 합니다.
• My Account Endpoint : 설정된대로 그대로 사용하시면 됩니다. 수정하지 마세요.

6) Email Tab

우커머스(WooCommerce)에서 기본적으로 제공되는 이메일 템플릿들은 New order | Cancelled order | Failed order | Processing order | Completed order | Refunded order | Customer invoice | Customer note | Reset password | New account 입니다. 아래 화면들에서 설명하는대로 각각의 템플릿의 상세 내용을 수정할 수 있습니다.

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/] WooCommerce > Settings > Emails. 화면 설명 입니다.

Email Sender Options

• From Name : 고객이 이메일을 받았을때 보게될 보낸사람의 이름을 입력 합니다.
• From Address : 고객이 이메일을 받았을때 보게될 보낸사람의 이메일을 입력 합니다.

Email Templates

• Header Image : 
  (1) 이메일 Header에 보여질 이미지를 워드프레스 관리자 Media > Add New를 통해서 업로드 합니다.
  (2) 업로드한 이미지의 웹주소(URL)을 Copy해서 여기에 Paste합니다.
• Email and Text
  • Base Color – 기본이 되는 색상.
  • Background Color – 배경색.
  • Email Body Background Color – 이메일의 본문의 배경색.
  • Email Body Text Color – 이메일 본문의 글자색상.

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/] 아래 화면은 Email Template의 Sample 입니다.

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/] 이메일 템플릿 수정하기.
WooCommerce > Settings > Emails. 화면으로 이동 합니다.
수정을 원하는 이메일 템플릿의 오른쪽 끝에 있는 톱니바퀴를 클릭 합니다.

[fusion_fontawesome icon=”fa-chevron-right” circle=”yes” size=”13px” iconcolor=”” circlecolor=”” circlebordercolor=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”left” class=”” id=””/] 아래는 ‘New Order’의 이메일 템플릿을 수정하는 경우 입니다. ‘Copy file to theme’을 클릭하면 수정이 가능 합니다.

• Enable/Disable : 사용/비사용 설정.
• Recipient(s) : 새 주문(Order)가 들어왔을 때 이메일을 받을 사람. 보통 관리자 이메일을 입력 합니다.
• Subject : 기본값을 그대로 사용 합니다.
• Email Heading : 공백으로 비워둡니다.
• Email type : 아래 옵션중 ‘HTML’을 선택 하세요.
  • Plain Text
  • HTML
  • Multipart

 HTML template을 직접 수정해서 사용도 가능 합니다. 이부분은 HTML 과 PHP 코드를 사용 하실 수 있는 사용자에 한합니다.  소스코드를 수정하고 업로드 해야 하기 때문에 FTP로그인 정보도 필요 합니다.

 [/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

우커머스(WooCommerce) 쿠폰(Coupon)관리

by ezwebmis | Feb 5, 2017 | 우커머스 (WooCommerce) 사용법

쿠폰(Coupon)기능을 사용하기 위해서는 먼저 쿠폰기능 사용여부를 체크해 주어야 합니다.

워드프레스 관리자의 WooCommerce > Settings 의 Checkout 탭으로 이동 합니다. “Enable the use of coupons“를 체크 해줍니다.

쿠폰(Coupon)은 워드프레스 관리자의 WooCommerce > Coupon으로 이동해서 관리합니다. 아래 그림과 같이 현재 등록된 쿠폰들이 리스트 됩니다. Code를 클릭해서 상세화면으로 이동 합니다.

위 화면에서 “Add Coupon“을 클릭해서 새로운 쿠폰을 만들거나 기존 쿠폰의 Code를 클릭해서 수정을 하실 수 있습니다. 아래 3개의 화면은 Coupon Data Panel의 각각의 탭들에 대한 설명 입니다.

GENERAL 탭 설명

• Discount type :
  • Cart discount – 전체 주문금액중 일정금액을 Discount 해줌. 예) 만약 각 $20인 3개의 제품을 주문해서 전체 주문금액이 $60인 경우, $10의 쿠폰을 제공하면 전체 주문금액 $60중 $10을 차감해서 전체 주문금액이 $50이됨.
  • Cart % discount – 전체 주문금액중 일정%를 Discount 해줌. 예) 만약 각 $20인 3개의 제품을 주문해서 전체 주문금액이 $60인 경우, 10%의 쿠폰을 제공하면 전체 주문금액 $60의 10%인 $6을 차감해서 전체 주문금액이 $54이됨.
  • Product discount – 선택된 제품의 개별 주문금액중 일정 금액을 Discount 해줌. 예) 만약 각 $20인 3개의 제품을 주문해서 전체 주문금액이 $60인 경우, 해당 제품에 각 $10의 쿠폰을 제공하면 각각의 제품에서 $10씩을 차감해서 전체 $30의 금액을 차감해줌.  주문금액 $60에서 $30을 차감해서 전체 주문금액이 $30이됨.
  • Product % discount – 선택된 제품의 개별 주문금액중 일정 %를 Discount 해줌. 예) 만약 각 $20인 3개의 제품을 주문해서 전체 주문금액이 $60인 경우, 해당 제품에 각 10%의 쿠폰을 제공하면 각각의 제품에서 $2씩을 차감해서 전체 $6의 금액을 차감해줌.  즉, 주문금액 $60에서 $6을 차감해서 전체 주문금액이 $54이됨.
• Coupon amount – 숫자만 입력해야 합니다. Discount Type에 따라서 금액이나 %로 자동 인식 됩니다.
• Allow free shipping – 쿠폰이 적용되면 배송비를 무료로 해줍니다. ( Free Shipping이 Setting에 설정되 있어야 합니다)
• Coupon expiry date – 쿠폰의 만기일을 지정해 줍니다. 만기일에 이르면 쿠폰은 더이상 사용이 불가능 합니다.

USER RESTRICTION 탭 설명

• Minimum spend – 쿠폰을 사용하기 위한 최소 주문금액 ( Sub Total +Tax 금액 )
• Maximum spend – 쿠폰을 사용하기 위한 최대 주문금액 ( Sub Total +Tax 금액 ).
  조금 이상할 수는 있으나 너무 주문금액이 큰경우 쿠폰금액도 커지기 때문에 지정할 필요가 있음
• Individual use only – 다른 쿠폰과 함께 사용불가능 하도록 설정.
• Exclude sale items – 현재 세일중인 제품에는 크폰이 적용되지 않도록 함. 주문금액 정체에 대한 쿠폰의 경우는 세일중인 제품이 추가되면 작동되지 않습니다.
• Products – Product Discount와 Product % Discount 쿠폰의 대상이되는 제품을 선택함. 해당란에 3글자 이상을 입력하면 제품 이름을 보여주는데 이때 하나씩 선택 하시면 됩니다.
• Exclude products –세일 제외 제품을 등록합니다.
• Product categories – 제품 카테고리 전체를 쿠폰으로 지정 할 수 있습니다
• Exclude categories – 제품 카테고리 전체를 세일 제외로 지정 할 수 있습니다
• Email restrictions – 선택된 고객들에게만 쿠폰을 지급할 경우, 이메일 리스트를 등록 할 수 있습니다. ‘,’로 구분해서 이메일을 등록 합니다. 쿠폰을 지급할 고객들의 이메일을 입력 합니다. 즉, 여기에 등록되지 않은 이메일을 Billing Address에 입력하면 자동으로 쿠폰이 삭제 됩니다. (Billing Address의 등록 된 이메일을 확인 합니다)

USER LIMITS 탭 설명

• Usage limit per coupon – 쿠폰이 전부 몇개 사용 가능한지를 결정.  예) 만약 Unlimited Usgae를 선택하면 크폰이 만기일까지는 무한대로 사용 가능합니다.
• Limit usage to X items – Product Discount 이나 Product % Discount 쿠폰의 경우 해당 쿠폰을 몇개까지 허용할 것인지 결정 합니다.
• Usage limit per user – 한 고객에게 몇번까지 같은 쿠폰 사용을 하가할 것인지 결정 합니다. 일반적인 경우에 1번인 경우가 많습니다.

위와 같이 쿠폰을 본인의 비지니스 환경에 맞추어서 사용이 가능 합니다.
쿠폰은 보통 결제처리(Checkout)을 할때 보여지게 됩니다.

만약, 만드신 쿠폰을 고객들에게 보내기를 원하시면 이메일에 쿠폰의 제목(코드)를 입력해서 마케팅 문구와 함께 보내시면 됩니다. 고객은 결제처리시 해당 쿠폰을 Copy 한 후 쿠폰 입력란에 Paste하면 쿠폰의 설정에 따라서 Discount가 자동 계산 됩니다.

우커머스(WooCommerce) 주문(Order)관리

by ezwebmis | Feb 4, 2017 | 우커머스 (WooCommerce) 사용법

고객이 주문을 완료하면 워드프레스 관리자 메뉴 WooCommerce(우커머스) > Orders(주문)에서 고객의 주문을 확인하실 수 있습니다. 또한, 관리자에게 주문이 접수됬다는 이메일이 전송됩니다.

고객의 주문 확인을 위해서는 사용중인 워드프레스 아이디에 Administrator 혹은 Shop Manager 권한이 있어야 합니다.

주문리스트(ORDERS) 화면 설명

[fusion_builder_container hundred_percent=”yes” overflow=”visible”][fusion_builder_row][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][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 > Orders 화면으로 이동 합니다.
주문이 접수되면 관리자 혹은 담당자가 주문에 대한 후속 처리를 해주게 됩니다.
결제처리가 완료 됬는지, 그렇지 않으면 결제처리를 기다려야 하는지 등을 확인 후 상품을 배송할 것인지를 결정 합니다.
일반적으로 온라인결제 처리만을 허용하는 경우는 바로 상품을 배송하면 됩니다.
그러나 무통장 입금, COD(Cash on Delivery), BACS(Bank Transfer)등의 Off-line 결제방법을 사용하는 경우는 결제처리가 모두 완료된 후 배송을 하셔야 합니다.

화면설명 (위)
주문 페이지는 위와 같이 가장 최근에 주문된 데이터 순으로 보여지게 됩니다. 주문의 내용을 수정 하시기 위해서는 주문번호를 클릭하시면 됩니다. 주문의 수정은 ORDER STATUS가 On-Hold 나 Pending Payment인 경우에만 수정이 가능 합니다. 아래에 위 주문 리스트 화면의 항목 하나하나를 상세히 설명했습니다.

Status

• Pending payment – 주문이 완료됬지만, 결제처리가 아직 않된경우 (수동 무통장 입금의 경우)
• Failed – 온라인 결제가 실패한경우(unpaid). 카드가 승인인 않된(Decline)경우
• Processing – 온라인 결제가 정상적으로 처리된 경우(재고가 차감됨) – 이제 제품을 배송(Shipping)하여야 함.
• Completed – 배송(Shipping)까지 완료된 경우 – 더이상 후속 조치가 필요없음
• On-Hold – 고객이 주문을 완료 했지만, 결제 수단이 수동으로 확인이 필요한 경우 (무통장입금, COD등…) (재고가 차감됨) –결제가 확인되면 Confirm을 해주어야만 배송(Shipping)단계로 진행이 가능함
• Cancelled – 결제처리전 주문이 취소된경우 – no further action required
• Refunded – 환불조치가 된 경우 – no further action required
  [fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”” top_margin=”20″ bottom_margin=”20″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”/][/fusion_separator]

ORDER

• 주문번호(ORDER NUMBER) – 주문번호는 자동으로 부여됩니다. 주문번호를 클릭하면 주문을 수정하는 화면으로 이동 합니다. ( ORDER STATUS가 On-Hold 나 Pending Payment인 경우에만 수정이 가능 합니다. )
• 고객에게 보내지는 이메일 설정은 ‘우커머스(WooCommerce)설정‘의 6)Email Tab을 참조하세요.
• 고객이름, 고객이메일
  [fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”” top_margin=”20″ bottom_margin=”20″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”/][/fusion_separator]
  

PURCHASED

• 주문한 ITEM수

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

SHIP TO

• 배송주소와 배송방법

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

CUSTOMER MESSAGE

• 고객이 주문을 할때 입력한 메세지

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

ORDER NOTES

• 주문이 처리되는 과정이 기록됩니다. 예를들어 고객이 주문을 하고, 결제처리가 되고, 배송이되는 과정등이 Note형태로 기록됩니다. 고객에게 보여줄 메세지만 별도로 입력 이 가능 합니다.

• Purple: 시스템 메세지
• Grey: 일반적인 STATUS 업데이트
• Blue: 고객에게 보내는 메세지. 고객은 이메일로 메세지를 전송 받음

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

DATE

• 주문일자

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

TOTAL

• TOTAL 주문금액
• 결제수단 ( PAY[/fusion_builder_column][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][AL, 무통장송금등…)

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

ACTION

• Order Action은 New Order, Processing Order, Completed Order or Customer Invoice등으로 수정가능 한데 이때 고객에게 이메일이 자동 발송됩니다. 특희, 수동으로 오더를 입력하는 경우 유용합니다.

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

주문상세화면(EDIT ORDER) 화면 설명
(영문 우커머스 화면 기준)

화면설명 (위)
아래는 주문리스트에서 주문번호를 클릭한 후 나타나는 주문상세화면 입니다.

(메인화면 상단의 Order Detail, 우측 Order Action, Order Note, Add Note 부분 설명)

• 주문상태(order status)를 변경할 수 있습니다
• 주문수정 – 제품, 가격, TAX등을 변경 가능 합니다.
• 재고 – 재고를 더하거나 뺄수 있습니다.
• 주문단계별처리(Order Actions) – 주문단계별처리를 변경하면 고객에게 해당 주문단계별처리 이메일이 다시 전송됩니다. (New Order, Processing Order, Completed Order or Customer Invoice 이메일) – 수동으로 관리자가 주문을 입력하는 경우 아주 유용합니다.
• 주문노트(Order Notes) : 고객에게 메세지를 보낼때는 ‘Note to Customer‘를 선택 합니다. 내부적으로 참고 할 때는 ‘Private‘을 선택 합니다. 주문처리를 할 때 자동으로 만들어지는 주문노트는 보라색으로 나타 납니다. 아래 주문노트별 Color를 참조하세요.
  • Purple: 시스템 메세지
  • Grey: 일반적인 STATUS 업데이트
  • Blue: 고객에게 보내는 메세지. 고객은 이메일로 메세지를 전송 받음

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

(메인화면 하단의 제품 및 계산관련 부분 설명)

• 주문수량(Quantity) 변경이 가능 합니다
• 제품을 추가 하거나 삭제할 수 있습니다
• 배송비를 수정할 수 있습니다.
• Discount 금액을 수정하거나 삭제할 수 있습니다
• “Add Fee” 버튼을 통해서 특별한 비용을 고객에게 추가할 수 있습니다.

 [/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

우커머스(WooCommerce) 상품등록

by ezwebmis | Nov 12, 2016 | 우커머스 (WooCommerce) 사용법

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

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

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

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

카테고리, 태그, 속성에 대해서 보다 자세하게 알아 보시려면 아래 글을 참조하세요.
[fusion_builder_container hundred_percent=”yes” overflow=”visible”][fusion_builder_row][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][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) 상품카테고리, 태그, 속성 

상품타입(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 쇼핑몰 따라하기를 참조하시면 보다 자세한 내용을 확인 하실 수 있습니다.

[/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]