WooCommerce 카테고리 페이지를 사용자 정의하는 방법(플러그인 및 코딩)

카테고리 페이지를 수정하시겠습니까? 이 가이드에서는 플러그인이 있거나 없는 WooCommerce 카테고리 페이지를 사용자 정의하는 다양한 방법을 보여줍니다.

카테고리 페이지는 일반적으로 전자 상거래 상점에서 가장 간과되고 가장 덜 맞춤화된 페이지 중 하나입니다. 이는 일반적으로 제품과 쇼핑 페이지 간의 계층 구조에 대한 다리 역할을 하기 때문입니다. 그러나 사용자가 카테고리 페이지에 의존하여 제품을 검색하는 몇 가지 실용적인 시나리오가 있으므로 편집하고 최대한 활용하는 것이 좋습니다.

WooCommerce에서 카테고리 페이지를 사용자 정의하는 다양한 방법을 살펴보기 전에 그렇게 하는 것의 이점을 더 잘 이해합시다.

WooCommerce 카테고리 페이지를 편집하는 이유는 무엇입니까?

카테고리 페이지에는 해당 카테고리에 포함된 WooCommerce 스토어의 모든 제품이 표시됩니다 . 사용자는 일반적으로 다른 페이지를 사용하여 제품을 검색하지만 때로는 고객이 카테고리 페이지에서 항목을 찾는 것이 더 쉽다고 생각합니다. 예를 들어, 제품 이름은 모르지만 카테고리는 알고 있는 경우 카테고리 페이지를 사용하여 제품을 검색할 수 있습니다.

또한 카테고리 페이지의 긍정적인 영향을 받은 고객은 웹사이트에 더 오래 머무를 수 있습니다. 이러한 페이지는 일반적으로 간과되기 때문에 사용자 정의하면 눈에 띄고 고객 경험이 향상됩니다.

좋은 소식은 WooCommerce를 사용하여 카테고리 페이지를 쉽게 사용자 지정할 수 있다는 것입니다. 나쁜 소식은 WooCommerce가 제공하는 기본 옵션이 상당히 제한적이라는 것입니다. 각 카테고리 페이지의 이름, 슬러그, 상위 카테고리, 설명 텍스트, 표시 유형 및 축소판만 편집할 수 있습니다.

테마 사용자 정의 도구를 사용하여 다른 요소를 편집할 수도 있지만 카테고리 페이지를 완전히 새로운 수준으로 끌어올리려면 다른 것이 필요합니다.

그렇기 때문에 이 가이드에서는 WooCommerce에서 카테고리 페이지를 편집하고 고객이 사이트를 더 쉽게 탐색할 수 있도록 다양한 방법을 보여줍니다.

WooCommerce 카테고리 페이지를 사용자 정의하는 방법

WordPress에서 WooCommerce 카테고리 페이지를 쉽게 사용자 정의하는 다양한 방법이 있습니다.

1. 디비와 함께
2. 전용 플러그인 사용
3. 프로그래밍 방식(코딩)

이 섹션에서는 각 방법을 단계별로 살펴보고 필요에 가장 적합한 방법을 선택할 수 있습니다.

참고 : 시작하기 전에 WooCommerce를 올바르게 설정하고 필요한 모든 페이지를 생성했는지 확인하십시오.

1. Divi로 WooCommerce 카테고리 페이지 사용자 정의

Divi 는 가장 인기 있는 WordPress 테마 중 하나이며 그럴만한 이유가 있습니다. 많은 기능이 제공되며 WooCommerce와 완벽하게 호환되므로 카테고리 페이지를 사용자 정의하는 데 이상적입니다.

이 테마는 사용자 정의 카테고리 페이지 템플릿 을 생성할 수 있는 빌트인 드래그 앤 드롭 빌더 와 함께 제공됩니다. 이런 식으로 카테고리 페이지용 템플릿을 만들고 WooCommerce 스토어의 모든 페이지에 사용할 수 있습니다.

Divi를 사용하기 쉽게 만드는 이유는 실시간 미리보기를 통해 빌더에서 수행한 모든 변경 사항을 실시간으로 볼 수 있다는 것입니다. Divi는 또한 페이지에 많은 요소를 쉽게 추가할 수 있는 다양한 모듈 을 제공하므로 카테고리 페이지를 생성하거나 편집할 때 많은 시간을 절약할 수 있습니다.

