그것들은 무엇이며 어떻게 사용합니까?

온라인 상점을 운영하는 것은 어려울 수 있습니다. 고객이 원하는 항목을 찾을 수 있도록 제품을 구성해야 합니다. 다행히 WooCommerce 제품 필터 블록 은 사용자 지정 항목을 몇 초 안에 그룹화하고 표시할 수 있습니다.

제품 필터 블록을 사용하면 WooCommerce 상점 항목을 특성에 따라 구성할 수 있습니다. 여기에는 가격, 카테고리, 속성 또는 태그가 포함될 수 있습니다. 그런 다음 게시물이나 페이지에 블록을 삽입하기만 하면 고객이 필터링된 결과를 찾을 수 있습니다.

이 가이드에서는 다양한 WooCommerce 제품 필터 블록을 모두 소개하고 사용을 고려해야 하는 이유에 대해 논의합니다. 그런 다음 온라인 상점에 이러한 요소를 삽입하고 구성하는 방법을 설명합니다. 시작하자!

목차:

WooCommerce 제품 필터 블록 소개

WooCommerce에는 사용자가 온라인 상점에서 특정 제품을 검색할 수 있도록 설계된 WooCommerce 블록 모음이 있습니다. 이러한 대화형 요소를 통해 소비자는 결과를 필터링하고 필요에 가장 적합한 항목을 찾을 수 있습니다.

다음은 무료 WooCommerce 제품 필터 블록에 대한 간략한 개요입니다.

• 가격별로 제품 필터링: 이 블록을 사용하면 고객이 슬라이더를 사용하여 가격 범위를 선택하고 해당 범위에 맞는 항목만 표시할 수 있습니다.
• 속성별 제품 필터링: 고객이 크기, 색상 및 스타일을 포함한 속성에 따라 항목을 검색할 수 있습니다.
• 활성 제품 필터: 고객이 이미 검색에 적용한 필터를 확인하여 조정할 수 있도록 도와줍니다.
• 재고별 제품 필터링: 이 블록은 재고 있음, 재고 없음 또는 이월 주문 항목만 표시합니다.

게시물, 페이지 및 위젯 영역에서 이러한 블록을 사용할 수 있습니다. 블록과 상호 작용할 때 고객은 미리 결정된 매개 변수 중에서 선택하여 필터링된 결과를 볼 수 있습니다.

제품 필터를 보다 유연하게 설정하려면 전용 WooCommerce 제품 필터 플러그인을 설치할 수도 있습니다. 이 기사 뒷부분에서 몇 가지 품질 옵션을 공유할 것입니다.

WooCommerce 제품 필터 블록 사용을 고려해야 하는 이유

WooCommerce 제품 필터 블록은 온라인 상점의 사용자 경험(UX)을 크게 향상시킬 수 있습니다. 광범위한 제품 카탈로그가 있는 경우 고객은 자신의 요구에 맞는 항목을 찾는 동안 항목을 스크롤하는 데 몇 시간을 보낼 수 있습니다. 그러나 그들은 좌절감을 느끼고 다른 곳에서 쇼핑하기 위해 클릭할 것입니다.

판매하는 상품에 따라 제품 필터를 통해 고객은 매장에서 필요에 맞는 색상, 크기, 재료 및 브랜드를 검색할 수 있습니다. 또한 결과는 동일한 페이지에서 업데이트됩니다. 따라서 소비자는 카테고리 페이지로 이동하여 쇼핑 경험을 방해할 필요가 없습니다.

WooCommerce 제품 필터 블록을 사용하는 방법

이 첫 번째 섹션에서는 WooCommerce가 자동으로 포함하는 기본 제품 필터 블록을 사용하는 방법을 보여줍니다. 다시 말하지만 유연성을 높이기 위해 다음 섹션에서 WooCommerce 제품 필터 플러그인 중 하나를 고려할 수 있습니다.

대부분의 WooCommerce 제품 필터 블록은 동일한 방식으로 작동합니다. 블록을 삽입한 다음 표시되는 제품 특성을 결정하기만 하면 됩니다.

+ 버튼을 클릭하여 새 블록을 삽입하고 "WooCommerce 필터"를 검색하면 WordPress에서 이러한 모든 블록을 찾을 수 있습니다.

