우커머스 블록 완벽 가이드

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

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

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

WooCommerce Block이란 무엇인가요?

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

더 간단히 말하면, WooCommerce 블록은 블록 편집기를 사용하여 WordPress 사이트에 삽입할 수 있는 미리 만들어진 구성 요소로, WooCommerce에서 제공하는 전자상거래 기능을 쉽게 통합할 수 있는 방법을 제공합니다. 이는 핵심 WooCommerce 플러그인의 일부이므로, WordPress 사이트에 WooCommerce를 설치하고 활성화하면 자동으로 사용할 수 있습니다.

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

WooCommerce 블록의 목록 기능

WooCommerce 블록이 무엇인지 이해한 후, 다음으로 제공되는 각 기능을 하나씩 살펴보겠습니다:

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

우커머스에서 상품 그리드 블록 사용 방법

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

1. 상품 그리드를 표시할 페이지 또는 글을 열고 제목에 "상품"을 입력하세요.

2. 왼쪽 내비게이션에서(+) 버튼을 클릭한 후 > WooCommerce 섹션으로 스크롤하여 > "제품 그리드"를 선택합니다.

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

이 패널에서는 다음을 포함한 여러 가지를 조정할 수 있습니다:

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

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

추천 상품 블록을 사용하면 페이지나 글에 특정 상품을 표시할 수 있습니다. 이 블록을 사용하면 상품을 선택하고, 모양을 사용자 지정하고, 콘텐츠에 배치하여 방문자의 관심을 홍보하려는 항목으로 유도할 수 있습니다.

추천 상품 블록을 추가하려면 다음 단계를 따르세요:

1. 추가하려는 페이지나 글을 엽니다. 예를 들어 제품 그리드 위에 배치하려면 해당 영역에 공간을 만들고 나타나는 "+" 버튼을 클릭하세요.

2. 블록 툴바에서 "+" 버튼을 선택하여 블록 목록을 연 다음, 검색하여 "Featured Product"를 선택하세요.

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

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

5. 조정한 후 페이지를 게시하거나 업데이트하여 추천 상품 블록 표시를 확인할 수 있습니다.

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

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

필터 블록을 추가하려면 다음 단계를 따르세요:

1. 필터 블록을 배치할 페이지나 글을 엽니다.
2. 필터 블록을 배치할 원하는 위치를 결정합니다.
3. 블록 편집기 도구 모음에서 "+" 버튼을 클릭하고 가격 필터, 재고 필터, 속성 필터, 평점 필터와 같은 WooCommerce 필터 옵션을 검색하세요.

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

가격별 필터 추가

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

속성별 필터 추가

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

재고별 필터 추가

재고 상태 상품 필터 블록을 사용하면 사용자가 재고 상태에 따라 상품을 표시할 수 있습니다. 재고 있음(재고 있음), 품절(품절) 또는 이월 주문 상품을 표시할 수 있습니다. 또한 표시할 상품 수를 설정하고, 제목 수준을 선택하고, 버튼을 추가할 수도 있습니다. 이 블록은 All Products와 같은 다른 WooCommerce 블록과 함께 사용할 수 있습니다. 아쉽게도 이 블록은 페이지에 추가할 때 미리보기를 제공하지 않습니다.

장바구니 및 결제 블록

장바구니 블록은 페이지에 장바구니 표시를 추가합니다. 배송비 계산기를 포함하고, 결제 버튼에 사용할 링크를 선택하며, 다크 모드 표시를 설정할 수 있습니다. 이 블록은 또한 WooCommerce 설정에서 해당 페이지를 기본 장바구니 페이지로 설정할 수 있다는 알림을 제공합니다. 피드백을 제공할 수 있는 링크도 포함되어 있습니다.

한편, 결제 블록은 장바구니에 대한 결제 양식을 제공합니다. 이 페이지는 WooCommerce 설정에서 기본 결제 페이지로 설정할 수 있다는 안내를 받게 됩니다. 다크 모드 표시 옵션도 있습니다. 이 블록은 개별적으로 사용자 정의할 수 있는 여러 요소로 구성되어 있습니다. 아쉽게도 이 블록은 페이지에 추가된 후에는 미리보기를 제공하지 않습니다.

WooCommerce에서 사용자 정의 쇼핑 페이지를 만드는 방법

다양한 WooCommerce 블록을 사용하는 방법을 익힌 후에는 여러 블록을 조합하여 사용자 친화적인 맞춤형 쇼핑 페이지를 만들 수 있습니다. 이 특정 쇼핑 페이지 레이아웃을 구성하려면 다음 단계를 따르세요.

1. 새 페이지를 만들고 이름을 "Shop"으로 지정합니다.

2. Product Search block을(를) 추가합니다.

3. Product Categories List 블록을 추가하세요

그런 다음 표시 스타일을 드롭다운으로 설정하세요.

4. 가격 필터 블록을 추가하세요.
5. 추천 상품 블록을 추가하고 강조 표시할 상품을 선택하세요. 필요에 따라 구성하세요.

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

열과 행 수를 2로 설정하고 정렬 드롭다운 옵션을 끄세요.

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

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

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

이 플러그인을 사용하면 WooCommerce에서 디지털 다운로드 상품을 판매할 수 있습니다. WP File Download 애드온은 WooCommerce 디지털 상품의 파일 및 파일 카테고리 관리를 쉽게 해줍니다. 하나 또는 여러 파일과 연결된 많은 디지털 다운로드 상품을 빠르게 만들 수 있습니다.

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

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

Conclusion

WooCommerce Blocks는 코드를 작성하지 않고도 WordPress에서 완전한 온라인 스토어를 구축할 수 있게 해주는 플러그인입니다. 상품 그리드, 필터, 추천 상품 표시 등 다양한 블록을 사용하면 매력적이고 사용자 친화적인 쇼핑 경험을 쉽게 만들 수 있습니다. 익숙한 드래그 앤 드롭 인터페이스 덕분에 온라인 스토어 개발이 더 빠르고 효율적입니다.

온라인 스토어를 구축한 후 다음 단계는 실물 및 디지털 제품을 판매하는 것입니다. WP File Download Addon 플러그인을 활용하여 WooCommerce로 디지털 제품을 판매할 수 있습니다. 전자책, 소프트웨어 또는 멀티미디어 콘텐츠 등이 포함됩니다.

WP File Download 애드온은 연간 $49부터 이용할 수 있으며 60,000명 이상의 회원이 사용해 왔습니다. 그럼, 망설일 이유가 있을까요? 더 나은 디지털 제품 판매를 위해 함께하세요!