1.1. Divi 설치 및 활성화

Divi를 사용하려면 먼저 설치하고 활성화해야 합니다. Divi zip 파일은 공식 웹사이트에서 다운로드할 수 있습니다.

그런 다음 WordPress 대시보드로 이동하여 모양 > 테마 > 새로 추가 로 이동합니다.

테마 업로드 를 누르고 최근에 다운로드한 Divi .zip 파일을 선택하여 사이트에 업로드합니다. 업로드가 완료되면 지금 설치 를 클릭하여 테마를 설치하고 설치가 완료되면 활성화 합니다.

Divi 테마를 활성화하면 카테고리 페이지를 사용자 정의하는 데 사용할 내장 페이지 빌더인 Divi 빌더도 자동으로 설치됩니다.

1.2. 사용자 정의 카테고리 페이지 템플릿 생성

사용자 정의 카테고리 페이지 템플릿 생성을 시작하려면 Divi > Theme Builder 로 이동하여 Add New Template 을 눌러야 합니다.

그런 다음 아카이브 페이지 아래의 모든 제품 카테고리 페이지 확인란을 선택하고 템플릿 생성 을 클릭합니다.

그런 다음 방금 추가한 새 템플릿에서 사용자 정의 본문 추가 를 선택합니다. 우리는 Divi로 완전히 새로운 템플릿을 생성하기 때문에 Build Custom Body 옵션도 선택합니다.

3가지 옵션이 표시됩니다.

• 템플릿을 처음부터 빌드
• Divi 라이브러리의 템플릿 중 하나를 사용하고 WooCommerce 카테고리 페이지를 사용자 정의하는 데 추가로 사용하십시오.
• 기존 페이지를 복제하여 모든 제품 카테고리 페이지의 템플릿으로 사용

가장 적합한 옵션을 선택할 수 있습니다. 이 튜토리얼에서는 Build from Scratch 를 선택하므로 Start build 버튼을 누릅니다.

Divi Builder를 사용하여 템플릿을 생성할 카테고리 페이지 레이아웃으로 리디렉션됩니다.

템플릿 구축을 시작하려면 구조를 선택해야 합니다. 새 행 에서 카테고리 페이지에 사용할 행 유형을 선택합니다. 여러 행과 열을 추가할 수 있습니다. 카테고리 페이지 머리글과 본문에 대해 최소 2개의 행이 필요하지만 카테고리 페이지 본문에 사이드바를 추가하려는 경우 더 많은 열을 가질 수도 있습니다.

행과 열의 수를 선택한 후 카테고리 페이지 레이아웃을 추가로 사용자 정의하려면 Divi 모듈을 추가해야 합니다.

1.3. 카테고리 페이지 헤더

카테고리 페이지 헤더의 경우 카테고리 페이지의 페이지 제목과 이동 경로를 추가해야 합니다.

게시물 제목을 추가하려면 행의 ' + ' 아이콘을 클릭하고 검색창에서 게시물 제목 을 검색하여 선택합니다.

다른 게시물 제목 옵션이 표시됩니다. 메타 및 추천 이미지를 추가할 수 있지만 이 자습서에서는 사용하지 않으므로 요소 섹션에서 메타 표시 및 추천 이미지 표시 옵션을 비활성화합니다.

웹사이트를 미리 볼 때 동적 게시물 제목이 자동으로 표시되므로 여기에 제목을 추가할 필요가 없다는 점은 주목할 가치가 있습니다. 또한 디자인 탭에서 헤더의 배경색과 글꼴을 편집할 수 있습니다.

CSS ID, 클래스, 사용자 정의 CSS, 스크롤 효과 등을 추가하는 고급 옵션도 있습니다. 필요한 모든 변경을 수행한 후 " 체크 " 아이콘을 클릭하여 변경 사항을 저장하십시오.

1.3.1 – 이동 경로 모듈 추가

또한 카테고리 페이지에서 추가 탐색을 위해 이동 경로 모듈이 필요하므로 ' + ' 아이콘을 다시 클릭하여 새 모듈을 추가하고 " Woo Breadcrumb "를 검색하십시오.

그런 다음 콘텐츠 탭의 제품 섹션에서 이 제품 옵션을 선택합니다. 이렇게 하면 고객이 보고 싶어하는 제품 범주에 대한 동적 제목이 추가됩니다.

