WooCommerce Blocks: 블록이란 무엇이며 효과적으로 사용하는 방법

소개

WooCommerce 블록은 WooCommerce 스토어의 콘텐츠를 만들고 관리하는 새로운 방법입니다. 블록을 사용하면 페이지에 동적 콘텐츠를 쉽게 추가할 수 있으므로 제품 판매에 도움이 되는 매력적이고 시각적으로 매력적인 페이지를 쉽게 만들 수 있습니다.

블록은 새로운 블록 편집기에서 생성되므로 언제든지 블록을 레이아웃으로 빠르게 끌어다 놓을 수 있습니다. 웹사이트에서 사용할 수 있는 블록에는 기본 및 고급의 두 가지 유형이 있습니다. 기본 블록은 생성하기 쉽지만 범위가 제한됩니다. 고급 블록은 훨씬 더 사용자 정의할 수 있으며 생성하는 데 시간이 조금 더 걸립니다.

기본 블록은 블로그 게시물, 제품 정보 및 매장 프로모션을 추가하는 좋은 방법입니다. 고급 블록에는 통합 양식 및 갤러리를 만들고, 제품 리뷰를 추가하고, 웹 사이트를 위한 사용자 지정 콘텐츠를 만들기 위한 도구가 포함됩니다.

이 게시물에서는 7개의 WooCommerce 블록을 효과적으로 사용하여 고객을 위한 훌륭한 사용자 경험을 만드는 방법을 보여 드리겠습니다. 시작하겠습니다!

WooCommerce 블록이란 무엇입니까?

WooCommerce Blocks는 웹사이트를 사용자 정의하는 완전히 새로운 방법을 탄생시켰습니다. 이 기능은 최신 버전의 WooCommerce와 함께 도입되었으며 그 이후로 새롭고 고급 기능을 훨씬 쉽게 구현할 수 있게 되었습니다. 예를 들어 WooCommerce 블록을 고유한 조합으로 사용하여 레이아웃이 다른 다양한 전자 상거래 웹 사이트를 만들 수 있습니다.

WooCommerce 차단은 웹사이트에서 사용자 경험을 향상시키는 데 도움이 되도록 웹페이지에 추가할 수 있는 요소입니다. 이 블록의 주요 기능 중 일부는 위치, 크기, 사용자 정의, 색상 팔레트 및 애니메이션 효과를 선택하는 것입니다. 이러한 블록의 애니메이션 효과는 전자 상거래 웹 사이트 개발을 완전히 새로운 수준으로 끌어 올렸습니다.

WooCommerce 블록은 웹 페이지 머리글, 바닥글 또는 사이드바에 추가할 수 있습니다. 이러한 블록에 대해 여러 위치를 선택하고 요구 사항에 가장 적합한 위치를 선택할 수도 있습니다. WooCommerce를 블로그의 전자 상거래 엔진으로 사용하려는 경우 사이드바에 장바구니 아이콘을 추가할 수 있습니다. 여기에는 WooCommerce 체크아웃 페이지에 대한 직접 링크가 포함되며 블로그의 일반 방문자가 사용할 수 있습니다.

WooCommerce에서 블록 사용의 이점

블록은 페이지를 멋지게 꾸밀 수 있는 좋은 방법입니다. 다음은 사용의 이점 중 일부입니다!

• 사용하기 쉬운

블록은 사용하기 쉽습니다. 드래그하여 원하는 위치에 놓기만 하면 됩니다. 학습이 필요하지 않습니다! 블록을 사용자 정의하는 것도 간단합니다. 편집하려는 블록을 클릭하고 원하는 대로 사용자 정의한 다음 "게시"를 누르기만 하면 됩니다.

• 페이지를 더 빠르게 구축할 수 있습니다.

블록은 대부분의 테마 및 플러그인에서 제품을 표시하기 위한 기본 제공 옵션이므로 페이지를 작성하는 데 많은 시간이나 에너지가 필요하지 않습니다. 읽기 쉽고 탐색하기 쉬운 방식으로 제품을 소개하는 데 적합합니다.

• **제품을 표시할 때의 유연성

블록은 혼합 및 일치시키거나 기존 블록을 재정의하거나 삭제하거나 속성을 변경할 수 있다는 점에서 유연합니다. 방문자가 현재 어떤 페이지에 있는지에 따라 방문자에게 다른 블록을 표시할 수도 있습니다. 이를 통해 개인화된 경험을 제공할 수 있습니다!

• 코딩 경험이 필요하지 않습니다.

과거에는 디자이너가 WooCommerce의 개별 제품을 활용하여 콘텐츠 디스플레이를 만들려면 코딩 경험이 필요했습니다. 이제 그 대부분은 최신 버전의 WooCommerce에서 제품 블록에 의해 처리됩니다. 대부분의 디자인이 귀하를 위해 이루어지므로 귀하의 생각이 많이 필요하지 않습니다.

상위 7 WooCommerce 블록(및 사용 방법)

상점 소유자는 웹사이트에 제품을 표시하는 방법을 결정해야 합니다. WooCommerce 블록에는 여러 유형이 있습니다. 이러한 블록은 웹사이트의 모든 페이지나 게시물에 추가할 수 있습니다. 선택하는 블록은 표시하려는 제품과 표시 방법에 따라 달라집니다.

베스트 셀러 제품 블록

베스트 셀러 제품 블록은 웹 사이트에서 가장 많이 팔리는 제품을 표시하는 데 사용할 수 있습니다. 또한 각 카테고리의 베스트 셀러 제품을 보여줍니다. 이 블록을 선택하여 제품에 대한 리뷰, 가격 및 설명을 표시하거나 표시하지 않을 수 있습니다.

