[워드프레스] 우커머스 옵션 상품 설정하기

https://www.thewordcracker.com/intermediate/how-to-configure-variable-products-in-wordpress/

워드프레스의 우커머스에서 옵션 상품을 구성하여 고객이 옵션(예: 색상, 크기 등)을 선택하여 구매할 수 있도록 할 수 있습니다. 보통 옵션 상품이라고 하면 영어로 Option으로 생각하기 쉽지만, “Variable Product”(옵션 상품)와 “Variation”(옵션)이라는 용어가 사용되므로 구글 검색 시 이 용어를 사용하면 원하는 정보를 얻을 수 있을 것입니다.

이 글에서는 우커머스 옵션 상품을 구성하는 간단한 방법을 설명하겠습니다. UI는 테마별/우커머스 버전별로 조금 차이가 있을 수 있으니 이점을 고려하여 참고하시기 바랍니다. (아바다 테마에서 테스트했는데, 우커머스 버전 때문인지 한글화가 완전히 되지 않았네요.)

테스트로 노트북에 “사이즈”와 “색상”이라는 속성을 지정하여 가격을 달리하도록 해보겠습니다.

Attribute 지정

먼저 우커머스 속성(Attribute)을 정의하도록 합니다. 상품 > Attributes를 클릭합니다.

Attributes가 한글화가 되지 않은 상태로 나오네요. 한글화가 되면 “속성” 정도로 번역될 것 같습니다. 상품 > Attributes를 클릭하면 새 속성을 추가할 수 있는 화면이 표시됩니다.

적절한 속성을 추가합니다. 예를 들어 컬러를 추가하고 맨 아래의 “Add Attribute(속성 추가)”를 클릭합니다.

그러면 위의 그림과 같이 오른쪽 상단에 추가된 속성이 표시됩니다. 맨 오른쪽에 있는 “Configure Terms”(용어 구성?) 아이콘을 클릭합니다.

그러면 위의 그림과 같이 선택한 속성 내에 추가될 세부 옵션을 추가할 수 있습니다. “새로 추가 컬러“라고 어색하게 되어 있네요. 번역할 때에는 부분적인 문자열만 볼 수 있기 때문에 생긴 결과 같습니다. “컬러 새로 추가”나 “새로 추가: 컬러” 정도로 처리하면 좋을 듯 합니다. (Woocommerce 번역을 수정하려면 Loco Translate와 같은 플러그인을 사용할 수 있습니다.)

원하는 컬러를 추가합니다. 저는 “파랑”과 “빨강”을 추가해보았습니다.

위의 과정을 반복하여 다른 속성(예: 크기)을 정의하도록 합니다.

옵션 상품 설정하기

이제 새로운 상품을 추가하거나 기존 상품을 편집하여 “옵션 상품”을 구성하도록 합니다. 상품 > 상품 추가하기를 눌러 적절한 상품을 생성합니다. 상품 설명 아래의 “Product Data”(상품 데이터)에서 “옵션 상품“을 선택합니다.

그런 다음 Product Data 아래에서 Attributes를 선택합니다.

원하는 Attribute를 선택합니다. 예를 들어, 일부 속성만 선택할 수도 있고 모든 속성을 선택할 수도 있습니다.

이제 Attributes 바로 아래에 있는 “옵션“을 선택합니다.

위와 같은 그림에서 “Add variation” 또는 “Create variations from all attributes” 중에서 선택하여 옵션을 추가하고 옵션의 세부 설정을 지정할 수 있습니다. “Create variations from all attributes“를 선택하면 속성의 모든 조합이 추가됩니다.

위와 같은 그림에서 개별 항목 옆에 있는 세 줄 모양의 아이콘을 클릭하면 세부 설정을 지정할 수 있습니다. 가령 개별 옵션에 대한 상품 사진을 추가할 수 있고 가격을 지정할 수 있습니다. 개별 옵션에 대하여 원하는 설정을 한 후에 발행하면 상품이 등록됩니다. 테스트로 올린 상품을 보면 아래와 같이 “컬러”와 “사이즈”를 선택할 수 있는 옵션이 추가되어 있습니다.