다시 한 번 디자인 및 고급 탭을 사용하여 필요한 사항을 변경하고 마지막으로 " 체크 " 아이콘을 클릭하여 변경 사항을 저장합니다.

1.4. 카테고리 페이지 본문

헤더 편집을 완료한 후 카테고리 페이지 본문으로 이동할 수 있습니다. 아직 행을 포함하지 않았다면 녹색 " + " 아이콘 을 클릭하고 추가하려는 행 유형을 선택하십시오. 그런 다음 상점에 대한 모든 제품이 포함되어 있으므로 여기에 상점 모듈을 추가해야 합니다.

행에서 " + " 아이콘을 누르고 Shop 모듈을 검색하십시오.

클릭하면 카테고리 페이지에서 제품에 대한 옵션을 구성할 수 있습니다.

콘텐츠 탭에서 카테고리 페이지의 모든 요소를 ​​편집할 수 있습니다. 고객이 온라인 상점에서 선택한 특정 제품 범주의 제품을 표시 하려면 현재 페이지 사용 을 활성화해야 합니다.

이제 페이지의 다른 표시 요소를 편집하기만 하면 됩니다. 예를 들어 여기에서 페이지 및 페이지 매김당 표시할 열 또는 제품 수를 추가할 수 있습니다. 또한 디자인 및 고급 탭에서 제품 및 가격 텍스트 등의 글꼴을 편집할 수도 있습니다. 필요한 모든 변경 사항을 적용했으면 " 체크 표시 " 아이콘을 눌러 변경 사항을 저장하십시오.

Divi Builder를 사용하여 행을 더 추가하거나 바닥글 영역을 사용자 지정할 수 있습니다. 모든 작업을 완료한 후에는 화면 오른쪽 하단에 페이지 템플릿 본문을 저장하는 것을 잊지 마십시오.

변경 사항을 저장한 후 Divi Builder를 닫으면 Theme Builder 대시보드로 리디렉션됩니다. 템플릿에 대한 변경 사항을 저장하려면 여기에서도 변경 사항 저장 을 클릭하십시오.

이제 제품 카테고리의 카테고리 페이지를 미리 볼 때 모든 변경 사항을 볼 수 있습니다.

2. 플러그인을 사용하여 WooCommerce 카테고리 페이지 사용자 정의

Divi를 사용하지 않고 현재 테마를 교체하지 않으려면 WooCommerce 카테고리 페이지를 편집하는 가장 좋은 옵션은 전용 WordPress 플러그인을 사용하는 것입니다.

이 튜토리얼에서는 무료이고 사용하기 쉽고 몇 번의 클릭으로 카테고리 페이지를 사용자 정의할 수 있는 카테고리 편집기 플러그인을 사용할 것입니다. 이 도구는 주로 카테고리 페이지의 설명 영역에 초점을 맞추고 이에 대한 편집기를 제공합니다. 이런 식으로 제품 범주에 대한 설명을 편집하여 범주 페이지에 표시할 수 있습니다.

이 플러그인 사용을 시작하려면 WordPress 대시보드에서 플러그인 > 새로 추가 로 이동합니다. 그런 다음 Category Editor 를 검색하고 지금 설치 를 클릭한 다음 플러그인을 활성화합니다.

WordPress 저장소에서 직접 플러그인을 다운로드하여 수동으로 설치할 수도 있습니다. 이 프로세스에 대해 자세히 알아보려면 플러그인을 수동으로 설치하는 방법에 대한 가이드를 참조하세요.

카테고리 편집기를 활성화한 후 제품 > 카테고리 로 이동하여 설명을 사용자 정의하려는 카테고리에서 편집 을 누릅니다.

여기에서 텍스트 글꼴, 제목, 목록 및 정렬을 변경할 수 있는 설명 영역에 텍스트 편집기가 추가되었음을 알 수 있습니다. 또한 카테고리 이미지를 추가하고 텍스트 탭을 사용하여 약간의 코드로 카테고리 설명을 사용자 정의할 수 있습니다.

필요한 모든 변경 사항을 적용했으면 업데이트 를 누르고 카테고리 페이지에서 변경 사항을 미리 봅니다.

이것이 플러그인으로 WooCommerce 카테고리 페이지를 사용자 정의하는 방법입니다. 그러나 더 많은 사용자 지정 옵션을 원하고 코딩 기술이 있는 경우 자체 솔루션을 코딩할 수 있습니다. 방법을 살펴보겠습니다.

