WooCommerce: WooCommerce 블록을 시작하는 방법 – 2부

WooCommerce는 전자 상거래 업계에서 한 번에 한 웹사이트의 영역을 표시하는 최고의 전자 상거래 플랫폼 중 하나이며 5백만 회 이상의 다운로드를 기록합니다. 중소기업 및 웹 전문가를 위한 완벽한 온라인 상점 솔루션을 제공합니다.

그리고 이제 개발 팀은 WooCommerce를 Gutenberg와 완벽하게 호환되도록 노력하고 있습니다. 그리고 첫 번째 단계는 새로운 WordPress 편집기에서 사용할 수 있는 맞춤형 WooCommerce 블록 을 구축하는 것입니다.

이 블록은 무료로 제공되며 코드를 한 줄도 입력하지 않고 WooCommerce 스토어의 전체 모양과 느낌을 사용자 정의하고 변경할 수 있습니다. 간단한 드래그 앤 드롭 도구를 사용하여 원하는 형식으로 웹사이트의 어디에나 매장 제품을 배치할 수 있습니다.

이 기사의 1부에서 우리는 10개의 WooCommerce 블록과 그 중요성을 보았습니다. 이 기사에서는 대화형 온라인 상점에 사용할 수 있는 10개의 블록에 대해 설명합니다. 하지만 먼저 스토어에서 이러한 블록을 추가하고 편집하는 방법에 대해 알아보겠습니다.

WooCommerce 블록을 추가하고 편집하는 방법은 무엇입니까?

WooCommerce Blocks를 추가하려면 먼저 WooCommerce Blocks 플러그인 사본을 다운로드해야 합니다.

설치하면 모든 페이지/게시물에서 사용자 정의 WooCommerce 블록을 사용하기 쉬워집니다. '블록 추가'[+] 아이콘을 클릭하고 추가하려는 WooCommerce 블록을 선택한 다음 페이지의 적절한 위치에 끌어다 놓기만 하면 됩니다.

전문가 팁: 스토어에 블록을 빠르게 추가하려면 '/' 키보드 단축키를 사용하세요. 그러면 사용 가능한 WooCommerce 블록 목록이 표시됩니다.

동시에 블록 편집도 쉽습니다. 편집하려는 블록을 클릭하고 오른쪽 블록 사용자 지정 패널에서 행 또는 열 수 조정과 같은 적절한 사용자 지정 옵션을 선택합니다. 변경 사항은 블록을 업데이트합니다.

이제 블록을 추가하고 편집하는 방법을 알았으므로 전자 상거래 상점에 추가하고 제품 검색을 더 쉽게 만들 수 있는 다음 10가지 WooCommerce 블록 세트로 이동해 보겠습니다.

필수 WooCommerce 블록 목록 [파트 2]

11. 세일 상품

판매 중인 제품 블록을 사용하여 매장에서 판매 중인 모든 제품을 표시 가능한 표준 그리드에 가져와 표시할 수 있습니다.

그리드의 행과 열 수를 수정하고 제품 제목, 등급, 가격 및 장바구니에 담기 버튼을 숨기거나 표시하도록 선택할 수 있습니다. 필터를 추가하여 고객이 다양한 카테고리별로 판매 중인 제품을 필터링할 수 있도록 할 수도 있습니다.

12. 상품 검색

WooCommerce 제품 검색 블록은 고객이 특정 키워드를 입력하고 제품을 검색할 수 있도록 상점에 검색 상자를 추가하는 가장 유용하고 고유한 블록 중 하나입니다.

이 블록에는 검색 필드 레이블을 표시하거나 숨기는 단일 사용자 지정 옵션이 제공됩니다.

전문가 팁: 제품 검색 블록을 페이지에 직접 배치하지 않고 전자 상거래 상점의 사이드바 또는 헤더에 배치하는 것이 좋습니다. 고객이 제품을 검색하는 경우 제품 결과 페이지에 검색 상자를 배치하면 제품 결과 페이지에 검색 상자가 표시되지 않아 고객 경험이 좋지 않기 때문입니다.

13. 제품 카테고리 목록

이 블록은 모든 제품 범주 목록을 표시합니다. 드롭다운이나 목록을 통해 범주를 표시하도록 선택할 수 있습니다. 카테고리의 예로는 후드티, 티셔츠, 신발 또는 액세서리가 있습니다.

카테고리 이미지, 카테고리 계층 구조(또는 하위 카테고리), 제품 수 및 빈 카테고리(제품이 할당되지 않은 카테고리 - 거의 불가능)를 숨기거나 표시할 수 있습니다.

모든 제품 카테고리 목록을 표시하면 고객이 WooCommerce 스토어에서 판매하는 다양한 제품 및 제품 카테고리를 쉽게 탐색하고 볼 수 있습니다.

14. 속성별 제품

속성별 제품 블록을 사용하면 색상이나 크기와 같은 속성별로 제품을 필터링하고 그리드에 표시할 수 있습니다. 이 블록을 사용하면 고객이 원하는 특정 제품 속성을 쉽게 선택할 수 있습니다.

사용자 정의 옵션은 제품 평가, 제목, 가격을 숨기거나 표시하고 장바구니에 추가 버튼을 표시하고 그리드의 행 및 열 수를 조정할 수 있는 다른 WooCommerce 블록과 유사합니다.

15. 태그별 제품