먼저 WooCommerce 제품에 속성, 태그, 카테고리 및 기타 특성을 추가해야 합니다. 그렇지 않으면 블록에서 사용할 데이터가 없습니다.

이제 WooCommerce 제품 필터 블록을 사용하는 방법을 살펴보겠습니다. 속성 요소로 제품 필터링 을 예로 사용하겠습니다.

1단계: WooCommerce 제품에 속성 추가

️ 참고 – 다른 필터(예: 가격 또는 재고)의 경우 속성을 설정할 필요가 없습니다.

아직 추가하지 않았다면 WooCommerce 제품에 카테고리, 태그 및 속성을 추가할 수 있습니다. 이러한 분류를 통해 고객은 원하는 항목을 더 쉽게 찾을 수 있습니다. 또한 WooCommerce 제품 필터 블록은 이러한 분류 없이는 작동하지 않습니다.

WordPress 대시보드에서 제품 > 속성 으로 이동하여 시작합니다. 여기에서 제품에 대한 새 분류를 만들 수 있습니다. 보시다시피 온라인 상점에는 이미 색상 과 크기 가 있습니다.

새 속성의 이름과 슬러그를 입력해야 합니다. 그런 다음 속성 추가 를 클릭하여 분류를 저장합니다. 제품 카테고리(및 하위 카테고리) 및 ​​태그에 대해 동일한 프로세스를 따를 수 있습니다.

그런 다음 제품을 열어 분류를 추가합니다. 제품 > 모든 제품 으로 이동하고 항목을 클릭하여 이를 수행할 수 있습니다.

이제 제품 데이터 섹션으로 스크롤하여 속성 메뉴를 엽니다.

드롭다운 메뉴에서 속성을 선택하고 추가 를 클릭하여 제품에 속성을 추가할 수 있습니다. 그런 다음 속성 옆에 있는 드롭다운 화살표를 선택하여 사용자 지정 정보를 입력합니다.

예를 들어 이 예에서는 Red 를 제품에 Color 속성으로 추가했습니다.

모든 변수를 추가했으면 속성 저장 을 클릭합니다. 이제 고객은 WooCommerce 제품 필터 블록을 통해 이러한 특성을 가진 항목을 찾을 수 있습니다.

2단계: 제품 필터 블록 삽입

다음으로 제품 필터 블록을 사용하려는 페이지나 게시물을 열어야 합니다. 고객이 탐색하는 동안 결과를 필터링할 수 있도록 쇼핑 페이지의 사이드바에 있는 요소를 활용하는 것도 고려할 수 있습니다.

먼저 페이지에 모든 제품 블록을 추가해야 합니다. 그렇지 않으면 WooCommerce가 특정 항목을 필터링하고 표시할 수 없습니다.

+ 버튼을 클릭하고 "모든 제품"을 검색하면 됩니다. 블록을 선택하고 페이지에 추가합니다.

다음으로 "WooCommerce 필터 속성:"을 검색합니다.

블록을 클릭하면 페이지에 삽입됩니다. 이제 제품 속성을 검색하거나 드롭다운 목록에서 선택할 수 있습니다. 이 예에서는 Color 를 사용할 것입니다.

이제 블록이 새 제목과 선택한 제품 속성(예: 다양한 항목 색상) 목록을 표시하도록 변환됩니다.

모양이 마음에 들면 블록을 그대로 둘 수 있습니다. 또는 다음 단계에서 이 요소의 모양을 사용자 지정하는 방법에 대해 설명합니다.

3단계: 차단 설정 구성

다음으로 WooCommerce 제품 필터 블록의 모양을 사용자 지정할 수 있습니다. Filter Products by Attribute 블록을 클릭한 다음 오른쪽에 있는 톱니바퀴 아이콘을 선택하기만 하면 됩니다.

여기에서 제품 수 를 표시할지 여부를 선택할 수 있습니다. 이 설정은 항목의 카탈로그가 많고 고객이 선택할 수 있는 광범위한 범위를 제공하려는 경우에 유용할 수 있습니다.

제품 속성에 대한 제목 수준 을 선택할 수도 있습니다. 기본값은 H3 이지만 상점의 스타일 요구 사항에 맞게 H2 에서 H6 까지 선택할 수 있습니다.

아래로 스크롤하면 차단 설정 아래에 몇 가지 추가 구성이 표시되어야 합니다.