3. 프로그래밍 방식으로 WooCommerce 카테고리 페이지 사용자 지정

Divi를 사용하지 않고 타사 도구를 설치하고 싶지 않다면 자체 솔루션을 코딩하는 것이 탁월한 선택입니다. 프로그래밍 방식으로 카테고리 페이지를 편집할 때의 주요 이점은 더 많은 유연성을 제공한다는 것입니다.

숙련된 개발자가 아니더라도 WooCommerce는 프로세스에 도움이 되는 몇 가지 단축 코드와 단축 코드 속성을 제공합니다. 단축 코드에 익숙하지 않은 경우 이 가이드를 확인하여 단축 코드를 사용하는 방법을 더 잘 이해하십시오.

이러한 단축 코드를 사용하면 모든 페이지에 제품 카테고리를 표시할 수 있습니다.

• [ product_category ] – 특정 제품 카테고리를 표시합니다.
• [ product_categories ] – 상점의 모든 제품 카테고리를 표시합니다.

제품 범주 속성과 함께 사용하여 제품 범주를 표시하는 방식을 수정할 수 있습니다. 예를 들어, 최상위 제품 범주를 표시하고 하위 범주를 숨기려면 다음 단축 코드를 사용할 수 있습니다.

[ product_categories number="0" parent="0" ]

페이지를 미리 보면 최상위 카테고리를 볼 수 있습니다.

또한 다양한 코드 스니펫을 사용하여 WooCommerce에서 카테고리 페이지를 편집할 수도 있습니다. 가장 일반적인 예 중 하나는 사용자 지정 범주를 만드는 것입니다.

방법을 보여주기 전에 WordPress 웹 사이트를 백업하고 하위 테마를 사용하는지 확인하십시오. 일부 핵심 테마 파일을 변경할 것이므로 문제가 발생하면 사이트가 중단될 수 있습니다. 그렇기 때문에 문제를 방지하기 위해 복원할 수 있는 백업 버전을 항상 보유하는 것이 좋습니다.

사용자 정의 카테고리 페이지 제목 만들기

코드 조각을 사용하여 사용자 정의 카테고리 페이지 제목을 만들려면 모양 > 테마 편집기 로 이동하여 다음 코드 조각을 자식 테마의 functions.php 파일에 추가해야 합니다.

 add_filter( 'woocommerce_page_title', 'QL_customize_woocommerce_page_title', 10, 1 );
function QL_customize_woocommerce_page_title( $page_title) {
 // Custom title for the product category 't-shirts'
 if ( is_product_category('t-shirts') ) { $page_title = 'Something';
 }
 // Custom title for the product category 'hoodies'
 elseif ( is_product_category('hoodies') ) {
 $page_title = 'Something else'; }
 return $page_title;
}

스니펫에 대한 자세한 내용은 이 사이트를 확인하세요.

이렇게 하면 카테고리 페이지에 기본 카테고리 제목 대신 사용자 정의 제목을 표시할 수 있습니다.

제품 카테고리 페이지의 배경 변경

마찬가지로 코드 조각을 사용하여 제품 카테고리 페이지의 배경을 변경할 수도 있습니다. 다음 코드 스니펫을 다시 한번 funtions.php 파일에 붙여넣으세요.

 if (is_product_category()){ add_action( 'wp_head' , function () { ?> <style> .woocommerce.post-type-archive-product { background-image:none !important; } .woocommerce.single-product { background-image:none !important; } </style> <?php }); }

코드는 요소가 제품 카테고리인지 확인하고 배경 색상을 변경합니다. 자세한 내용은 이 사이트를 확인하십시오.

이는 몇 가지 예에 불과하지만 더 많은 작업을 수행할 수 있습니다. 이 스니펫을 기반으로 자유롭게 사용자 정의 코드를 추가하여 상점의 카테고리 페이지를 사용자 정의하십시오.

보너스: 카테고리 페이지에 빠른 보기 추가

WooCommerce 카테고리 페이지를 사용자 정의하는 또 다른 흥미로운 옵션은 빠른 보기 기능을 추가하는 것입니다. 빠른 보기를 사용하면 고객이 실제 제품 페이지를 열지 않고도 해당 카테고리 페이지에서 제품 세부 정보를 볼 수 있습니다. 이것은 쇼핑객이 온라인 상점을 탐색하는 동안 더 나은 사용자 경험을 제공할 것입니다.

