국제 전자상거래

WooCommerce 페이지 맞춤 설정 방법

작성자

Elizabeth Pokorny

검토자

업데이트 날짜

2024년 8월 5일

2025년 5월 26일

WooCommerce 국제적으로 지향된 전자상거래 시장에서 운영되는 온라인 스토어 소유자에게수많은 이점을 제공합니다.

예를 들어, Weglot 같은 WooCommerce 호환 플러그인을 Weglot 온라인 스토어 전체( WooCommerce 페이지 포함) Weglot 전 세계 더 많은 고객에게 다가가고 아마존처럼 글로벌 고객층을 확보할 수 있습니다.

이 글에서는 다양한 WooCommerce , 애드온 및 기법을 활용하여 WooCommerce 페이지를 맞춤 설정해 전환율을 높이는 방법을 설명합니다. 여기에는 다음 내용이 포함됩니다:

제품 페이지 템플릿을 사용하여 제품 페이지를 스마트하게 정렬하세요.
제품 템플릿으로 제품 정보 계층화하기
이미지가 대상에 맞게 조정되었는지 확인
고객을 위한 언어 및 통화 전환 지원
제품 레이아웃에서 장바구니에 추가 버튼을 쉽게 액세스할 수 있도록 설정하세요.

스마트 제품 페이지 정렬

WooCommerce 사용해 오셨다면, 제품이 기본적으로 시간순으로 정렬된다는 사실을 이미 알고 계실 것입니다.

이는 가장 최근에 추가된 WooCommerce 페이지 상단에 표시되고, 스토어에 가장 먼저 추가된 상품은 페이지 하단에 표시된다는 의미입니다.

하지만 여러분의 전자상거래 스토어에서 WooCommerce 페이지를 직접 커스터마이징할 수 있어야 합니다.

새로운 시장에 진출하려는 WooCommerce 운영자라면, 제품이 프런트엔드에 표시되는 방식을 보다 세밀하게 제어할 수 있어야 합니다.

예를 들어, 다음과 같은 요소를 기준으로 WooCommerce 정렬하고 싶을 수 있습니다:

제품 가격(높은 가격에서 낮은 가격 또는 낮은 가격에서 높은 가격)
인기도(최상위 베스트셀러 제품)
제품 평점 및 리뷰(최고 평점 제품 또는 상단에 가장 좋은 리뷰가 있는 제품)

좋은 소식은 워드프레스 플러그인을 활용해 제품 페이지 디자인과 기능을 최적화할 수 있다는 점입니다. 예를 들어, 무료 플러그인인 WooCommerce Product Sorting Options'를 사용하면 메인 상점 페이지에서 WooCommerce 어떻게 정렬되어야 하는지 정의하는 데 도움이 됩니다.

시작하려면, WordPress 웹사이트에 WooCommerce Product Sorting Options 플러그인을 설치하고 활성화하세요.

플러그인을 활성화한 후, 외관 > 사용자 정의 > WooCommerce > 상품 카탈로그로 이동하세요.

여기에는 기본 상점 페이지에서 제품 정렬을 구성할 수 있는 몇 가지 옵션이 표시됩니다. 이를 통해 제품 유형별, 최저가부터 최고가까지 등 최상의 사용자 경험을 제공하는 기준에 따라 목록을 자유롭게 정렬할 수 있습니다.

기본 제품 정렬 드롭다운 을 사용하여 WooCommerce 기본적으로 어떻게 정렬되어야 WooCommerce 결정할 수 있습니다:

기본 정렬
인기도
평균 평점
가장 최근순으로 정렬
가격(ASC)별로 정렬
가격별 정렬(DESC)

이 외에도 새 기본 정렬에 레이블을 지정할 수도 있습니다.

예를 들어 인기도를 사용하는 경우 인기도별 정렬이라고 할 수 있습니다. 이렇게 하면 사이트의 프런트엔드에 표시됩니다.

마지막으로, WooCommerce 페이지 템플릿을 맞춤 설정하여 상점에 추가할 정렬 옵션을 선택하고 행당 및 페이지당 표시할 제품 수를 결정할 수 있습니다.

계속하려면 게시 버튼을 클릭합니다.

그게 전부입니다! 이제 WooCommerce 사용자 정의 상품 페이지 정렬 설정에 따라 정렬됩니다. 최적화된 전자상거래 스토어를 향해 한 걸음 더 가까워졌습니다.

WooCommerce 정렬을 위한 또 다른 방법을 살펴보겠습니다. 이 방법을 사용하면 각 제품의 정확한 위치를 결정할 수 있도록 서로 다른 사용자 정의 템플릿을 만들 수 있습니다.

