우커머스 블록 완전 정복 가이드

WooCommerce는 WordPress에서 전자 상거래 사이트를 구축하기 위한 인기 있는 플러그인 중 하나입니다. WooCommerce Blocks는 WooCommerce의 플러그인 중 하나로, 사용자가 WordPress에서 온라인 스토어를 쉽게 만들 수 있도록 설계되었습니다. WooCommerce Blocks는 개인화된 스토어 페이지를 만들고, 제품을 표시하며, 제품 필터링 및 검색과 같은 고급 전자 상거래 기능을 코드 한 줄 작성 없이 추가하는 것을 지원합니다. 

이 새로운 블록을 사용하려면 WordPress WooCommerce Blocks 플러그인을 설치해야 합니다. 이 플러그인은 핵심 WooCommerce에 추가될 수 있는 실험적 기능의 테스트 공간입니다.

이 실용적인 가이드에서는 WooCommerce 블록의 기능과 사용자 정의 방법에 대해 논의합니다. 

WooCommerce 블록이란 무엇입니까?

WooCommerce 블록은 WordPress 블록 편집기(Gutenberg)와 통합된 블록 모음입니다. 이를 통해 페이지와 게시물에 다양한 WooCommerce 기능과 기능을 쉽게 추가할 수 있습니다. 코드를 작성하지 않고도 이러한 블록을 사용하여 제품, 제품 카테고리, 검색 필터, 장바구니, 결제 등을 표시할 수 있습니다.

간단히 말해서, WooCommerce 블록은 블록 편집기를 사용하여 WordPress 사이트에 삽입할 수 있는 사전 구축된 컴포넌트로, WooCommerce에서 제공하는 전자 상거래 기능을 쉽게 통합할 수 있습니다. 이것은 WooCommerce 플러그인의 핵심이므로 WordPress 사이트에 WooCommerce를 설치하고 활성화하면 자동으로 제공됩니다.

또한 WordPress 블록 편집기와 원활하게 통합되어 익숙한 드래그 앤 드롭 인터페이스를 사용하여 사용자 정의 제품 페이지, 카테고리 레이아웃 및 쇼핑 경험을 구축할 수 있습니다. 여기에 확장...

WooCommerce 블록의 기능 목록

WooCommerce 블록이 무엇인지 이해한 후, 각 기능이 제공되는 것을 하나씩 논의할 것입니다:

• 모든 제품: 모든 스토어 제품을 그리드 형식으로 표시합니다.
• 활성 제품 필터: 활성 제품 필터를 목록 형식 또는 칩(버튼과 유사)으로 표시합니다.
• 모든 리뷰: 모든 제품 리뷰를 표시합니다.
• 베스트 셀링 제품: 베스트 셀링 제품을 그리드 형식으로 표시합니다.
• 체크아웃: 고객이 주문을 완료할 수 있는 양식을 표시합니다.
• 장바구니: 쇼핑 카트를 표시합니다.
• 주요 카테고리: 호출 버튼과 함께 특정 제품 카테고리를 강조 표시합니다.
• 추천 제품: 선택한 추천 제품을 표시합니다.
• 가격별 필터: 고객이 제품을 필터링할 수 있는 가격 범위를 표시합니다. 버튼이나 텍스트를 클릭하여 편집 가능한 가격 범위를 활성화할 수도 있습니다.
• 재고별 필터: 재고 상태에 따라 제품을 필터링할 수 있습니다. 이 기능을 통해 재고 있음, 재고 없음 또는 재주문 중인 제품을 표시하는 옵션을 제공합니다.
• 평점별 필터: 고객이 평점별로 제품을 필터링할 수 있습니다.
• 속성별 필터: 크기 또는 색상을 기반으로 제품을 필터링합니다.
• 손으로 고른 제품: 손으로 고른 제품을 그리드 형식으로 표시하여 특정 제품을 선택하여 표시할 수 있습니다.
• 미니 카트: 쇼핑 카트의 간략한 보기를 제공합니다.
• 최신 제품: 가장 최근 제품을 그리드 형식으로 표시합니다. 제목, 가격, 평가 및 구매 버튼과 같은 요소를 추가/제거하여 사용자 정의할 수 있습니다.
• 할인 제품: 현재 할인 중인 제품을 그리드 형식으로 표시하며 제목, 가격, 평가, 구매 버튼 등의 요소를 추가/제거하여 사용자 정의할 수 있습니다.
• 제품 검색: 제품 검색을 용이하게 하기 위해 검색창을 추가합니다.
• 태그별 제품: 특정 태그/라벨이 있는 제품을 그리드 형식으로 표시합니다.
• 속성별 제품: 특정 속성(색상, 크기 등)이 있는 제품을 그리드 형식으로 표시합니다.
• 카테고리별 제품: 카테고리별로 제품을 그리드 형식으로 표시합니다.
• 제품별 리뷰: 제품별로 그룹화된 리뷰를 표시합니다.
• 카테고리별 리뷰: 특정 카테고리의 제품 리뷰를 표시합니다.
• 단일 제품: 단일 제품에 대한 자세한 정보를 표시합니다.
• 최고 등급 제품: 가장 높은 등급의 제품을 그리드 형식으로 표시합니다.