카테고리 페이지에 빠른 보기 기능을 추가하기 위해 WooCommerce Direct Checkout 플러그인을 사용합니다. 전환율과 매출을 높이는 데 도움이 되는 다양한 기능이 포함된 WooCommerce용 최고의 체크아웃 플러그인 중 하나입니다.

이것은 프리미엄 플러그인이지만 카테고리 페이지에 빠른 보기를 추가하려면 무료 버전과 프리미엄 플랜 중 하나를 모두 설치해야 합니다. 먼저 이 페이지로 이동하여 WooCommerce Direct Checkout을 설치하고 활성화하십시오.

플러그인을 설치하고 활성화한 후 WordPress 대시보드에서 WooCommerce > Direct Checkout > 아카이브 로 이동합니다. 드롭다운에서 예 를 선택하여 빠른 보기 추가 버튼 옵션을 활성화한 다음 변경 사항을 저장합니다.

프런트 엔드에서 사이트를 확인하면 " 지금 구매/장바구니에 추가 " 버튼 바로 옆에 새 버튼이 표시되는 것을 볼 수 있습니다. 예를 들어, Storefront 테마를 사용하는 사람들의 경우 버튼은 다음과 같습니다.

빠른 보기 버튼을 클릭하면 제목, 가격, 설명 등과 같은 제품에 대한 가장 중요한 모든 정보가 있는 팝업이 열립니다. 이렇게 하면 고객은 제품 페이지를 열지 않고도 장바구니에 직접 제품을 추가할 수 있습니다.

빠른 보기 버튼과 팝업을 추가로 사용자 지정할 수 있습니다. 이를 수행하는 방법에 대한 자세한 내용은 WooCommerce에서 빠른 보기를 추가하는 방법에 대한 가이드를 확인하세요.

카테고리 페이지 개선을 위한 권장 사항

앞서 언급했듯이 카테고리 페이지의 전반적인 디자인과 인터페이스는 온라인 상점을 성장시키는 데 매우 중요합니다. 같은 카테고리의 다른 상품을 비교하고 구매할 수 있는 매우 유용한 페이지입니다.

잘 디자인된 카테고리 페이지는 온라인 상점에서 고객을 더 오래 유지하는 데 도움이 됩니다. 매장에서 더 나은 경험을 제공할수록 구매하고 충성도 높은 고객이 될 가능성이 높아집니다.

카테고리 페이지를 최대한 활용하고 경쟁업체보다 눈에 띄게 하기 위해 다음은 다음 단계로 나아가기 위한 몇 가지 권장 사항입니다.

1. 큰 제품 이미지 추가

온라인 쇼핑과 관련하여 이미지는 천 단어의 가치가 있습니다. 쇼핑객은 제품 페이지로 이동하기 전에 관심 있는 제품의 크고 선명한 이미지를 보고 싶어합니다.

그러나 카테고리 페이지에 매우 큰 제품 이미지를 사용해야 한다는 의미는 아닙니다. 매우 큰 이미지는 무거워지고 사이트 속도가 느려지는 경향이 있으므로 큰 이미지와 사이트 속도 사이에서 적절한 균형을 찾으십시오.

예를 들어 이미지 크기가 300-400픽셀 인 3열 카테고리 페이지를 사용할 수 있습니다. 이는 평균 크기의 모니터 또는 모바일 장치에 필요한 제품 세부 정보를 표시하기에 충분해야 합니다.

가장 유명한 스포츠 의류 브랜드 중 하나인 나이키의 카테고리 페이지에서 좋은 예를 볼 수 있습니다. Nike는 제품 썸네일 이미지에 적합한 선명하고 큰 그림을 사용합니다.

또한 오늘날 온라인 쇼핑은 모바일 장치에서 널리 이루어지고 있음을 명심하십시오. 크기와 디자인이 모든 화면 크기에 적합하도록 데스크톱과 모바일 모두에서 카테고리 페이지를 테스트해야 합니다.

2. 매력적인 헤더 이미지 사용

우리 모두는 첫인상이 중요하며 온라인 쇼핑에서 더욱 중요하다는 것을 알고 있습니다. 고객이 카테고리 페이지를 열면 가장 먼저 눈에 띄는 것은 페이지의 헤더입니다. 그렇기 때문에 각 범주에 대해 매력적인 헤더를 사용해야 합니다.