베스트셀러 제품은 WooCommerce에서 기본적으로 지원됩니다. 웹사이트에 표시하려면 '제품'을 클릭한 다음 '베스트 셀러'를 클릭해야 합니다. 이것은 월별로 모든 시간의 베스트 셀러 제품을 표시합니다. 이 목록을 날짜 또는 판매별로 정렬하도록 선택할 수 있습니다.

주요 제품 블록

추천 제품 블록에는 집중하려는 특정 제품이 표시됩니다. 추천 제품에 대해 선택한 제품은 어떻게든 고유해야 합니다. 신제품일 수도 있고, 특별한 프로모션을 위해 특별한 관심을 기울이고 있을 수도 있습니다. 이 블록을 사용하여 최근에 뉴스에 소개된 제품이나 웹사이트에 제한된 시간 동안 소개된 제품을 표시할 수 있습니다.

최고 평점 제품 블록

최고 등급 제품 블록은 모든 제품 중 최고 등급 제품만 표시합니다. 리뷰와 별표 평점을 표시하므로 제품이 받은 평균 별표를 볼 수 있습니다.

WooCommerce에서는 기본적으로 최고 등급의 제품이 지원됩니다. 웹사이트에 표시하려면 '제품'을 클릭한 다음 '최고 등급'을 클릭해야 합니다. 이 목록은 귀하의 모든 제품과 함께 등급의 숫자 순서로 자동으로 생성됩니다. 이 목록은 최고 평점 탭을 통해 날짜별로 정렬하거나 인기 탭을 통해 알파벳순으로 정렬할 수 있습니다.

모든 리뷰 차단

모든 리뷰 블록을 사용하면 각 제품에 대한 가장 최근 리뷰만 표시할 수 있습니다. 그것은 누군가가 리뷰를 남기기 전에 제품을 본 횟수, 리뷰한 시간, 즐겨찾기한 횟수를 보여줍니다. 또한 제품 이미지 갤러리의 이미지를 포함하여 해당 리뷰에 첨부된 모든 이미지가 포함됩니다. 웹사이트에 모든 리뷰 차단을 표시하려면 '제품'을 클릭한 다음 '모든 리뷰'를 클릭해야 합니다.

가격 블록별로 제품 필터링

가격 블록별로 제품 필터링을 사용하면 사용자가 설정한 특정 최소 및 최대 가격 범위로 제품을 필터링할 수 있습니다. 이 블록이 제품에 대한 리뷰, 평가 및 설명을 표시하거나 표시하지 않도록 선택할 수 있습니다. 최소값 또는 최대값에 대한 숫자 값을 입력하려면 쉼표 앞에 숫자가 없더라도 텍스트 상자에 숫자를 입력합니다. 예를 들어, 숫자 값을 입력할 때 포함된다는 점을 기억하십시오. 즉, 최소 가격 범위를 $10 - $20로 설정하면 $10 미만 또는 $20 이상인 모든 제품이 표시된다는 의미입니다.

웹사이트에서 가격 블록별로 제품을 필터링하려면 '제품'을 클릭한 다음 '가격 필터'를 클릭하십시오. 이 목록에는 각 제품에 대해 현재 설정된 모든 필터가 표시됩니다. 나중에 쉽게 재사용하거나 스토어의 다른 사용자와 공유할 수 있도록 이 목록을 사전 설정으로 저장할 수 있습니다.

카테고리 블록별 제품

카테고리별 제품 블록은 주어진 카테고리의 모든 제품을 한 번에 볼 수 있는 편리한 방법입니다. 이는 제품을 빠르게 찾거나 지정된 범주의 모든 제품에 대한 개요를 얻는 데 도움이 될 수 있습니다. 이 블록을 사용하려면 WooCommerce의 제품 페이지로 이동하여 카테고리별 제품 블록을 클릭하십시오. 각 제품에 대한 간략한 설명과 썸네일 이미지와 함께 지정된 카테고리의 모든 제품이 표시됩니다.

최신 제품 블록

최신 제품 블록을 사용하면 모든 제품 중 가장 최근에 추가된 제품만 표시할 수 있습니다. 최신 제품은 WooCommerce에서 기본적으로 지원됩니다. 웹사이트에 표시하려면 '제품'을 클릭한 다음 '최신'을 클릭해야 합니다. 이 목록은 추가 날짜의 번호순으로 모든 제품과 함께 자동으로 생성됩니다. 마지막으로 추가된 것이 먼저 표시되고 오래된 것이 아래에 표시됩니다. 이 목록은 최신 탭을 통해 날짜별로 정렬하거나 가장 오래된 탭을 통해 알파벳순으로 정렬할 수 있습니다.

최종 비고

WooCommerce 블록은 WooCommerce 스토어의 모양과 느낌을 개선하는 좋은 방법입니다. 버튼, 탭 등과 같은 사용자 정의 디자인 요소를 추가할 수 있습니다.

블록은 페이지나 게시물의 필수 내용을 제공하는 기본 블록과 고급 블록의 두 가지 범주로 나뉩니다.

대부분의 블록은 클래식 편집기와 구텐베르크에서 모두 사용할 수 있습니다. 또한 블록은 직관적인 인터페이스를 가지고 있어 사용하기 쉽습니다. 몇 번의 클릭만으로 블록을 추가하고 편집할 수 있습니다.

이 가이드가 WooCommerce 블록과 이를 효과적으로 사용하기 위한 팁에 대해 더 많이 이해하는 데 도움이 되었기를 바랍니다.

이 주제에 대해 질문이 있는 경우 아래에 의견을 보내주십시오. 기꺼이 도와드리겠습니다.

읽어 주셔서 감사합니다!