제품 > 모든 제품으로 이동하여 항목 위로 마우스를 가져간 다음 편집 링크를 클릭합니다. 그런 다음 제품 데이터 섹션까지 아래로 스크롤하여 고급 탭을 클릭합니다. 여기에서 메뉴 순서 옵션을 사용하여 이 항목의 정확한 위치를 설정할 수 있습니다.

이러한 정렬 옵션은 개별 제품_메타가 있는 수백 개의 제품을 보유한 온라인 스토어에 특히 유용합니다.

온라인 스토어 소유자는 원하는 제품(예: 판촉을 위한 특정 제품 또는 배포할 신제품 등)을 상단에 쉽게 표시할 수 있습니다.

또한 고객의 쇼핑 경험을 향상시키고 고객이 가장 관심을 가질 만한 제품을 더 쉽게 찾을 수 있게 해줍니다.

정보 계층 구조

WooCommerce 일반적으로 각 상품에 대한 많은 정보를 포함하며, 사용자가 생성한 사용자 정의 필드도 포함됩니다.

여러 가지 이유로 사이트 프런트엔드에 이러한 제품 세부 정보를 효과적으로 표시하는 것이 이상적입니다.

예를 들어 전 세계 고객에게 판매하는 경우, 이는 단순히 판매하는 각 국가의 정보 투명성 규정을 준수하기 위한 것일 수 있습니다. 이러한 규정은 국가마다 크게 다를 수 있습니다. 매우 다른 사이트에 대해 Divi와 유사한 하위 테마를 사용하는 것이 도움이 될 수 있습니다.

WooCommerce 페이지 레이아웃을 맞춤 설정하면 이 모든 정보를 시각적으로 매력적인 방식으로 구성할 수 있습니다. 이는 고객에게 중요한 제품 정보를 전달하는 것을 최우선으로 한다는 점을 알리며, 브랜드 이미지와 평판을 높이는 데 탁월한 효과를 발휘합니다.

다음은 몇 가지 유의해야 할 핵심 사항입니다:

이동 경로. 이동 경로를 통해 고객은 현재 보고 있는 제품의 '흔적'을 확인할 수 있습니다. 이를 통해 고객은 구매하고자 하는 제품 카테고리 및 관련 제품에 빠르게 액세스할 수 있습니다. 또한 고객이 웹사이트의 다른 부분을 쉽게 확인하고 브랜드에 대해 알아볼 수 있습니다.
기본 제품 정보. WooCommerce 페이지에는 제품 제목과 제품 가격과 같은 기본 제품 정보를 명확하게 표시하는 것이 중요합니다. 추가로, 이는 SEO 노력에도 도움이 되어 Google 검색 결과에서 더 높은 순위를 차지하는 데 기여할 것입니다.
제품 설명 및 재고 정보. 제품에 대한 snippet 설명을 추가하여 고객이 제품을 더 잘 이해할 수 있도록 하세요. 고객 지원 부서에 문의하지 않아도 되는 재고 상태(재고 있음, 품절, 주문 대기 중)를 알려주는 재고 정보를 포함하는 것을 고려해 보세요.
주문 CTA. 이 정보에는 일반적으로 제품 수량, 사이즈, 색상 선택(가능한 경우) 및 장바구니에 담기 버튼이 포함된 작은 snippet 포함됩니다. 이 정보는 WooCommerce 페이지에서 고객이 쉽게 접근할 수 있어야 합니다. 예를 들어, 고객이 제품을 장바구니에 담기 위해 스크롤할 필요가 없어야 합니다.
제품 메타데이터. 제품 SKU는 제품에 대한 정보를 제공하는 메타데이터입니다. 각 회사는 자사 WooCommerce 대해 서로 다른 제품 SKU를 생성합니다. 즉, 동일한 제품이라도 두 개의 다른 매장에서 사용하는 제품 SKU는 해당 매장의 명명 체계에 따라 약간 다를 수 있습니다. 예를 들어, 티셔츠를 판매하는 매장은 사이즈, 색상, 가격, 제조사 정보와 같은 제품 정보를 표시하는 내부 SKU를 생성합니다. 따라서 XL 사이즈의 검정색 Levi’s 셔츠의 SKU는 "LEV-BLK-XL"일 수 있습니다.
사회적 증거. 이 정보에는 고객이 정보에 입각한 구매 결정을 내리는 데 도움이 되는 제품 평점, 추천, 리뷰가 포함됩니다. 고객은 제품 평점을 기준으로 제품을 정렬하거나 다른 고객이 남긴 리뷰를 읽을 수 있습니다.
기술 사양 및 추가 정보. 제품 템플릿에 추가적인 간략한 설명, 기술 사양 및 기타 관련 정보를 제공하세요. 이는 스마트폰, 노트북, TV, 카메라와 같은 기술 제품을 판매하는 스토어에 특히 유용합니다. 이는 신뢰를 구축하고 WooCommerce 페이지에 전문적인 느낌을 부여합니다.
업셀링. 판매하는 상품에 대한 추가 정보를 표시할 수 있습니다. 예를 들어 관련 상품(또는 유사 상품)을 보여줄 수 있습니다. WooCommerce 페이지에"함께 보면 좋은 상품" 게시물 유형 섹션을 추가하는 것이 한 방법입니다. 또한 일반적으로 함께 구매되는 상품을 표시하여 업셀링 기회를 활용할 수도 있습니다. 예를 들어 디지털 카메라를 판매한다면, 플래시 메모리 카드와 카메라 가방을 함께 추천하면 고객이 더 많은 상품을 구매하도록 유도할 수 있습니다.