매력적인 헤더를 만드는 가장 좋은 방법 중 하나는 헤더 이미지를 추가하는 것입니다. 사이트의 전체 디자인을 염두에 두고 헤더 이미지를 온라인 상점의 전체 색 구성표와 일치시키 십시오.

예를 들어 MAC Cosmetics와 같은 많은 패션 지향 온라인 상점에서 헤더 이미지를 찾을 수 있습니다.

보시다시피 MAC은 헤더 이미지를 표시하기 위해 매우 창의적인 방법을 사용합니다. 카테고리 헤더 이미지는 해당 이미지로 구성되며 헤더 메뉴와 어두운 색 구성표를 일치시킵니다.

3. 항상 이동 경로를 표시하도록 유지

이동 경로는 웹 사이트 방문자가 올바른 위치에 있는지 확인하는 데 가장 유용한 요소 중 하나입니다. 또한 Breadcrumbs는 사용자가 사이트를 탐색하는 데 도움이 되므로 원하는 것을 더 빨리 찾고 쇼핑 경험을 개선할 수 있습니다.

제품을 탐색하는 동안 고객이 다른 항목을 클릭하고 매장에서 길을 잃는 경우가 있습니다. 이동 경로를 항상 볼 수 있도록 함으로써 사용자는 자신의 위치를 ​​즉시 확인하고 원하는 범주로 쉽게 돌아갈 수 있습니다.

일부 사이트는 사이드바에 카테고리를 표시하는 것을 선호하지만 대부분의 온라인 상점은 고객이 이전 위치로 더 쉽게 돌아갈 수 있기 때문에 탐색 경로를 사용합니다.

Divi로 위의 튜토리얼을 따랐다면 이동 경로를 표시하는 것은 문제가 되지 않을 것입니다. 다른 테마를 사용하는 경우 이 가이드를 확인하여 모든 페이지에 이동 경로를 추가하고 표시하는 방법을 알아보세요.

4. 제품이 올바른 카테고리에 있는지 확인하십시오.

이것이 당연한 것처럼 보이지만 수동으로 제품을 추가할 때 실수가 발생할 수 있습니다. 따라서 이 점은 권고라기보다 상기시키는 것입니다.

모든 제품이 올바른 범주에 할당되고 혼동되지 않도록 일상적인 검사를 수행하십시오. 매일 확인할 필요는 없지만 가끔씩 확인하는 것이 중요합니다. 상품, 카테고리, 설명의 철자 오류도 확인할 수 있습니다.

제품 또는 카테고리의 오류는 방문자의 웹사이트 인상에 영향을 미칠 수 있습니다. 온라인 상점을 검색하다가 노트북 카테고리에서 청바지를 발견했다면 어떻게 생각하시겠습니까? 때때로 확인을 수행하면 많은 시간이 걸리지 않으며 모든 것을 정리하는 데 도움이 됩니다.

전자 상거래 상점을 더욱 개선하려면 온라인 상점을 최적화하기 위한 WooCommerce 팁을 살펴보십시오.

결론

대체로 카테고리 페이지는 상점에서 중요한 역할을 합니다. 경쟁업체와 차별화하려면 WooCommerce 카테고리 페이지를 사용자 정의하고 최대한 활용해야 합니다. 마찬가지로 매장, 제품, 내 계정 및 결제 페이지를 편집하여 매장에 있는 동안 전체 매장을 개조할 수도 있습니다.

마무리하기 위해 카테고리 페이지를 편집하는 다양한 방법에 대해 논의했습니다.

• 디비와 함께
• 전용 플러그인 사용
• 프로그래밍 방식으로

이 가이드가 유용하고 카테고리 페이지를 쉽게 편집할 수 있기를 바랍니다. 또한 카테고리 페이지에 제품 빠른 보기를 추가할 수 있는 보너스 팁도 제공했습니다.

마지막으로 카테고리 페이지를 개선하고 더 나은 이미지를 사용하고 이동 경로를 항상 표시하여 전환율을 높이는 몇 가지 권장 사항도 확인했습니다.

이 자습서가 유용했다면 다음 자습서도 살펴보는 것이 좋습니다.

• WooCommerce에서 장바구니에 추가 버튼을 숨기고 제거하는 방법
• WooCommerce 장바구니 페이지 사용자 정의
• WooCommerce 결제에 수수료를 추가하는 방법