상품 검색 WooCommerce 블록을 사용하는 방법

게시 됨: 2021-12-18

판매하는 제품이 많을수록 고객이 원하는 정확한 항목을 찾기가 더 어려워질 수 있습니다. 많은 방문자는 제품 페이지를 탐색할 시간이 없습니다. 그것이 Product Search WooCommerce 블록이 구출될 수 있는 곳입니다. 방문자가 구매하려는 항목을 찾는 데 사용할 수 있는 검색 창을 추가할 수 있습니다.

이 문서에서는 상품 검색 블록을 게시물과 페이지에 추가하는 방법과 이를 구성하는 방법에 대해 설명합니다. 또한 블록을 효과적으로 사용하기 위한 몇 가지 팁을 살펴보겠습니다.

가자!

게시물 또는 페이지에 상품 검색 WooCommerce 블록을 추가하는 방법

WordPress에 제품 검색 블록을 추가하는 것은 매우 간단한 과정입니다. 요소를 배치할 페이지의 블록 편집기를 열고 + 기호를 클릭하여 새 블록을 추가합니다. 그런 다음 검색 창을 사용하여 "제품 검색"을 찾습니다.

상품 검색 블록 추가

블록 자체에는 헤더와 검색 표시줄의 두 가지 요소가 포함됩니다. 상품 검색 블록은 다음과 같습니다.

블록 편집기 내의 상품 검색 블록

검색 표시줄 위의 필드 레이블과 검색 표시줄 자체 내의 텍스트를 모두 편집할 수 있습니다. 아래 스크린샷에서 두 요소의 텍스트를 수정했습니다.

상품 검색 블록 사용자 정의

검색 표시줄을 사용하면 자동 완성 기능이 포함되어 있지 않음을 알 수 있습니다. 즉, 검색 창에 제품 이름을 입력할 때 차단이 사용자에게 제안을 제공하지 않습니다.

약간의 사용성 단점에도 불구하고 제품 검색 블록은 사용하기 쉽습니다. 고객은 전체 또는 일부 제품 이름을 입력할 수 있으며 WordPress는 새 페이지에 관련 결과를 반환합니다.

상품 검색 WooCommerce 차단 설정 및 옵션

제품 검색 블록은 최소한의 구성 옵션을 제공합니다. 블록 위에 마우스를 가져가면 블록 위에 표시되는 서식 메뉴를 사용하여 블록의 정렬을 변경할 수 있습니다.

쇼핑 블록 정렬 변경

블록을 선택하고 화면 오른쪽 상단의 톱니바퀴 모양 아이콘을 클릭하면 추가 구성 옵션이 포함된 메뉴가 열립니다.

여기에 검색 필드 레이블 을 제거할 수 있는 설정이 표시됩니다. 제품 검색 창 위에 표시되는 제목입니다.

쇼핑 블록에 대한 검색 필드 레이블 활성화

또한 구성 설정의 콘텐츠 섹션 아래에 고급 탭이 있습니다. 고급 탭에는 상품 검색 블록에 사용자 정의 CSS 클래스를 추가하기 위한 필드가 있습니다.

쇼핑 블록에 사용자 정의 CSS 클래스 추가

이 이후로 블록에는 몇 가지 구성 설정만 포함되어 있으므로 스타일을 조정하려면 사용자 정의 CSS를 사용해야 합니다. 그러나 제품 검색 블록의 기본 디자인은 매우 미니멀하기 때문에 필요하지 않을 수도 있습니다. 따라서 사용 중인 워드프레스 테마에 관계없이 어울리지 않습니다.

상품 검색 WooCommerce 차단을 효과적으로 사용하기 위한 팁 및 모범 사례

상품 검색 블록은 매우 유연합니다. 따라서 WordPress 웹 사이트의 거의 모든 곳에 배치할 수 있습니다.

이상적으로는 제품을 표시하는 모든 페이지의 전면과 중앙에 블록을 배치하는 것이 좋습니다. 그렇게 하면 방문자가 이 정보를 놓치지 않고 찾고 있는 항목을 찾는 데 사용할 수 있습니다.