이미지가 대상에 맞게 조정되었는지 확인

전 세계 문화권마다 제품 이미지 스타일이 다르다는 사실을 알고 계셨나요? 맞습니다!

예를 들어 중국 고객은 콘텐츠가 풍부한 웹사이트를 기대하며 제품 이미지가 설명 텍스트와 아이콘으로 장식된 것을 선호합니다.

이러한 종류의 게시물 유형 이미지는 서양 쇼핑객에게는 복잡해 보일 수 있지만, 중국 워드프레스 커뮤니티에서 더 빠르고 효과적으로 판매하는 데 도움이 될 수 있습니다.

WooCommerce 페이지를 현지 고객에게 맞게 조정하는 첫걸음은 Weglot와 같은 WordPress 번역 플러그인을 사용하는 것입니다.

이 기능은 미디어(이미지 포함)를 "번역"할 수 있게 해주므로, WooCommerce 언어별로 다른 제품 이미지를 표시할 수 있습니다. 이렇게 하면 WooCommerce PHP 파일(content-single-product .php ) 이나 WordPress 사이트의 HTML 및 CSS를 직접 수정할 필요가 없습니다 .

언어 및 통화 전환 촉진

글로벌 시장에 판매하려면 전체 WordPress 웹사이트( 결제 양식 및 WooCommerce 페이지 포함) 를 여러 언어로 번역해야 합니다.

강력한 워드프레스용 번역 플러그인인 Weglot 사용하면 웹사이트의 콘텐츠를 수작업 없이도 여러 대상 언어로 쉽게 번역할 수 있습니다.

이 플러그인은 공식적으로 WooCommerce 지정되어 있어, Storefront 및 Divi를 포함한 모든 WooCommerce WordPress 테마와 호환됩니다.

대부분의 번역 도구는 번역을 입력하거나 단축 코드를 사용해야 하는 빈 페이지를 제공합니다.

그러나 Weglot 웹사이트 전체를 자동 번역하여 즉시생성합니다. 목록 편집기나 visual editor 사용하여 이러한 번역을 수동으로 수정할 수 visual editor content-single-product.php 파일은 건드리지 않아도 됩니다.

이는 모든 새 콘텐츠에도 적용됩니다. 사이트에 새 제품을 추가할 때마다 Weglot 새 콘텐츠를 감지한 다음 자동 번역을 생성하여 표시합니다.

게다가 다국어 SEO에 최적화되어 있어, WooCommerce 각 언어 버전에 자동으로 hreflang 태그를 추가합니다. 이는 해외 고객들이 현지 검색 엔진에서 여러분을 찾을 수 있게 해줍니다.

또한 Weglot 사용하면 번역을 타사 전문 편집 서비스에 쉽게 보내거나 전문 번역가에게 번역을 수정하도록 요청할 수 있으며, 이는 Weglot 대시보드를 통해 이용할 수 있습니다.

온라인 결제와 관련해서는, WOOCS – Currency Switcher WooCommerce 같은 무료 플러그인을 사용하여 온라인 스토어에서 통화 전환을 WooCommerce 수 있습니다. 이 플러그인은 고객이 제품 탭과 설정된 환율에 따라 실시간으로 제품 가격을 다른 통화로 전환할 수 있도록 합니다.

이렇게 하면 고객이 선호하는 통화로 결제를 할 수 있습니다. 또한 WooCommerce 거의 모든 통화를 추가할 수 있는 옵션이 제공됩니다. 이는 특히 해외 고객에게 판매할 때 유용합니다.