WooCommerce 변형 견본을 현명하게 사용하기 위한 완전한 가이드 [2022]

게시 됨: 2022-02-13

온라인 상점에서 판매를 늘리기 위한 첫 번째 단계는 잠재 고객에게 시각적으로 깊은 인상을 주는 것입니다. 그렇게 하려면 제품 페이지를 최적화해야 합니다.

구매자가 제품을 더 쉽게 선택할 수 있도록 하면 전환율이 높아집니다.

상점에 다양한 제품이 있는 경우 사용자 친화적인 방식으로 제품의 모든 변형을 표시하려고 합니다.

훌륭한 결과를 얻은 최신 트렌드 중 하나는 견본을 사용하여 드롭다운 메뉴 대신 변형 을 표시하는 것입니다.

따라서 WooCommerce 변형 견본을 사용하여 더 매력적이고 매력적인 방식으로 제품 변형을 제시하십시오.

다음과 같은 이유로 더 많은 구매자의 의도를 생성합니다.

구매자는 텍스트가 아닌 변형의 미리보기를 받게 됩니다. 예를 들어, 텍스트 '빨간색'을 선택하는 것보다 시각적으로 빨간색을 볼 수 있으므로 실용적인 결정을 내리는 데 도움이 됩니다.
드롭다운 메뉴보다 견본 버튼을 클릭하여 변형을 탐색하는 것이 더 쉽습니다.
견본은 구매자가 변형을 확인하도록 유도하고 구매자의 의도를 생성할 수 있습니다. 그들이 말했듯이, 제품에 더 많은 시간을 할애할수록 더 많이 사고 싶어집니다.

오늘 우리는 가장 결과 중심적인 방식으로 WooCommerce 스토어에서 변형 견본을 사용하는 방법에 대해 논의할 것입니다.

구매자의 의도를 향상시키기 위해 제품 변형에 따라 올바른 유형의 변형 견본을 적용하는 방법을 배우게 됩니다.

이 가이드를 읽고 나면 다음을 수행할 수 있습니다.

각 변형 견본 유형이 얼마나 중요한지 이해
변형에 대한 색상, 이미지 또는 레이블 견본을 직접 설정
변형 견본을 잘 사용하는 예
구매자의 의도를 높이고 판매를 늘리십시오.

그럼 본격적으로 살펴보겠습니다.

#	주제
1.	최대 결과를 위해 다양한 변형 견본을 사용해야 하는 시기와 이유 – 예 포함
2.	WooCommerce 변형에 대한 버튼 견본으로 드롭다운을 변경하는 방법은 무엇입니까?
삼.	제품 변형에 대해 WooCommerce 색상 견본을 설정하는 방법은 무엇입니까?
4.	WooCommerce 제품 변형에 대한 이미지 견본을 설정하는 방법은 무엇입니까?
5.	가변 제품에 대한 레이블 변형 견본을 설정하는 방법은 무엇입니까?

언제 그리고 왜 다른 변형 견본을 사용합니까?

가변 제품에는 다양한 유형이 있을 수 있습니다. 최대 참여를 만들기 위해 다양한 변형에 대해 고유한 변형 견본을 설정할 수 없습니다.

색상 변형 견본

제품은 다양한 색상으로 제공될 수 있습니다. 예를 들어 빨강, 파랑 및 노랑의 세 가지 색상이 있는 티셔츠를 판매한다고 가정해 보겠습니다.

그런 다음 색상 변형 견본을 사용하여 고객이 변형 중에서 선택할 수 있습니다.

기본적으로 WooCommerce는 사람들이 지루한 드롭다운 메뉴를 통해 선택할 수 있도록 합니다. 그러나 색상 견본 버튼을 사용하여 더 매력적으로 만들 수 있습니다.

차이점을 직접 확인하십시오.

기본

색상 변형 견본 사용

보시다시피 색상이 선명하게 보입니다. 따라서 사람은 선택이 더 쉽고 실용적이라는 것을 알게 될 것입니다.

이미지 변형 견본

특정 제품은 더 다양하며 이미지 변형 견본을 사용하여 변형을 제시할 수 있습니다.