제품 검색 블록이 작동 중입니다.

경험에 따르면 제품 그리드 위에 제품 검색 블록을 배치하면 사용자가 제품 검색 블록을 간과할 가능성이 적습니다. 방문자가 요소를 사용하면 검색 결과가 포함된 새 페이지로 방문자를 보냅니다.

WooCommerce에서 후드티에 대한 검색 결과입니다.

또한 제품 검색 블록은 설명적인 제품 제목과 철저한 설명을 사용하는 경우에만 유효합니다. 적절한 식별자가 없으면 검색 기능은 방문자를 원하는 항목으로 안내하지 않습니다. 많은 경우 여기에서 잘못된 디자인은 판매 손실로 이어질 수 있습니다.

상품 검색 WooCommerce 블록에 대해 자주 묻는 질문

쇼핑 블록 또는 작동 방식에 대해 여전히 질문이 있는 경우 이 섹션에서 답변해야 합니다. 제품 검색 블록과 WordPress의 기본 검색 기능의 차이점에 대해 이야기하는 것으로 시작하겠습니다.

제품 검색 블록 대신 기본 WordPress 검색 기능을 사용할 수 있습니까?

기본 WordPress 검색 도구를 사용하면 방문자가 상점에서 제품을 찾을 수 있습니다. 이 접근 방식의 문제는 WordPress의 검색 기능이 WooCommerce 제품을 염두에 두고 설계되지 않았다는 것입니다. 즉, 결과 페이지에 제품 가격이나 장바구니에 추가 버튼이 표시되지 않습니다.

또한 방문자가 WordPress 검색 창을 사용하여 제품을 찾는 경우 다른 페이지와 게시물이 결과에 나타날 수도 있습니다. 다행히 상품 검색 블록을 사용하면 이러한 문제가 해결됩니다.

상품 검색 WooCommerce 차단에 대해 자동 완성을 활성화할 수 있습니까?

쇼핑 블록에는 자동 완성 기능이 포함되어 있지 않습니다. 즉, 사용자는 검색 버튼을 클릭하여 WordPress에 쿼리하고 결과가 새 페이지에 표시되는지 확인해야 합니다. 웹 사이트가 적절한 성능을 제공하고 페이지가 빠르게 로드되는 한 자동 완성 기능이 없는 것은 큰 문제가 되지 않습니다.

내 제품 중 일부가 검색 결과 페이지에 표시되지 않는 이유는 무엇입니까?

특정 제품을 찾고 있는데 상품 검색 블록을 사용할 때 표시되지 않는 경우 사용 중인 키워드에 문제가 있을 수 있습니다. 이 경우 검색어를 수정하는 것이 좋습니다. 그래도 작동하지 않으면 고객이 더 쉽게 찾을 수 있도록 제품의 제목과 설명을 편집할 수 있습니다.

결론

상품 검색 WooCommerce 블록은 단순해 보일 수 있습니다. 그럼에도 불구하고 광범위한 제품 카탈로그가 있는 모든 매장의 필수 요소입니다. 많은 전자 상거래 사용자는 심장 박동으로 제품을 검색하는 데 익숙합니다. 기본 WordPress 검색 블록은 충분히 잘 작동하지만 WooCommerce 상점에 가장 적합한 옵션은 아닙니다.

상점 전체에 쇼핑 블록을 추가하면 방문자가 구매에 관심이 있는 항목을 더 쉽게 찾을 수 있습니다. 제품 자체의 품질이 우수한 경우 이 탐색 기능은 추가 구매로 이어져 비즈니스 성장에 도움이 될 수 있습니다.

상품 검색 WooCommerce 블록을 사용하는 방법에 대해 질문이 있습니까? 아래 코멘트 섹션에서 그들에 대해 이야기합시다!

holaillustrations/Shutterstock.com을 통한 추천 이미지