컬러와 사이즈를 지정하면 개별 옵션에 대해 지정한 가격이 표시됩니다.

YITH WOOCOMMERCE PRODUCT ADD-ONS(우커머스 상품 애드온)

옵션만으로 부족한 경우가 있을 수 있습니다. 고객의 특정 요구 사항에 맞게 옵션을 추가해야 하는 경우 YITH  우커머스 상품 애드온 플러그인을 사용해볼 수 있습니다. 이 플러그인을 사용하면 아래 그림과 같이 상품을 구성할 수 있습니다.

우커머스 추가 상품 옵션 추가하기

위에서 잠시 설명했지만 “variation”이라는 용어가 한글로 “옵션”으로 번역되어 있습니다. variation을 사전에서 찾아보면 “변화, 변동”의 의미를 가지고 있습니다. 즉, 동일한 상품의 다른 버전 정도로 해석할 수 있습니다.

“옵션”이라는 용어는 조금 다른 뜻을 가질 수 있습니다. 예를 들어, 아래 그림과 같이 상품에 어떤 부가적인 구성품을 추가하는 것에 대하여 “옵션” 추가라는 용어를 사용하기도 합니다.

위와 같이 추가 상품 옵션(Product Option)을 추가하려는 경우 WooCommerce Extra Product Options라는 플러그인을 사용할 수 있습니다.

WooCommerce Extra Product Options 플러그인은 우커머스 관련 플러그인으로는 드물게 주간 베스트셀링 플러그인 목록에 이름을 올리고 있습니다. 그만큼 이와 같은 기능을 원하는 사용자가 많은 것 같습니다.

워드프레스 쇼핑몰에서 상품 옵션을 추가하려는 경우 이 플러그인을 사용하면 편리할 것 같습니다. 참고로 이 플러그인은 다음 플러그인과는 호환되지 않는다고 나와 있으니 참고하시기 바랍니다(2016년 4월 기준).

• AnsPress, Tracking Code Manager, WooCommerce Bookings from Woothemes, Business Hours Pro WordPress Plugin, Woocommerce Add to cart Ajax for variable products (not compatible with the edit options feature in the cart), WooCommerce Wholesale Ordering, WooCommerce Group Pricing, Subscriptio – WooCommerce Subscriptions, VarkTech Pricing Deals for WooCommerce, Woocommerce Prices by User Role (* Woocommerce Prices by User Role 플러그인은 사용자 역할(회원 등급)별로 가격을 설정하는 기능을 제공하네요. 그리고 게스트에게는 장바구니 버튼이나 가격을 숨길 수 있는 기능도 있습니다.)

워드프레스 우커머스 상품 번들 플러그인

사이트에서 고객이 어떤 상품을 구매할 때 고객이 추가로 구매하기를 원하는 상품이 있는 경우 YITH WooCommerce Product Bundles 플러그인을 사용할 수 있습니다. 자세한 내용은 워드프레스 우커머스 상품 번들 플러그인 – YITH WooCommerce Product Bundles를 참고하세요.

YITH WOOCOMMERCE BULK PRODUCT EDITING(우커머스 대량 상품 일괄 편집)

많은 상품이 있고 상품 설명, 카테고리, 가격 등을 빠르게 수정하고 싶은 경우에 YITH WOOCOMMERCE BULK PRODUCT EDITING 플러그인을 사용해볼 수 있습니다.

참고 동영상:

상품 옵션(Variation)을 지정하는 방법을 다음 동영상을 통해 확인할 수 있습니다. 영어로 되어 있습니다만, 위의 글을 읽은 후에 보면 영어를 잘 모르더라도 어느 정도 이해가 될 것입니다.