예를 들어 다양한 모양의 선물 상자를 판매한다고 가정해 보겠습니다. 따라서 드롭다운 선택을 표시하는 대신 이미지 견본과 함께 변형을 표시할 수 있습니다.

이것이 얼마나 놀라운지 보여줍니다:

기본

이미지 변형 견본 사용

보시다시피, 변형은 모양에 대해 작은 견본으로 표시되어 더 매력적입니다.

팁:
모든 변형이 포함된 이미지를 제품의 추천 이미지로 사용하는 것이 항상 이상적입니다. 없는 경우 가장 인기 있는 변형의 이미지를 추천 이미지로 사용하십시오.

레이블 변형 견본

크기나 길이와 같은 특정 요소는 시각적으로 표현하기 어렵습니다.

예를 들어 L(대형), M(중형), S(소형) 크기의 티셔츠를 판매하는 경우 실제 크기를 시각적으로 표시할 방법이 없습니다.

이 경우 레이블 변형 견본 버튼을 사용하여 변형을 제시하여 여전히 매력적으로 만들 수 있습니다.

여전히 차이를 만드는 방법은 다음과 같습니다.

기본

레이블 변형 견본 사용

크기 시각화가 없음에도 불구하고 견본은 선택을 더욱 매력적으로 만듭니다. 사람들은 종종 호기심에 견본을 클릭합니다.

텍스트 변형 견본

크기와 마찬가지로 소재나 연령층 관련 변형 등과 같은 변형 요소는 시각적으로 표현될 수 없으며 레이블로 표현될 수 없습니다.

예를 들어 Kids 사이즈, Teen 사이즈 및 Grow-up 사이즈의 모자를 판매한다고 가정해 보겠습니다.

이 경우 매력적인 버튼이 있는 텍스트 견본으로 바꿀 수 있습니다.

여기서 장점은 사용 가능한 모든 변형이 구매자 앞에 나열되며 구매자는 버튼을 클릭하기만 하면 선택할 수 있다는 것입니다.

미리보기는 다음과 같습니다.

기본

텍스트 변형 견본 사용

팁:
번호가 매겨진 값 이외의 크기 레이블이 있는 경우 사이트에 차트를 유지하여 크기의 정확한 값을 찾으십시오. 상점은 종종 이 차트가 없기 때문에 매출을 잃습니다. 고객은 정확한 크기를 찾기 위해 고객 관리 센터에 노크할 만큼 참을성이 없습니다.

보시다시피 변형 메뉴를 견본으로 변경하면 훨씬 더 매력적이고 매력적입니다.

이제 이러한 매력을 구현하려면 WooCommerce용 Variation Swatches 플러그인을 사용하여 쉽게 구현할 수 있습니다.

WooCommerce의 변형 견본

WooCommerce용 변형 견본은 변형의 기본 드롭다운 선택을 버튼 견본으로 쉽게 변경할 수 있는 간단한 플러그인입니다. 클릭 몇 번이면 됩니다.

WooCommerce용 변형 견본을 사용하여 온라인 상점에서 변형 견본을 쉽게 설정하는 방법에 대한 단계별 가이드를 제공하겠습니다.

WooCommerce 변형에 대한 버튼 견본으로 드롭다운을 변경하는 방법은 무엇입니까?

앞서 논의한 바와 같이 WooCommerce는 제품 페이지의 드롭다운 옵션으로 변형을 표시합니다.

그러나 플러그인을 사용하면 몇 번의 클릭만으로 변형 옵션을 드롭다운에서 버튼 견본으로 쉽게 변환할 수 있습니다.

다음은 단계별로 수행하는 방법입니다.

1. 먼저 WooCommerce용 Variation Swatches를 설치하고 활성화합니다.

관리 대시보드에 견본이라는 새 메뉴가 표시됩니다. 그것을 클릭하십시오.

플러그인 대시보드로 이동합니다.

2. 기본 견본 스타일 및 디자인 설정

일반 설정에는 마우스를 가져갔을 때 또는 선택했을 때 일반적으로 표시되는 견본의 색상과 테두리를 설정하는 옵션이 있습니다.