이 블록은 고객에게 보다 정밀하고 세분화된 필터링 옵션을 제공합니다.

제품별 태그 블록을 사용하여 특정 태그를 기반으로 제품을 나열할 수 있습니다. 예를 들어, 제품이 모자인 경우 태그는 버킷 햇, 폴로 햇, 카우보이 햇 또는 보터 햇이 될 수 있습니다. 사용자 정의 옵션은 속성별 제품 블록의 사용자 정의 옵션과 유사합니다.

16. 제품별 리뷰

제품별 리뷰는 많은 사용자 정의 옵션이 제공되지 않는 단순한 블록입니다.

이 블록을 사용하면 목록에서 선택한 특정 제품의 모든 리뷰를 표시할 수 있습니다. 예를 들어, 제품 모자를 선택하면 이 블록은 매장의 제품 모자에 대해 받은 모든 리뷰를 표시합니다.

제품별 리뷰 블록은 특정 제품 및 브랜드에 대한 고객의 신뢰를 구축하는 데 중요한 역할을 합니다.

17. 카테고리별 리뷰

카테고리별 리뷰 블록은 기사 1부에서 다룬 '모든 리뷰' 블록과 거의 유사합니다. 유일한 차이점은 이 블록의 특정 제품 범주를 기반으로 리뷰를 필터링하고 표시할 수 있다는 것입니다.

상품명, 상품 이미지, 상품평, 리뷰명, 리뷰 데이터, 리뷰 내용, 리뷰어 사진을 숨기거나 표시할 수 있습니다. 장바구니에 추가 버튼을 추가하도록 선택할 수도 있습니다.

다시 말하지만, 카테고리별 리뷰 블록을 사용하면 고객이 동료 구매자의 고객 리뷰를 통해 더 나은 정보에 입각한 구매 결정을 내릴 수 있습니다.

18. 최고 등급 제품

최고 평점 제품 블록은 별 등급과 함께 모든 제품의 그리드를 표시합니다. 일부 제품에는 별 등급이 있고 다른 제품에는 그렇지 않은 경우 가장 높은 또는 최고 등급의 제품을 기준으로 그리드를 정렬하고 기본 정렬 순서에 따라 나머지 제품을 정렬합니다.

사용자 정의 옵션은 On Sale Products 블록과 같이 그리드에 제품을 표시하는 다른 블록과 유사합니다. 그러나 범주별 추가 필터도 함께 제공되어 고객이 선택한 범주로 최고 등급의 제품을 필터링할 수 있습니다.

19. 엄선된 제품

직접 선택한 제품 블록을 사용하면 선택한 특정 제품을 직접 선택하여 표준 WooCommerce 제품 그리드에 표시할 수 있습니다.

원하는 제품을 최대한 많이 선택하여 해당 제품에 대한 최대 트래픽을 유도하고 판매를 늘릴 수 있습니다.

또한 직접 고른 제품의 레이아웃을 사용자 지정하고, 제품 제목, 제품 이름, 제품 등급을 숨기거나 표시하고, 장바구니에 담기 버튼, 필터 및 주문 옵션을 설정하고, 전체 제품 열 수를 설정할 수도 있습니다.

20. 재고별로 제품 필터링

Filter Products By Stock Block을 사용하여 재고 상태에 따라 매장 제품을 표시할 수 있습니다. 예를 들어 품절, 재고 있음 또는 이월 주문 중에서 상태를 선택할 수 있습니다.

제목 수준(H2, H3 또는 H4)을 선택하고, 제품 수를 표시하거나 숨기고, "이동"과 같은 선택적 필터 버튼을 추가할 수 있습니다. 이 외에도 이 블록에서는 다른 사용자 정의 옵션을 사용할 수 없습니다.

이 블록은 고객이 어떤 제품이 재고가 있는지, 이월 주문인지, 품절인지 확인할 수 있는 쉬운 방법이므로 찾고 있는 제품의 가용성에 대해 알아볼 수 있습니다.

결론

WooCommerce Blocks는 뛰어난 전자 상거래 상점을 만들고 모든 상점 페이지 또는 블로그 게시물에서 제품을 홍보하는 훌륭한 방법입니다.

추천 카테고리 및 제품을 표시하고 베스트 셀러 및 최신 제품을 표시하면서 특정 제품의 전환 및 판매를 극대화할 수 있습니다. 동시에 고객 리뷰 표시, 제품 필터링 옵션 및 제품 검색 상자 제공 - 고객 쇼핑 경험을 크게 향상시킵니다.

전자 상거래 상점에 이러한 블록을 추가하면 고객이 찾고 있는 정확한 제품과 제품 범주를 찾을 수 있으므로 더 빨리 구매할 수 있습니다.

또한 이러한 블록을 추가하고 편집하는 것은 간단하며 간단한 사용자 지정 옵션 및 설정으로 쉽게 수행할 수 있습니다.

따라서 이 기사에서 언급한 WooCommerce 블록을 최대한 활용하여 WooCommerce 페이지를 사용자 정의하고, 고객을 위한 풍부한 경험을 만들고, 원하는 최상의 방식으로 제품을 홍보하고, 비즈니스 매출을 높이십시오.

이 기사의 1부를 놓쳤다면 여기를 읽고 온라인 상점에서 사용할 수 있는 WooCommerce 블록의 전체 범위를 알아보십시오.