WooCommerce에서 제품 그리드 블록을 사용하는 방법

WooCommerce 블록에서 사용 가능한 기능에 대해 알아보는 것 외에도 WooCommerce에서 제품 그리드를 사용하거나 추가해 보겠습니다. WooCommerce 블록 플러그인이 웹사이트에 설치되어 있는지 확인하십시오. 추가 방법은 다음과 같습니다

1. 제품 그리드를 표시하려는 페이지 또는 게시물을 엽니다, 제목을 입력합니다 "제품".

2. 왼쪽 탐색 창에서 (+) 버튼을 클릭 > WooCommerce 섹션으로 스크롤 > "제품 그리드"를 선택합니다.

3. 다음으로 블록을 구성하려면 오른쪽 패널로 이동하십시오.

이 패널에서는 여러 가지를 조정할 수 있습니다

• 레이아웃 설정: 제품 그리드에 표시되는 행과 열의 수를 사용자 정의할 수 있습니다. 예를 들어, 균형 잡힌 보기를 위해 둘 다 2로 설정합니다.
• 콘텐츠 설정: 제품 정렬을 위한 드롭다운 메뉴를 표시할 수 있습니다. 이 기능을 통해 고객은 자신의 선호도에 따라 제품을 정렬할 수 있습니다. 필요하지 않은 경우 이 기능을 비활성화할 수 있습니다.
• 고급 스타일링: CSS 클래스를 추가하여 모양을 사용자 정의할 수 있습니다.

페이지에 추천 제품을 추가하는 방법

특정 제품을 페이지나 게시물에 표시할 수 있는 추천 제품 블록입니다. 이 블록을 사용하면 제품을 선택하고 모양을 사용자 정의한 다음 콘텐츠에 배치하여 홍보하려는 항목에 방문자를 유인할 수 있습니다.

추천 제품 블록을 추가하려면 다음 단계를 따르십시오

1. 추가하려는 페이지 또는 게시물을 엽니다. 예를 들어, 제품 그리드 위에 배치하는 경우 해당 영역에 공간을 만들고 나타나는 "+" 버튼을 클릭합니다.

2. 블록 툴바에서 '+' 버튼을 선택하여 블록 목록을 열고 '주요 제품'을 검색하여 선택합니다.

3. 강조 표시하려는 제품을 선택한 다음 "완료"를 클릭합니다.
4. 블록 모양을 사용자 정의하려면 "설정"을 클릭합니다. 설정 패널에서 여러 가지를 조정할 수 있습니다.

• 제품 설명 및 가격 표시 여부를 선택합니다.
• 미디어 디스플레이(이미지 및 비디오) 구성.
• 제품 이미지의 대체 텍스트를 추가합니다.
• 블록 오버레이 색상을 선택합니다.
• 블록 불투명도 조정.

5. 조정한 후 페이지 게시 또는 업데이트하여 표시된 추천 제품 블록을 볼 수 있습니다.

WooCommerce에 필터 블록을 추가하는 방법

WooCommerce 필터 블록을 사용하면 고객이 검색 기준과 일치하는 제품을 쉽게 찾을 수 있습니다. 필터링 옵션을 제공함으로써 고객은 관련 제품을 빠르게 검색하여 결과를 좁힐 수 있습니다.

필터 블록을 추가하려면 다음 단계를 따르십시오

1. 필터 블록을 배치하려는 페이지 또는 게시물을 엽니다.
2. 필터 블록을 배치 할 원하는 위치를 결정합니다.
3. 블록 편집기 툴바에서 '+' 버튼을 클릭하고 가격 필터, 재고 필터, 속성 필터 및 등급 필터와 같은 WooCommerce 필터 옵션을 검색합니다.

이제 사용 가능한 각 필터 유형에 대해 논의해 보겠습니다. 

가격별 필터 추가

가격 필터 제품 블록을 사용하면 사용자가 원하는 가격대를 선택할 수 있는 필터링 기능을 추가할 수 있습니다. 가격 범위는 편집 가능한 버튼이나 일반 텍스트로 표시할 수 있습니다. 필요한 경우 버튼을 추가하고 제목 수준을 조정할 수 있습니다.

속성별 필터 추가

제품 속성 필터 블록을 사용하면 색상 및 크기 등의 속성을 기반으로 제품을 필터링 할 수 있습니다. 사용 가능한 목록에서 사용하려는 속성을 선택할 수 있습니다. 목록 또는 드롭 다운 메뉴 형식으로 표시 할 수 있습니다. 쿼리 유형을 AND 또는 OR로 구성 할 수도 있습니다. 다른 기능으로는 제품 수 표시, 제목 수준 선택, 버튼 추가 및 필터 선택이 있습니다.