또한 글꼴 크기를 설정할 수 있습니다.

원하는 대로 이러한 설정을 구성합니다.

3. 컨트롤 탭으로 이동

왼쪽의 컨트롤 탭을 클릭합니다.

컨트롤 탭에는 많은 옵션이 있습니다.

4. 버튼 견본에 대한 드롭다운 활성화

여기에서 버튼 견본으로 드롭다운 옵션을 켭니다.

그런 다음 설정을 저장합니다. 이제 제품 페이지의 변형이 버튼 견본 형태로 표시되는 것을 볼 수 있습니다.

기본 드롭다운 선택

변형을 위한 버튼 견본

스토어의 버튼 견본에 대한 드롭다운을 활성화하면 이제 몇 가지 간단한 단계를 통해 견본을 색상, 이미지 또는 레이블 견본으로 쉽게 사용자 정의할 수 있습니다.

색상 변형을 위해 WooCommerce 색상 견본을 설정하는 방법

색상 견본을 사용하여 구매자가 선택할 색상에 대한 시각적 아이디어를 제공할 수 있습니다. 그래서 망설임이 없을 것입니다.

그리고 앞에서 보았듯이 색상 견본은 일반적인 드롭다운 선택에 비해 매우 매력적입니다.

색상 견본을 설정하려면 아래 단계를 따르세요.

1. 버튼 견본에 대한 드롭다운 활성화

먼저 앞에서 설명한 대로 버튼 크기에 대한 드롭다운을 활성화하는 단계를 따릅니다.

(버튼 견본에 대한 드롭다운을 활성화하는 방법을 읽으려면 여기를 클릭하십시오.)

2. 생성된 속성으로 이동

변형 용어는 일반적으로 속성으로 그룹화됩니다.

대시보드 > 제품 > 속성 으로 이동하면 상점에서 이미 생성한 속성 목록과 새 속성을 추가하는 옵션을 찾을 수 있습니다.

오른쪽에서 생성된 속성 목록을 볼 수 있습니다.

3. 원하는 속성을 색상 유형으로 변경

색상 견본을 사용하려는 속성 이름에 마우스를 가져갑니다.

편집 또는 삭제 옵션이 표시됩니다. 편집을 클릭하면 속성 편집 페이지로 이동합니다.

속성 편집 페이지로 이동하면 유형 필드가 있는 것을 볼 수 있습니다.

그것을 클릭하고 "색상"옵션을 선택하십시오.

그런 다음 아래의 업데이트 버튼을 클릭하십시오.

4. 변형 용어에 대한 색상 견본 설정

속성 유형을 "색상"으로 설정했으면 이제 이 속성 아래의 변형 용어에 색상 견본을 할당할 수 있습니다.

대시보드 > 제품 > 속성 으로 돌아가 속성의 오른쪽(방금 색상 유형으로 설정)에 "용어 구성" 옵션이 표시됩니다.

용어 구성을 클릭하면 다음 페이지로 이동합니다.

여기에서 색상 변형에 대한 용어를 추가하거나 오른쪽에서 상점의 색상에 대해 준비된 변형 용어를 볼 수 있습니다.

하나의 색상 용어에 마우스를 가져가면 편집 옵션이 표시됩니다.

수정을 클릭하면 수정 페이지로 이동합니다. 여기 아래에 색상을 선택할 수 있는 옵션이 있습니다.

"색상 선택"을 클릭하면 색상을 지정할 수 있는 옵션이 표시됩니다.

적절한 색상을 선택하고 색상 선택을 다시 클릭합니다.

그런 다음 아래의 업데이트 버튼을 클릭하십시오.

업데이트되면 뒤로 돌아가서 해당 색상 변형 용어의 이름 바로 옆에 색상 미리보기가 있는 것을 볼 수 있습니다.

나머지 색상 변형에 대해서도 동일하게 수행하면 됩니다. 이제 제품에 색상 변형에 대한 드롭다운 선택 대신 색상 변형 견본이 있습니다.

색상 변형 견본 사용