여기에서 쿼리 유형 을 선택할 수 있습니다. And 를 선택하면 WooCommerce는 고객이 지정한 모든 속성을 포함하는 제품만 표시합니다. 한편 Or 옵션은 속성 중 하나 이상이 있는 모든 항목을 표시합니다.

표시 유형 에서 속성을 목록 또는 드롭다운 형식으로 표시하도록 선택할 수 있습니다. 두 옵션 모두 비교적 사용자 친화적입니다.

마지막으로 필터 버튼 을 활성화하도록 선택할 수 있습니다. 이 기능을 켜면 고객은 검색 결과를 필터링하기 위해 이동 을 클릭해야 합니다. 그러나 그대로 두면 속성 중 하나를 선택하기만 하면 표시된 제품이 업데이트됩니다.

그게 다야! 이제 WooCommerce 제품 필터 블록을 실행할 준비가 되었습니다.

변경 사항을 저장하고 게시하기만 하면 됩니다. 이제 고객은 특정 속성으로 제품 검색을 필터링할 수 있습니다.

WooCommerce 제품 필터 플러그인 개요

무료 WooCommerce 블록 외에도 타사 플러그인에 액세스하여 필터 설정에 더 많은 유연성을 추가할 수도 있습니다. 예를 들어 WooCommerce 상품 검색 플러그인에는 다음 필터 옵션이 포함되어 있습니다.

• 제품: 필터링된 제품 컬렉션을 표시합니다. 이 블록은 상점 페이지를 복제하고 동일한 페이지의 다른 제품 필터 블록에서 제어하는 ​​항목을 렌더링할 수 있습니다.
• 검색: WooCommerce 스토어에 대한 필터링된 검색 기능을 생성합니다.
• 카테고리: 의류 유형 또는 성별과 같은 특정 카테고리에 해당하는 제품을 표시합니다.
• 속성: 색상, 브랜드, 크기, 모양, 제조사 또는 특정 기능과 같은 특정 속성을 가진 제품을 표시합니다.
• 태그: "추천", "로고" 또는 "트렌딩"을 포함하여 제품 태그에 해당하는 제품을 표시합니다.
• 가격: 지정된 가격 매개변수 내의 제품을 표시합니다.
• 등급: 평균 등급에 따라 제품을 제시합니다.
• 세일: 세일 중인 제품만 표시합니다.
• 재고: 재고 가 있는 상품만 표시합니다.
• 재설정: 고객이 제품 필터 매개변수를 재설정할 수 있습니다. 그런 다음 사용 가능한 모든 항목을 보거나 새 설정을 입력하여 검색을 사용자 지정할 수 있습니다.

또는 WooCommerce 플러그인용 WOOF 제품 필터 사용을 고려할 수 있습니다.

이 플러그인을 사용하여 고객은 카테고리, 속성, 태그, 사용자 정의 분류 및 가격에 따라 항목을 필터링할 수 있습니다. 또한 표시된 결과는 일반적으로 기본 WooCommerce 블록보다 더 매력적이고 사용자 정의할 수 있습니다.

WooBeWoo의 WooCommerce 제품 필터는 또 다른 우수한 프리미엄 옵션입니다.

단독으로 사용하거나 Elementor와 함께 사용하여 고유한 제품 필터 및 레이아웃 조건을 설계할 수 있습니다. 프리미엄 플러그인에는 카테고리 아이콘, 사용자 정의 스타일 및 필터 숨기기/표시 버튼과 같은 추가 기능이 포함되어 있습니다.

지금 WooCommerce 제품 필터 시작하기

다행히 WooCommerce 제품 필터 블록을 사용하는 것도 매우 쉽습니다. 카테고리, 속성 또는 태그와 같은 분류를 제품에 추가하기만 하면 됩니다. 그런 다음 상점 페이지에서 모든 제품 블록과 함께 해당 WooCommerce 블록을 사용할 수 있습니다.

유연성을 높이기 위해 전용 WooCommerce 제품 필터 플러그인을 설치할 수도 있습니다.

더 나은 WooCommerce 스토어를 만드는 더 많은 방법을 찾으려면 필수 WooCommerce 플러그인 컬렉션을 확인할 수도 있습니다.

WooCommerce 제품 필터 블록 사용에 대해 질문이 있습니까? 아래 의견 섹션에서 알려주십시오!