재고별 필터 추가

The Stock Status Product Filter Block allows users to display products based on their availability status. They can display available products (in stock), out of stock (out of stock), or on backorder. You can also configure it to display the number of products, select the heading level, and add buttons. This block can be used with other WooCommerce blocks, such as All Products. Unfortunately, this block does not provide a preview when added to the page.

장바구니 및 결제 블록

우리의 장바구니 블록은 페이지에 장바구니 디스플레이를 추가합니다. 배송비 계산기를 포함하거나, 결제 버튼에 대한 링크를 선택하거나, 어두운 모드 디스플레이를 설정할 수 있습니다. 이 블록은 또한 WooCommerce 설정에서 페이지를 기본 장바구니 페이지로 설정할 수 있다는 알림을 제공합니다. 피드백을 제공할 수 있는 링크도 포함되어 있습니다.

한편, 결제 블록은 쇼핑 카트에 대한 결제 양식을 제공합니다. 이 페이지는 WooCommerce 설정에서 기본 결제 페이지로 설정할 수 있음을 알 수 있습니다. 또한 어두운 모드 표시 옵션이 있습니다. 이 블록은 개별적으로 사용자 정의할 수 있는 여러 요소로 구성됩니다. 불행히도 이 블록은 페이지에 추가되면 미리보기를 제공하지 않습니다.

WooCommerce에서 상점 페이지를 사용자 정의하는 방법

다양한 WooCommerce 블록 사용법을 익힌 후 여러 가지를 조합하여 사용자 친화적인 사용자 지정 상점 페이지를 만들 수 있습니다. 이 특정 상점 페이지 레이아웃을 작성하려면 다음 단계를 따르십시오.

1. 새 페이지를 만들고 이름을 "상점"이라고 지정합니다.

2. 제품 검색 블록을 추가합니다..

3. 제품 카테고리 목록 블록 추가

그런 다음 표시 스타일을 드롭다운으로 설정합니다.

4. 가격 필터 블록을 추가합니다.
5. 추천 제품 블록을 추가하고 강조 표시하려는 제품을 선택합니다. 필요에 따라 구성합니다.

6. 모든 제품 블록을 추가합니다.

열과 행의 수를 2로 설정하고 정렬 드롭다운 옵션을 끕니다.

7. 마지막으로 페이지를 게시하여 생성한 상점 페이지의 최종 레이아웃을 확인합니다.

WooCommerce 블록으로 온라인 스토어를 구축하고 제품을 판매하세요

WooCommerce 블록으로 사용자 정의 제품 페이지를 성공적으로 만든 후에는 물리적 및 디지털 제품을 판매할 수 있습니다. 특히 디지털 제품의 경우 WP File Download 애드온과 같은 파일 다운로드 플러그인을 추가하는 것이 중요합니다.

이 플러그인을 사용하면 WooCommerce에서 디지털 다운로드 제품을 판매할 수 있습니다. WP File Download 애드온을 사용하면 WooCommerce 디지털 제품에 대한 파일 및 파일 카테고리를 쉽게 관리할 수 있습니다. 하나 또는 여러 파일과 관련된 많은 디지털 다운로드 제품을 빠르게 생성할 수 있습니다.

또한 이 플러그인은 Dropbox, Google Drive, Microsoft OneDrive및 Social Locker 기능과 통합됩니다. 클라우드 API 커넥터를 통해 WooCommerce 디지털 다운로드로 이러한 클라우드 서비스의 파일을 제공할 수 있으며 액세스가 제한됩니다.

WP File Download 애드온을 사용하면 WooCommerce 온라인 스토어에서 디지털 제품을 보다 쉽고 효율적으로 판매할 수 있습니다. WooCommerce 블록으로 스토어를 구축한 후 이 플러그인은 디지털 콘텐츠 판매를 완벽하게 보완합니다.

결론

WooCommerce 블록은 코드를 작성하지 않고도 WordPress에서 완전한 온라인 스토어를 구축할 수 있는 플러그인입니다. 제품 그리드, 필터 및 추천 제품 디스플레이와 같은 다양한 블록을 사용하여 쉽고 사용자 친화적인 쇼핑 경험을 만들 수 있습니다. 익숙한 드래그 앤 드롭 인터페이스를 통해 온라인 스토어 개발이 더 빠르고 효율적으로 이루어집니다.

온라인 스토어를 구축한 후 다음 단계는 실제 제품과 디지털 제품을 판매하는 것입니다. WP File Download 애드온 플러그인을 사용하여 WooCommerce로 디지털 제품 판매, 예: 전자책, 소프트웨어 또는 멀티미디어 콘텐츠를 판매할 수 있습니다.

WP File Download 애드온은 연간 $49부터 시작하여 60,000명 이상의 회원들이 사용하고 있습니다. 무엇을 기다리고 계십니까? 더 나은 디지털 제품 판매를 위해 우리와 함께 하십시오!